From 975d3ccf6c9599f40af42228d3d6fa779866fe03 Mon Sep 17 00:00:00 2001
From: huangchen1031 <huangchen1031@vip.qq.com>
Date: Sat, 21 Dec 2024 21:19:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(upload):=20=E4=B8=8A=E4=BC=A0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=20(#4853)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(upload): 上传组件图片展示样式优化

* chore: update snapshot

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../__tests__/__snapshots__/index.test.jsx.snap        |  2 +-
 .../__snapshots__/vitest-upload.test.jsx.snap          |  6 +++---
 src/upload/themes/image-card.tsx                       |  2 +-
 src/upload/themes/multiple-flow-list.tsx               |  8 +++++++-
 test/unit/snap/__snapshots__/csr.test.js.snap          | 10 +++++-----
 test/unit/snap/__snapshots__/ssr.test.js.snap          |  6 +++---
 6 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap b/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
index e22c8a4953..c8fe1f374c 100644
--- a/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
@@ -201,4 +201,4 @@ exports[`DatePicker > :value 1`] = `
     <!---->
   </div>
 </div>
-`;
\ No newline at end of file
+`;
diff --git a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
index bbe11f4073..469deb0eda 100644
--- a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
+++ b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
@@ -1213,7 +1213,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
               <!---->
               <img
                 alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
+                class="t-image t-image--fit-contain t-image--position-center"
                 referrerpolicy="strict-origin-when-cross-origin"
                 src=""
               />
@@ -1308,7 +1308,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
               <!---->
               <img
                 alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
+                class="t-image t-image--fit-contain t-image--position-center"
                 referrerpolicy="strict-origin-when-cross-origin"
                 src="https://img1.txt"
               />
@@ -1425,7 +1425,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
               <!---->
               <img
                 alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
+                class="t-image t-image--fit-contain t-image--position-center"
                 referrerpolicy="strict-origin-when-cross-origin"
                 src="https://img2.txt"
               />
diff --git a/src/upload/themes/image-card.tsx b/src/upload/themes/image-card.tsx
index 4afd2d6583..a13798fb31 100644
--- a/src/upload/themes/image-card.tsx
+++ b/src/upload/themes/image-card.tsx
@@ -66,7 +66,7 @@ export default defineComponent({
     const renderMainContent = (file: UploadFile, index: number) => {
       return (
         <div class={`${classPrefix.value}-upload__card-content ${classPrefix.value}-upload__card-box`}>
-          <Image class={`${classPrefix.value}-upload__card-image`} src={file.url || file.raw} error="" />
+          <Image class={`${classPrefix.value}-upload__card-image`} src={file.url || file.raw} error="" fit="contain" />
           <div class={`${classPrefix.value}-upload__card-mask`}>
             <span class={`${classPrefix.value}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>
               <ImageViewer
diff --git a/src/upload/themes/multiple-flow-list.tsx b/src/upload/themes/multiple-flow-list.tsx
index a444ffc6f0..ae2c894afa 100644
--- a/src/upload/themes/multiple-flow-list.tsx
+++ b/src/upload/themes/multiple-flow-list.tsx
@@ -173,7 +173,13 @@ export default defineComponent({
               </div>
             )}
             {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (
-              <Image class={`${uploadPrefix.value}__card-image`} src={file.url || file.raw} error="" loading="" />
+              <Image
+                class={`${uploadPrefix.value}__card-image`}
+                src={file.url || file.raw}
+                error=""
+                loading=""
+                fit="contain"
+              />
             )}
             <div class={`${uploadPrefix.value}__card-mask`}>
               {(file.url || file.raw) && !['progress', 'fail'].includes(file.status) && (
diff --git a/test/unit/snap/__snapshots__/csr.test.js.snap b/test/unit/snap/__snapshots__/csr.test.js.snap
index 9299dcaffb..7f2f3bc7f1 100644
--- a/test/unit/snap/__snapshots__/csr.test.js.snap
+++ b/test/unit/snap/__snapshots__/csr.test.js.snap
@@ -64662,7 +64662,7 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                         <!---->
                         <img
                           alt=""
-                          class="t-image t-image--fit-fill t-image--position-center"
+                          class="t-image t-image--fit-contain t-image--position-center"
                           referrerpolicy="strict-origin-when-cross-origin"
                           src="https://tdesign.gtimg.com/site/avatar.jpg"
                         />
@@ -198237,7 +198237,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                 <!---->
                 <img
                   alt=""
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   referrerpolicy="strict-origin-when-cross-origin"
                   src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                 />
@@ -198625,7 +198625,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
                   <!---->
                   <img
                     alt=""
-                    class="t-image t-image--fit-fill t-image--position-center"
+                    class="t-image t-image--fit-contain t-image--position-center"
                     referrerpolicy="strict-origin-when-cross-origin"
                     src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                   />
@@ -198884,7 +198884,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
                   <!---->
                   <img
                     alt=""
-                    class="t-image t-image--fit-fill t-image--position-center"
+                    class="t-image t-image--fit-contain t-image--position-center"
                     referrerpolicy="strict-origin-when-cross-origin"
                     src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                   />
@@ -199001,7 +199001,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
                   <!---->
                   <img
                     alt=""
-                    class="t-image t-image--fit-fill t-image--position-center"
+                    class="t-image t-image--fit-contain t-image--position-center"
                     referrerpolicy="strict-origin-when-cross-origin"
                     src="https://tdesign.gtimg.com/demo/demo-image-1.png"
                   />
diff --git a/test/unit/snap/__snapshots__/ssr.test.js.snap b/test/unit/snap/__snapshots__/ssr.test.js.snap
index 07e8f861f3..366afb59e7 100644
--- a/test/unit/snap/__snapshots__/ssr.test.js.snap
+++ b/test/unit/snap/__snapshots__/ssr.test.js.snap
@@ -447,7 +447,7 @@ exports[`ssr snapshot test > ssr test ./src/form/_example/clear-validate.vue 1`]
 
 exports[`ssr snapshot test > ssr test ./src/form/_example/custom-validator.vue 1`] = `"<form class="t-form"><!--[--><div class="t-form__item t-form-item__account"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>用户名</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap"><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" value><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item t-form-item__password t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>密码</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap"><div class="t-input t-input--suffix"><!----><!----><input class="t-input__inner" placeholder="请输入" type="password" spellcheck="false" 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" style=""><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div><!----></div><!--]--><!----></div><div class="t-input__help">同一个校验方法可输出不同的错误信息和类型，依次输入：1234 观察变化</div><!----><!----></div></div><div class="t-form__item t-form-item__rePassword t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>确认密码</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap"><div class="t-input t-input--suffix"><!----><!----><input class="t-input__inner" placeholder="请输入" type="password" spellcheck="false" 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" style=""><path fill="currentColor" d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"></path></svg></span></div><!----></div><!--]--><!----></div><div class="t-input__help">自定义异步校验方法</div><!----><!----></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px;"><label></label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-space t-space-horizontal" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary" type="submit" href tabindex="0"><span class="t-button__text"><!--[-->提交<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-default" type="reset" href tabindex="0"><span class="t-button__text"><!--[-->重置<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><!----><!----><!----></div></div><!--]--></form>"`;
 
-exports[`ssr snapshot test > ssr test ./src/form/_example/disabled.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:24px;"><!--[--><!--[--><div class="t-space-item"><div style="margin-left:36px;"><label class="t-checkbox t-is-checked" tabindex="0" variant="default-filled"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 是否禁用表单 <!--]--></span><!--]--></label></div></div><!----><!--]--><!--[--><div class="t-space-item"><form class="t-form"><!--[--><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px;"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap"><div class="t-input t-is-disabled"><!----><!----><input class="t-input__inner" disabled placeholder="请输入" type="text" spellcheck="false" 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-input t-select-input--empty t-select"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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-select-input t-select-input--empty t-tree-select"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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-select-input t-select-input--empty t-cascader t-cascader--single"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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" needconfirm="true"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择日期" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style=""><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 t-is-disabled" clearable><textarea class="t-textarea__inner t-is-default t-is-disabled narrow-scrollbar" disabled placeholder="简单描述自己的经历"></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"><!--[--><div class="t-switch t-size-m t-is-disabled t-is-checked" disabled><span class="t-switch__handle t-is-disabled"><!----></span><div class="t-switch__content t-size-m t-is-disabled">接受</div></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px;"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-radio-group t-size-m t-radio-group__outline"><!--[--><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" name disabled value="1" tabindex="-1" data-value="&#39;1&#39;"><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" name disabled value="2" tabindex="-1" data-value="&#39;2&#39;"><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" role="group" aria-label="checkbox-group"><!--[--><label class="t-checkbox t-is-disabled"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" unselectable="off"><div class="t-input t-is-disabled"><!----><!----><input class="t-input__inner" disabled placeholder="数字" type="text" autocomplete="off" spellcheck="false" 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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-fill t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><!----><!--]--><!--[--><div class="t-space-item">图片加载中</div><!----><!--]--><!--]--></div></div><!----><!----></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style=""><g clipPath="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><!----></li><!--]--><!----></ul></div><!----><!----><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px;"><label></label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-space t-space-horizontal" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary t-is-disabled" type="submit" disabled href><span class="t-button__text"><!--[-->提交<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-default t-is-disabled" type="reset" disabled href><span class="t-button__text"><!--[-->重置<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary" type="button" href tabindex="0"><span class="t-button__text"><!--[-->关闭禁用表单<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><!----><!----><!----></div></div><!--]--></form></div><!----><!--]--><!--]--></div>"`;
+exports[`ssr snapshot test > ssr test ./src/form/_example/disabled.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:24px;"><!--[--><!--[--><div class="t-space-item"><div style="margin-left:36px;"><label class="t-checkbox t-is-checked" tabindex="0" variant="default-filled"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 是否禁用表单 <!--]--></span><!--]--></label></div></div><!----><!--]--><!--[--><div class="t-space-item"><form class="t-form"><!--[--><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px;"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap"><div class="t-input t-is-disabled"><!----><!----><input class="t-input__inner" disabled placeholder="请输入" type="text" spellcheck="false" 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-input t-select-input--empty t-select"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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-select-input t-select-input--empty t-tree-select"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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-select-input t-select-input--empty t-cascader t-cascader--single"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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" needconfirm="true"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-disabled t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" disabled readonly placeholder="请选择日期" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style=""><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 t-is-disabled" clearable><textarea class="t-textarea__inner t-is-default t-is-disabled narrow-scrollbar" disabled placeholder="简单描述自己的经历"></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"><!--[--><div class="t-switch t-size-m t-is-disabled t-is-checked" disabled><span class="t-switch__handle t-is-disabled"><!----></span><div class="t-switch__content t-size-m t-is-disabled">接受</div></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px;"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-radio-group t-size-m t-radio-group__outline"><!--[--><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" name disabled value="1" tabindex="-1" data-value="&#39;1&#39;"><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" name disabled value="2" tabindex="-1" data-value="&#39;2&#39;"><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" role="group" aria-label="checkbox-group"><!--[--><label class="t-checkbox t-is-disabled"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" tabindex="-1" class="t-checkbox__former" disabled indeterminate="false" 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" unselectable="off"><div class="t-input t-is-disabled"><!----><!----><input class="t-input__inner" disabled placeholder="数字" type="text" autocomplete="off" spellcheck="false" 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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><!----><!--]--><!--[--><div class="t-space-item">图片加载中</div><!----><!--]--><!--]--></div></div><!----><!----></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style=""><g clipPath="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><!----></li><!--]--><!----></ul></div><!----><!----><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item"><div class="t-form__label t-form__label--right" style="width:100px;"><label></label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-space t-space-horizontal" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary t-is-disabled" type="submit" disabled href><span class="t-button__text"><!--[-->提交<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-default t-is-disabled" type="reset" disabled href><span class="t-button__text"><!--[-->重置<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary" type="button" href tabindex="0"><span class="t-button__text"><!--[-->关闭禁用表单<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><!----><!----><!----></div></div><!--]--></form></div><!----><!--]--><!--]--></div>"`;
 
 exports[`ssr snapshot test > ssr test ./src/form/_example/error-message.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:24px;" data-v-e6f62b80><!--[--><!--[--><div class="t-space-item"><div class="t-radio-group t-size-m t-radio-group--filled" data-v-e6f62b80><!--[--><label class="t-radio-button t-is-checked" tabindex="0" data-v-e6f62b80><input type="radio" class="t-radio-button__former" name checked value="default" tabindex="-1" data-value="&#39;default&#39;"><span class="t-radio-button__input"></span><span class="t-radio-button__label"><!--[--><!--[--><!--[--><span><!--[--> 使用表单默认校验信息 <!--]--></span><!----><!--]--><!--]--><!--]--></span></label><label class="t-radio-button" tabindex="0" data-v-e6f62b80><input type="radio" class="t-radio-button__former" name value="config" tabindex="-1" data-value="&#39;config&#39;"><span class="t-radio-button__input"></span><span class="t-radio-button__label"><!--[--><!--[--><!--[--><span><!--[--> 表单统一配置校验信息 <!--]--></span><!----><!--]--><!--]--><!--]--></span></label><!--]--><div style="width:0px;height:0px;left:0px;top:0px;transition-property:none;" class="t-radio-group__bg-block"></div></div></div><!----><!--]--><!--[--><div class="t-space-item"><form class="t-form" data-v-e6f62b80><!--[--><!-- !!!注意：当 FormItem 的 label 属性为 Function 时，errorMessage 模板中的 \${name} 会被替换为 FormItem.name 属性值 --><div class="t-form__item t-form-item__account t-form__item-with-help" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>用户名</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap" data-v-e6f62b80><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" 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" data-v-e6f62b80><div class="t-form__label t-form__label--right" style="width:100px;"><label>个人简介</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap" data-v-e6f62b80><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" value><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><div class="t-input__help">一句话介绍自己</div><!----><!----></div></div><div class="t-form__item t-form-item__password" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>密码</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap" data-v-e6f62b80><div class="t-input t-input--suffix"><!----><!----><input class="t-input__inner" placeholder="请输入" type="password" spellcheck="false" 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" style=""><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" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>邮箱</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-auto-complete" data-v-e6f62b80><!--[--><div class="t-input__wrap"><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" value><!----><!----><!----><!----></div><!----></div><!----><!--]--></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item t-form-item__gender" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" 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" data-v-e6f62b80><!--[--><label class="t-radio" tabindex="0" data-v-e6f62b80><input type="radio" class="t-radio__former" name value="male" tabindex="-1" data-value="&#39;male&#39;"><span class="t-radio__input"></span><span class="t-radio__label"><!--[-->男<!--]--></span></label><label class="t-radio" tabindex="0" data-v-e6f62b80><input type="radio" class="t-radio__former" name value="femal" tabindex="-1" data-value="&#39;femal&#39;"><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" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" 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" role="group" aria-label="checkbox-group" data-v-e6f62b80><!--[--><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" value="1"><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span><!--]--></label><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" value="2"><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span><!--]--></label><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" 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__college" data-v-e6f62b80><div class="t-form__label t-form__label--right" 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 demo-select-base" data-v-e6f62b80><div class="t-select-input t-select-input--empty t-select"><!--[--><div class="t-input__wrap" style=""><div class="t-input t-is-readonly t-input--suffix"><!----><!----><input class="t-input__inner" readonly placeholder="请选择" type="text" unselectable="on" spellcheck="false" value><!----><!----><!----><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M3.75 5.7998L7.99274 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" data-v-e6f62b80><div class="t-form__label t-form__label--right" style="width:100px;"><label>入学时间</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap" data-v-e6f62b80><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" value><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item t-form-item__content.url" data-v-e6f62b80><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px;"><label>个人网站</label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-input__wrap" data-v-e6f62b80><div class="t-input"><!----><!----><input class="t-input__inner" placeholder="请输入" type="text" spellcheck="false" value><!----><!----><!----><!----></div><!----></div><!--]--><!----></div><!----><!----><!----></div></div><div class="t-form__item" data-v-e6f62b80><div class="t-form__label t-form__label--right" style="width:100px;"><label></label><!----></div><div class="t-form__controls" style="margin-left:100px;"><div class="t-form__controls-content"><!--[--><div class="t-space t-space-horizontal" style="gap:8px;" data-v-e6f62b80><!--[--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-primary" type="submit" href tabindex="0" data-v-e6f62b80><span class="t-button__text"><!--[-->提交<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-default" type="reset" href tabindex="0" data-v-e6f62b80><span class="t-button__text"><!--[-->重置<!--]--></span></button></div><!----><!--]--><!--[--><div class="t-space-item"><button class="t-button t-button--variant-base t-button--theme-default" type="button" href tabindex="0" data-v-e6f62b80><span class="t-button__text"><!--[-->清空校验结果<!--]--></span></button></div><!----><!--]--><!--]--></div><!--]--><!----></div><!----><!----><!----></div></div><!--]--></form></div><!----><!--]--><!--]--></div>"`;
 
@@ -1459,9 +1459,9 @@ exports[`ssr snapshot test > ssr test ./src/upload/_example/draggable.vue 1`] =
 
 exports[`ssr snapshot test > ssr test ./src/upload/_example/file-flow-list.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[-->禁用状态<!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[-->自动上传<!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[-->显示文件缩略图<!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 允许上传同名文件 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 整体替换上传 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><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 accept hidden><!----><!----><!----><div class="t-upload__flow t-upload__flow-file-flow"><div class="t-upload__flow-op"><!--[--><div class="t-upload__trigger"><button class="t-button t-button--variant-outline t-button--theme-default" type="button" href tabindex="0"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style=""><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"><!--[-->选择文件<!--]--></span><!--]--></button></div><!--]--><small class="t-upload__flow-placeholder t-upload__placeholder">支持批量上传文件，文件格式不限，最多只能上传 10 份文件</small></div><!----><div class="t-upload__flow-card-area"><div class="t-upload__flow-empty">点击上方“选择文件”或将文件拖拽到此区域</div></div><div class="t-upload__flow-bottom"><button class="t-button t-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel" type="button" disabled href><span class="t-button__text">取消上传</span></button><button class="t-button t-button--variant-base t-button--theme-primary t-is-disabled t-upload__continue" type="button" disabled href><span class="t-button__text">点击上传</span></button></div><!--[--><!----><!--]--></div><!----><!----></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/upload/_example/image.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 显示图片名称 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 禁用状态 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 多个文件一个请求上传 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" 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 class="t-space t-space-horizontal" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden><!----><!----><div><ul class="t-upload__card"><!--[--><!--]--><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style=""><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" style=""><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></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><!----><!--]--><!--[--><div class="t-space-item">图片加载中</div><!----><!--]--><!--]--></div></div><!----><!----></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style=""><g clipPath="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" style=""><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 class="t-link t-link--theme-default t-size-s t-link--hover-color t-upload__card-name" href="https://tdesign.gtimg.com/demo/demo-image-1.png" target="_blank"><!----><!--[-->demo-image-1.png<!--]--><!----></a></li><!--]--><!----></ul></div><!----><!----><!----></div></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-upload"><input type="file" multiple accept="image/*" hidden><!----><!----><div><ul class="t-upload__card"><!--[--><!--]--><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style=""><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">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div><!----><!--]--><!--]--></div>"`;
+exports[`ssr snapshot test > ssr test ./src/upload/_example/image.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 显示图片名称 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 禁用状态 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false"><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> 多个文件一个请求上传 <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" 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 class="t-space t-space-horizontal" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-upload"><input type="file" accept="image/*" hidden><!----><!----><div><ul class="t-upload__card"><!--[--><!--]--><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style=""><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" style=""><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></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"></path></svg></div><!----><!--]--><!--[--><div class="t-space-item">图片加载中</div><!----><!--]--><!--]--></div></div><!----><!----></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style=""><g clipPath="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" style=""><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 class="t-link t-link--theme-default t-size-s t-link--hover-color t-upload__card-name" href="https://tdesign.gtimg.com/demo/demo-image-1.png" target="_blank"><!----><!--[-->demo-image-1.png<!--]--><!----></a></li><!--]--><!----></ul></div><!----><!----><!----></div></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-upload"><input type="file" multiple accept="image/*" hidden><!----><!----><div><ul class="t-upload__card"><!--[--><!--]--><li class="t-upload__card-item t-is-background"><div class="t-upload__image-add t-upload__card-container t-upload__card-box"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" style=""><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">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div><!----><!--]--><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./src/upload/_example/img-flow-list.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:36px;"><!--[--><!--[--><div class="t-space-item"><div>AutoUpload: <div class="t-switch t-size-m"><span class="t-switch__handle"><!----></span><div class="t-switch__content t-size-m"><!----></div></div></div></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> Show Image Name <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><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 class="t-button t-button--variant-outline t-button--theme-default" type="button" href tabindex="0"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style=""><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"><!--[-->继续选择<!--]--></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><path fill="currentColor" d="M12 23a11 11 0 100-22 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><!--]--></ul></div><!----><div class="t-upload__flow-bottom"><button class="t-button t-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel" type="button" disabled href><span class="t-button__text">取消上传</span></button><button class="t-button t-button--variant-base t-button--theme-primary t-upload__continue" type="button" href tabindex="0"><span class="t-button__text">点击上传</span></button></div><!--[--><!----><!--]--></div><!----><!----></div></div><!----><!--]--><!--[--><div class="t-space-item"><br></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text"><!--[-->Different Status Images<!--]--></span></div></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-upload static-image-list"><input type="file" accept hidden><!----><!----><!----><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><!--[--><div class="t-upload__trigger"><button class="t-button t-button--variant-outline t-button--theme-default" type="button" href tabindex="0"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style=""><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"><!--[-->重新选择<!--]--></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><path fill="currentColor" d="M12 23a11 11 0 100-22 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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-fill t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><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--center t-size-m t-loading" style=""><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" size="medium"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><!----></div><p>上传中 10%</p></div><!----><div class="t-upload__card-mask"><!----><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete" style=""><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" style=""><path 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>上传失败</p></div><!----><div class="t-upload__card-mask"><!----><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete" style=""><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.vue 1`] = `"<div class="t-space t-space-vertical" style="gap:16px;"><!--[--><!--[--><div class="t-space-item"><div class="t-space t-space-horizontal" style="gap:36px;"><!--[--><!--[--><div class="t-space-item"><div>AutoUpload: <div class="t-switch t-size-m"><span class="t-switch__handle"><!----></span><div class="t-switch__content t-size-m"><!----></div></div></div></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><span class="t-checkbox__input"></span><span class="t-checkbox__label"><!--[--> Show Image Name <!--]--></span><!--]--></label></div><!----><!--]--><!--[--><div class="t-space-item"><label class="t-checkbox t-is-checked" tabindex="0"><!--[--><input type="checkbox" tabindex="-1" class="t-checkbox__former" indeterminate="false" checked><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 class="t-button t-button--variant-outline t-button--theme-default" type="button" href tabindex="0"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style=""><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"><!--[-->继续选择<!--]--></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><path fill="currentColor" d="M12 23a11 11 0 100-22 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><!--]--></ul></div><!----><div class="t-upload__flow-bottom"><button class="t-button t-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel" type="button" disabled href><span class="t-button__text">取消上传</span></button><button class="t-button t-button--variant-base t-button--theme-primary t-upload__continue" type="button" href tabindex="0"><span class="t-button__text">点击上传</span></button></div><!--[--><!----><!--]--></div><!----><!----></div></div><!----><!--]--><!--[--><div class="t-space-item"><br></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-divider t-divider--horizontal t-divider--with-text t-divider--with-text-left"><span class="t-divider__inner-text"><!--[-->Different Status Images<!--]--></span></div></div><!----><!--]--><!--[--><div class="t-space-item"><div class="t-upload static-image-list"><input type="file" accept hidden><!----><!----><!----><div class="t-upload__flow t-upload__flow-image-flow"><div class="t-upload__flow-op"><!--[--><div class="t-upload__trigger"><button class="t-button t-button--variant-outline t-button--theme-default" type="button" href tabindex="0"><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style=""><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"><!--[-->重新选择<!--]--></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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><path fill="currentColor" d="M12 23a11 11 0 100-22 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" fallback referrerpolicy="strict-origin-when-cross-origin"><!----><!----><!----><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt referrerpolicy="strict-origin-when-cross-origin"><div class="t-image__loading"><div class="t-space t-space-align-center t-space-vertical" style="gap:8px;"><!--[--><!--[--><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="font-size:24px;"><path fill="currentColor" d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 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" style=""><g clipPath="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" style=""><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" style=""><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--center t-size-m t-loading" style=""><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" size="medium"><foreignObject x="0" y="0" width="12" height="12"><div class="t-loading__gradient-conic"></div></foreignObject></svg><!----></div><p>上传中 10%</p></div><!----><div class="t-upload__card-mask"><!----><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete" style=""><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" style=""><path 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>上传失败</p></div><!----><div class="t-upload__card-mask"><!----><span class="t-upload__card-mask-item t-upload__delete"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-delete" style=""><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/listType.vue 1`] = `"<section class="tdesign-demo-upload" data-v-5232d1a7><header class="tdesign-demo-upload-header" data-v-5232d1a7><div class="t-upload" show-file-list="true" data-v-5232d1a7><input type="file" multiple accept hidden><div class="t-upload__single t-upload__single-file"><!----><!--[--><div class="t-upload__trigger"><!--[--><button class="t-button t-button--variant-outline t-button--theme-default t-button--icon-only" type="button" href tabindex="0" data-v-5232d1a7><!--[--><!--[--><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-upload" style="" data-v-5232d1a7><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>选择文件 <!--]--><!--]--></button><p class="describe" data-v-5232d1a7>请上传txt文件，大小在60M以内</p><!--]--></div><!--]--><!--[--><!--]--><!----></div><!----><!----><!----><!----><!----></div></header></section>"`;