mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
b032344d81
* style: add checkout grop RTL * style: add rtl.less * fix: add test * fix: add group test * Apply suggestions from code review * Apply suggestions from code review Co-authored-by: 偏右 <afc163@gmail.com>
525 lines
10 KiB
Plaintext
525 lines
10 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`] = `
|
|
<div>
|
|
<div
|
|
class="site-checkbox-all-wrapper"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-indeterminate"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Check all
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<br />
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
|
|
<div>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
|
|
<div>
|
|
<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>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-group-item ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-wrapper-disabled"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<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-group-item ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<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>
|
|
</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>
|
|
`;
|