feat(Upload): image-card support imageProps #4333
pull-request.yml
on: pull_request
call-test-build
/
check
6s
call-test-build
/
test
3m 37s
call-test-build
/
site
2m 33s
call-test-build
/
build
4m 38s
Annotations
7 errors and 4 warnings
test/snap/csr.test.jsx > ssr snapshot test > ssr test src/form/_example/disabled.tsx:
test/snap/ssr.test.jsx#L30
Error: Snapshot `ssr snapshot test > ssr test src/form/_example/disabled.tsx 1` mismatched
Expected: ""<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-
|
test/snap/csr.test.jsx > ssr snapshot test > ssr test src/upload/_example/image.tsx:
test/snap/ssr.test.jsx#L30
Error: Snapshot `ssr snapshot test > ssr test src/upload/_example/image.tsx 1` mismatched
Expected: ""<div style="gap:16px" class="t-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="
|
test/snap/csr.test.jsx > csr snapshot test > csr test src/form/_example/disabled.tsx:
test/snap/csr.test.jsx#L35
Error: Snapshot `csr snapshot test > csr test src/form/_example/disabled.tsx 1` mismatched
- Expected
+ Received
@@ -693,10 +693,15 @@
d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
fill="currentColor"
/>
</svg>
</div>
+ <div
+ class="t-space-item"
+ >
+ loading
+ </div>
</div>
</div>
</div>
<div
class="t-upload__card-mask"
❯ test/snap/csr.test.jsx:35:27
|
test/snap/csr.test.jsx > csr snapshot test > csr test src/upload/_example/image.tsx:
test/snap/csr.test.jsx#L35
Error: Snapshot `csr snapshot test > csr test src/upload/_example/image.tsx 1` mismatched
- Expected
+ Received
@@ -251,10 +251,15 @@
d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
fill="currentColor"
/>
</svg>
</div>
+ <div
+ class="t-space-item"
+ >
+ loading
+ </div>
</div>
</div>
</div>
<div
class="t-upload__card-mask"
❯ test/snap/csr.test.jsx:35:27
|
test/snap/ssr.test.jsx > ssr snapshot test > ssr test src/form/_example/disabled.tsx:
test/snap/ssr.test.jsx#L30
Error: Snapshot `ssr snapshot test > ssr test src/form/_example/disabled.tsx 1` mismatched
Expected: ""<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-
|
test/snap/ssr.test.jsx > ssr snapshot test > ssr test src/upload/_example/image.tsx:
test/snap/ssr.test.jsx#L30
Error: Snapshot `ssr snapshot test > ssr test src/upload/_example/image.tsx 1` mismatched
Expected: ""<div style="gap:16px" class="t-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="
|
call-test-build / test
Process completed with exit code 1.
|
call-test-build / check
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
call-test-build / site
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
call-test-build / test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
call-test-build / build
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
_site
|
3.44 MB |
|
pr
|
139 Bytes |
|