mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-14 08:51:26 +08:00
240210a281
* feat: qrcode * chore: code clean * feat: New Component Qr-Code (#38891) * feat: QrCode * fix * fix * fix: fix bug * fix: fix bug * fix * fix * fix * delete * delete * test case * fix lint * bundlesize * demo * fix: fix test * remove dep * update snap * en docs * refactor: rename tests dir * Update components/qr-code/demo/base.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/base.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/download.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/download.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/download.tsx Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/logo.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/index.tsx Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qr-code/demo/logo.md Co-authored-by: MadCcc <1075746765@qq.com> * rename * fix * adjust text * rename * fix title * rename * rename * fix: snap * fix * bundlesize * update demo * update docs * add demo * add docs * add docs * test: add warning * update demo * bundlesize * update test case * update demo * feat: add onRefresh、add status * fix: fix demo * fix: fix demo * add locale * add locale * add test case * update snap * fix demo * update demo * update demo * update demo * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/interface.ts Co-authored-by: MadCcc <1075746765@qq.com> * Update components/qrcode/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> * fix * Update components/qrcode/index.tsx Co-authored-by: MadCcc <1075746765@qq.com> * fix * fix * fix * add decs * fix * fix * fix type * fix * fix demo * fix lint * fix lint * add test case for bordered * prettier-ignore Co-authored-by: MadCcc <1075746765@qq.com> Co-authored-by: 栗嘉男 <lijianan@lijianandeMacBook-Pro.local>
404 lines
8.9 KiB
Plaintext
404 lines
8.9 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/qrcode/demo/Popover.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<img
|
|
alt="icon"
|
|
height="100"
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
|
|
width="100"
|
|
/>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
style="padding:0"
|
|
>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div
|
|
class="ant-qrcode ant-qrcode-borderless"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/base.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-qrcode"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/customColor.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<div
|
|
class="ant-qrcode"
|
|
style="margin-bottom:16px;background-color:#f5f5f5;width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<div
|
|
class="ant-qrcode"
|
|
style="margin-bottom:16px;background-color:#f5f5f5;width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/customSize.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-btn-group"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="minus"
|
|
class="anticon anticon-minus"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="minus"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
Smaller
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="plus"
|
|
class="anticon anticon-plus"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="plus"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<defs>
|
|
<style />
|
|
</defs>
|
|
<path
|
|
d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
|
|
/>
|
|
<path
|
|
d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
Larger
|
|
</span>
|
|
</button>
|
|
</div>,
|
|
<div
|
|
class="ant-qrcode"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
<img
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
|
|
style="display:none"
|
|
/>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/download.tsx extend context correctly 1`] = `
|
|
<div
|
|
id="myqrcode"
|
|
>
|
|
<div
|
|
class="ant-qrcode"
|
|
style="margin-bottom:16px;width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Download
|
|
</span>
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/errorlevel.tsx extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-qrcode"
|
|
style="margin-bottom:16px;width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>,
|
|
<div
|
|
class="ant-segmented"
|
|
>
|
|
<div
|
|
class="ant-segmented-group"
|
|
>
|
|
<label
|
|
class="ant-segmented-item ant-segmented-item-selected"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-segmented-item-input"
|
|
type="radio"
|
|
/>
|
|
<div
|
|
class="ant-segmented-item-label"
|
|
title="L"
|
|
>
|
|
L
|
|
</div>
|
|
</label>
|
|
<label
|
|
class="ant-segmented-item"
|
|
>
|
|
<input
|
|
class="ant-segmented-item-input"
|
|
type="radio"
|
|
/>
|
|
<div
|
|
class="ant-segmented-item-label"
|
|
title="M"
|
|
>
|
|
M
|
|
</div>
|
|
</label>
|
|
<label
|
|
class="ant-segmented-item"
|
|
>
|
|
<input
|
|
class="ant-segmented-item-input"
|
|
type="radio"
|
|
/>
|
|
<div
|
|
class="ant-segmented-item-label"
|
|
title="Q"
|
|
>
|
|
Q
|
|
</div>
|
|
</label>
|
|
<label
|
|
class="ant-segmented-item"
|
|
>
|
|
<input
|
|
class="ant-segmented-item-input"
|
|
type="radio"
|
|
/>
|
|
<div
|
|
class="ant-segmented-item-label"
|
|
title="H"
|
|
>
|
|
H
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/icon.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-qrcode"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
<img
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
|
|
style="display:none"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/qrcode/demo/status.tsx extend context correctly 1`] = `
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="flex-wrap:wrap;margin-bottom:-8px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px;padding-bottom:8px"
|
|
>
|
|
<div
|
|
class="ant-qrcode"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<div
|
|
class="ant-qrcode-mask"
|
|
>
|
|
<div
|
|
aria-busy="true"
|
|
aria-live="polite"
|
|
class="ant-spin ant-spin-spinning"
|
|
>
|
|
<span
|
|
class="ant-spin-dot ant-spin-dot-spin"
|
|
>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="padding-bottom:8px"
|
|
>
|
|
<div
|
|
class="ant-qrcode"
|
|
style="width:160px;height:160px"
|
|
>
|
|
<div
|
|
class="ant-qrcode-mask"
|
|
>
|
|
<p>
|
|
QRCode is expired
|
|
</p>
|
|
<button
|
|
class="ant-btn ant-btn-link"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="reload"
|
|
class="anticon anticon-reload"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="reload"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
click refresh
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<canvas
|
|
height="134"
|
|
style="height:134px;width:134px"
|
|
width="134"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|