mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
1a8a5ee06f
* fix: add aria-checked prop to checkbox * fix: update snapshots * fix: update aria-checked logic and snapshots * refactor: change props order Co-authored-by: afc163 <afc163@gmail.com> Co-authored-by: Dzmitry Yarmoshkin <dzmitry_yarmoshkin@epam.com> Co-authored-by: afc163 <afc163@gmail.com>
728 lines
14 KiB
Plaintext
728 lines
14 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Checkbox
|
|
</span>
|
|
</label>
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
|
|
Array [
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-indeterminate"
|
|
>
|
|
<input
|
|
aria-checked="mixed"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Check all
|
|
</span>
|
|
</label>,
|
|
<div
|
|
class="ant-divider ant-divider-horizontal"
|
|
role="separator"
|
|
/>,
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Apple"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Apple
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Pear"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Pear
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Orange"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Orange
|
|
</span>
|
|
</label>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
|
|
Array [
|
|
<p
|
|
style="margin-bottom:20px"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Checked-Enabled
|
|
</span>
|
|
</label>
|
|
</p>,
|
|
<p>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Uncheck
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="margin:0 10px"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Disable
|
|
</span>
|
|
</button>
|
|
</p>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/debug-line.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="border:1px solid red;margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="light"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<div>
|
|
Bamboo
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="little"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Little
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="border:1px solid red;margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="light"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right:8px"
|
|
>
|
|
<div>
|
|
Bamboo
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="little"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Little
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="light"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div>
|
|
Bamboo
|
|
</div>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="little"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Little
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
style="border:1px solid red;margin-bottom:16px;display:flex;align-items:center"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="light"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div>
|
|
Bamboo
|
|
</div>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="little"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Little
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
|
|
Array [
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>,
|
|
<br />,
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Apple"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Apple
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Pear"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Pear
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Orange"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Orange
|
|
</span>
|
|
</label>
|
|
</div>,
|
|
<br />,
|
|
<br />,
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Apple"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Apple
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Pear"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Pear
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="Orange"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Orange
|
|
</span>
|
|
</label>
|
|
</div>,
|
|
<br />,
|
|
<br />,
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
value="Apple"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Apple
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
value="Pear"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Pear
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
value="Orange"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Orange
|
|
</span>
|
|
</label>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/layout.md correctly 1`] = `
|
|
<div
|
|
class="ant-checkbox-group"
|
|
style="width:100%"
|
|
>
|
|
<div
|
|
class="ant-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-col-8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="A"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
A
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-col-8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="B"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
B
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-col-8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="C"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
C
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-col-8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="D"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
D
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-col-8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="E"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
E
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|