diff --git a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
index 004849975e..e810930a89 100644
--- a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
+++ b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
@@ -879,7 +879,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src=""
                 />
                 <div
@@ -958,7 +958,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src="https://img1.txt"
                 />
                 <div
@@ -1060,7 +1060,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src="https://img2.txt"
                 />
                 <div
diff --git a/src/upload/themes/ImageCard.tsx b/src/upload/themes/ImageCard.tsx
index 50c70556c9..246add8742 100644
--- a/src/upload/themes/ImageCard.tsx
+++ b/src/upload/themes/ImageCard.tsx
@@ -46,7 +46,13 @@ const ImageCard = (props: ImageCardUploadProps) => {
 
   const renderMainContent = (file: UploadFile, index: number) => (
     <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>
-      <Image className={`${classPrefix}-upload__card-image`} src={file.url || file.raw} error="" loading="" />
+      <Image
+        className={`${classPrefix}-upload__card-image`}
+        fit="contain"
+        src={file.url || file.raw}
+        error=""
+        loading=""
+      />
       <div className={`${classPrefix}-upload__card-mask`}>
         <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>
           <ImageViewer
diff --git a/src/upload/themes/MultipleFlowList.tsx b/src/upload/themes/MultipleFlowList.tsx
index 5d2b60f782..f3531b5366 100644
--- a/src/upload/themes/MultipleFlowList.tsx
+++ b/src/upload/themes/MultipleFlowList.tsx
@@ -173,7 +173,13 @@ const ImageFlowList = (props: ImageFlowListProps) => {
             </div>
           )}
           {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (
-            <Image className={`${uploadPrefix}__card-image`} src={file.url || file.raw} error="" loading="" />
+            <Image
+              className={`${uploadPrefix}__card-image`}
+              fit="contain"
+              src={file.url || file.raw}
+              error=""
+              loading=""
+            />
           )}
           <div className={`${uploadPrefix}__card-mask`}>
             {(file.url || file.raw) && !['progress', 'fail'].includes(file.status) && (
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index b8ea2bc8c1..812b610844 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -43515,7 +43515,7 @@ exports[`csr snapshot test > csr test src/form/_example/disabled.tsx 1`] = `
                           class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                         >
                           <img
-                            class="t-image t-image--fit-fill t-image--position-center"
+                            class="t-image t-image--fit-contain t-image--position-center"
                             src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                           />
                           <div
@@ -133045,7 +133045,7 @@ exports[`csr snapshot test > csr test src/upload/_example/image.tsx 1`] = `
                       class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                     >
                       <img
-                        class="t-image t-image--fit-fill t-image--position-center"
+                        class="t-image t-image--fit-contain t-image--position-center"
                         src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                       />
                       <div
@@ -133340,7 +133340,7 @@ exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`]
                     class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                   >
                     <img
-                      class="t-image t-image--fit-fill t-image--position-center"
+                      class="t-image t-image--fit-contain t-image--position-center"
                       src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                     />
                     <div
@@ -133442,7 +133442,7 @@ exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`]
                     class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                   >
                     <img
-                      class="t-image t-image--fit-fill t-image--position-center"
+                      class="t-image t-image--fit-contain t-image--position-center"
                       src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                     />
                     <div
@@ -133641,7 +133641,7 @@ exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`]
                     class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                   >
                     <img
-                      class="t-image t-image--fit-fill t-image--position-center"
+                      class="t-image t-image--fit-contain t-image--position-center"
                       src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                     />
                     <div
@@ -133743,7 +133743,7 @@ exports[`csr snapshot test > csr test src/upload/_example/img-flow-list.tsx 1`]
                     class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
                   >
                     <img
-                      class="t-image t-image--fit-fill t-image--position-center"
+                      class="t-image t-image--fit-contain t-image--position-center"
                       src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                     />
                     <div
@@ -134636,7 +134636,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/custom-validator.tsx 1`]
 
 exports[`ssr snapshot test > ssr test src/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><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></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -135450,9 +135450,9 @@ exports[`ssr snapshot test > ssr test src/upload/_example/draggable.tsx 1`] = `"
 
 exports[`ssr snapshot test > ssr test src/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 4876c2d2c9..754a7d3644 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -410,7 +410,7 @@ exports[`ssr snapshot test > ssr test src/form/_example/custom-validator.tsx 1`]
 
 exports[`ssr snapshot test > ssr test src/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><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></form>"`;
 
-exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test src/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" disabled="" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select cascader data" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-readonly t-is-disabled t-align-left t-input--suffix"><input placeholder="select date" type="text" class="t-input__inner" readonly="" disabled="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar"><path fill="currentColor" d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" class="t-textarea__inner t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>:</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label><div class="t-radio-group__bg-block"></div></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="please enter" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 26 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear"><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-readonly t-align-left t-input--suffix"><input placeholder="please select" type="text" class="t-input__inner" readonly="" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="please enter" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -1224,9 +1224,9 @@ exports[`ssr snapshot test > ssr test src/upload/_example/draggable.tsx 1`] = `"
 
 exports[`ssr snapshot test > ssr test src/upload/_example/file-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">显示文件缩略图</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">允许上传同名文件</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">整体替换上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" hidden=""/><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">Click &quot;Upload&quot; or Drag file to this area to upload</div></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">Cancel</span></div><div type="button" disabled="" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">Upload</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/upload/_example/image.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用状态</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">多个文件一个请求上传</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox t-is-checked" checked=""><input type="checkbox" class="t-checkbox__former" tabindex="-1" checked=""/><span class="t-checkbox__input"></span><span class="t-checkbox__label">自动上传</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">请选择图片</p></div></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg></span><span class="t-upload__card-mask-item-divider"></span><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">default.jpeg</a></li></ul></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"><path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg><p class="t-size-s t-upload__add-text">Click to upload</p></div></li></ul></div><small class="t-upload__tips t-size-s">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/upload/_example/img-flow-list.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div>AutoUpload<button type="button" role="switch" class="t-switch t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content"></div></button></div></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show Image Name</span></label></div><div class="t-space-item"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="true" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">Show UploadButton Or CancelUploadButton</span></label></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-upload"><input type="file" multiple="" accept="image/*" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Continue Upload</span></button></div><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传图片文件</small></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>demo…-1.png</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>avatar.jpg</p></li></ul></div><div class="t-upload__flow-bottom"><div type="button" disabled="" class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">取消上传</span></div><button type="button" class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Upload</span></button></div></div></div></div><div class="t-space-item"><br/></div><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text">Different Status Images</span></div></div><div class="t-space-item"><div class="static-image-list t-upload"><input type="file" hidden=""/><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">ReUpload</span></button></div></div><div class="t-upload__flow-card-area"><ul class="t-upload__card clearfix"><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse"><g clip-path="url(#clip0_8726_7319)"><path fill="currentColor" d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"></path></g></svg><span class="t-upload__card-mask-item-divider"></span></span><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time-filled"><path fill="currentColor" d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"></path></svg>loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-progress"><div class="t-loading t-loading--center t-size-m"><svg class="t-loading__gradient t-icon-loading" viewBox="0 0 12 12" version="1.1" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg></div><p>Uploading</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li><li class="t-upload__card-item"><div class="t-upload__card-content t-is-bordered"><div class="t-upload__card-status-wrap t-upload__image-flow-fail"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled"><path fill="currentColor" d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"></path></svg><p>Failed</p></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete"><path fill="currentColor" d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"></path></svg></span></div></div><p class="t-upload__card-name t-upload__flow-status">loading.svg</p></li></ul></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/upload/_example/request-method.tsx 1`] = `"<div style="gap:24px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestSuccessMethod&#x27;" checked="" value="requestSuccessMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传成功示例</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;requestFailMethod&#x27;" value="requestFailMethod"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">上传失败示例</span></label><div class="t-radio-group__bg-block"></div></div></div><div class="t-space-item"><div class="t-upload"><input type="file" hidden=""/><div class="t-upload__single t-upload__single-file"><div class="t-upload__trigger"><button type="button" class="t-button t-button--theme-default t-button--variant-outline"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload"><path fill="currentColor" d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"></path></svg><span class="t-button__text">Upload</span></button></div><small class="t-upload__tips t-size-s t-upload__placeholder">自定义上传方法需要返回成功或失败信息</small></div></div></div></div>"`;