mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
cbcfd38ca7
* build: try to use dumi as doc tool * docs: migrate demo structure to dumi way * refactor: use type export & import * docs: migrate demo previewer to dumi * docs: create empty layout & components * docs: apply custom rehype plugin * docs: create empty extra pages * docs: Add Banner component * chore: move theme tsconfig.json * docs: home page init * docs: migrate header (#37896) * docs: header * docs: update * docs: home init * clean up * test: fix site lint * chore: tsc ignore demo * chore: dumi demo migrate script * chore: cards * docs: home layout * docs: Update locale logic * docs: fix getLink logic * chore: fix ci (#37899) * chore: fix ci * ci: remove check-ts-demo * ci: preview build * test: ignore demo.tsx * chore: update script * test: update snapshot * test: update node and image test * chore: add .surgeignore * docs: layout providers (#37908) * docs: add components sidebar (#37923) * docs: sidebar * docs: update docs title * docs: update design doc * chore: code clean * docs: handle changelog page * docs: add title * docs: add subtitle * docs: active header nav * chore: code clean * docs: overview * chore: code clean * docs: update intl (#37918) * docs: update intl * chore: code clean * docs: update favicons * chore: update testPathIgnorePatterns * chore: code clean * chore: code clean * chore: copy 404.html (#37996) * docs: Home page theme picker * chore: Update migrate script * docs: home page update * docs: theme editor style * docs: theme lang * chore: update migrate.js * docs: fix demo (#38094) * chore: update migrate.js * docs: update md * docs: update demo * test: fix snapshot * chore: move debug to code attr in migrate script * chore: update md Co-authored-by: PeachScript <scdzwyxst@gmail.com> * feat: overview page * feat: Migrate `404` page (#38118) * feat: migrate IconSearch component (#37916) * feat<site/IconSearch>: copy IconDisplay from site to .dumi * feat<site/IconSearch>: change docs of icon * feat<site/IconSearch>: tweak * feat<site/IconSearch>: use useIntl instead of injectIntl * feat<site/IconSearch>: fix ts type error * feat<site/IconSearch>: use intl.formatMessage to render text * docs: Adjust home btn sizw * docs: Update doc * feat: v5 site overview page (#38131) * feat: site * fix: fix * feat: v5 site overview page * fix: fix path * fix: fix * fix: fix * docs: fix margin logic * feat: v5 site change-log page (#38137) * feat: v5 site change-log page (#38162) * docs: site redirect to home pag * docs: theme picker * docs: use react-intl from dumi (#38183) * docs: Theme Picker * docs: update dumi config * docs: home back fix * docs: picker colorful * docs: locale of it * docs: update components desc * docs: site of links * docs: update components list * docs: update desc * feat: Migrate `DemoWrapper` component (#38166) * feat: Migrate `DemoWrapper` component * feat: remove invalid comments and add comment for `key` prop * docs: FloatButton pure panel * chore: update demo * chore: update dumi config * Revert "chore: update demo" This reverts commit 028265d3ba5987df5f13c3e9d42cf76cb1812b2e. * chore: test logic adjust to support cnpm modules * chore: add locale alias * docs: /index to / * docs: add locale redirect head script * chore: adjust compact * docs: fix missing token * feat: compact switch * chore: code clean * docs: update home * docs: fix radius token * docs: hash of it * chore: adjust home page * docs: Add background map * docs: site theme bac logic * docs: avatar * docs: update logo color * docs: home banner * docs: adjust tour size * docs: purepanl update * docs: transfooter * docs: update banner gif * docs: content (#38361) * docs: title & EditButton * docs: content * chore: fix toc * docs: resource page * docs: transform resource data from hast * docs: filename & Resource Card * chore: enable prerender * chore: remove less * docs: toc style * chore: fix lint * docs: fix Layout page * docs: fix CP page * chore: update demos * docs: workaround for export dynamic html * chore: enable demo eslint * docs: table style * fix: header shadow * chore: update snapshot * fix: toc style * docs: add title * docs: Adjust site * feat: helmet * docs: site css * fix: description * feat: toc debug * docs: update config-provider * feat: use colorPanel * fix: colorPanel value * feat: anchor ink ball style * feat: apply theme editor * fix: code block style * chore: update demo * chore: fix lint * chore: code clean * chore: update snapshot * feat: ts2js * chore: description * docs: site ready for ssr includes: - move client render logic to useEffect in site theme - extract antd cssinjs to a single css file like bisheng - workaround to support react@18 pipeableStream for emotion * chore: bump testing lib * docs: font size of title * chore: remove react-sortable-hoc * chore: update snapshot * chore: update script Co-authored-by: PeachScript <scdzwyxst@gmail.com> Co-authored-by: MadCcc <1075746765@qq.com> Co-authored-by: zqran <uuxnet@gmail.com> Co-authored-by: TrickyPi <530257315@qq.com> Co-authored-by: lijianan <574980606@qq.com>
1373 lines
30 KiB
Plaintext
1373 lines
30 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`renders ./components/segmented/demo/basic.tsx correctly 1`] = `
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Quarterly"
|
||
>
|
||
Quarterly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Yearly"
|
||
>
|
||
Yearly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/block.tsx correctly 1`] = `
|
||
<div
|
||
class="ant-segmented ant-segmented-block"
|
||
>
|
||
<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="123"
|
||
>
|
||
123
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="456"
|
||
>
|
||
456
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="longtext-longtext-longtext-longtext"
|
||
>
|
||
longtext-longtext-longtext-longtext
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/controlled.tsx correctly 1`] = `
|
||
<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="Map"
|
||
>
|
||
Map
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Transit"
|
||
>
|
||
Transit
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Satellite"
|
||
>
|
||
Satellite
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/controlled-two.tsx correctly 1`] = `
|
||
Array [
|
||
<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="AND"
|
||
>
|
||
AND
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="OR"
|
||
>
|
||
OR
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="NOT"
|
||
>
|
||
NOT
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</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="AND"
|
||
>
|
||
AND
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="OR"
|
||
>
|
||
OR
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="NOT"
|
||
>
|
||
NOT
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/custom.tsx correctly 1`] = `
|
||
Array [
|
||
<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"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<span
|
||
class="ant-avatar ant-avatar-circle ant-avatar-image"
|
||
>
|
||
<img
|
||
src="https://joeschmoe.io/api/v1/random"
|
||
/>
|
||
</span>
|
||
<div>
|
||
User 1
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<span
|
||
class="ant-avatar ant-avatar-circle"
|
||
style="background-color:#f56a00"
|
||
>
|
||
<span
|
||
class="ant-avatar-string"
|
||
style="opacity:0"
|
||
>
|
||
K
|
||
</span>
|
||
</span>
|
||
<div>
|
||
User 2
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<span
|
||
class="ant-avatar ant-avatar-circle ant-avatar-icon"
|
||
style="background-color:#87d068"
|
||
>
|
||
<span
|
||
aria-label="user"
|
||
class="anticon anticon-user"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="user"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="64 64 896 896"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
<div>
|
||
User 3
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
<br />,
|
||
<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"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<div>
|
||
Spring
|
||
</div>
|
||
<div>
|
||
Jan-Mar
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<div>
|
||
Summer
|
||
</div>
|
||
<div>
|
||
Apr-Jun
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<div>
|
||
Autumn
|
||
</div>
|
||
<div>
|
||
Jul-Sept
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<div
|
||
style="padding:4px"
|
||
>
|
||
<div>
|
||
Winter
|
||
</div>
|
||
<div>
|
||
Oct-Dec
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/disabled.tsx correctly 1`] = `
|
||
Array [
|
||
<div
|
||
class="ant-segmented ant-segmented-disabled"
|
||
>
|
||
<div
|
||
class="ant-segmented-group"
|
||
>
|
||
<label
|
||
class="ant-segmented-item ant-segmented-item-selected ant-segmented-item-disabled"
|
||
>
|
||
<input
|
||
checked=""
|
||
class="ant-segmented-item-input"
|
||
disabled=""
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Map"
|
||
>
|
||
Map
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item ant-segmented-item-disabled"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
disabled=""
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Transit"
|
||
>
|
||
Transit
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item ant-segmented-item-disabled"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
disabled=""
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Satellite"
|
||
>
|
||
Satellite
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
<br />,
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item ant-segmented-item-disabled"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
disabled=""
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item ant-segmented-item-disabled"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
disabled=""
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Quarterly"
|
||
>
|
||
Quarterly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Yearly"
|
||
>
|
||
Yearly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/dynamic.tsx correctly 1`] = `
|
||
Array [
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
<br />,
|
||
<button
|
||
class="ant-btn ant-btn-primary"
|
||
type="button"
|
||
>
|
||
<span>
|
||
Load more options
|
||
</span>
|
||
</button>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/icon-only.tsx correctly 1`] = `
|
||
<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"
|
||
>
|
||
<span
|
||
class="ant-segmented-item-icon"
|
||
>
|
||
<span
|
||
aria-label="bars"
|
||
class="anticon anticon-bars"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="bars"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="0 0 1024 1024"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<span
|
||
class="ant-segmented-item-icon"
|
||
>
|
||
<span
|
||
aria-label="appstore"
|
||
class="anticon anticon-appstore"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="appstore"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="64 64 896 896"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/size.tsx correctly 1`] = `
|
||
Array [
|
||
<div
|
||
class="ant-segmented ant-segmented-lg"
|
||
>
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Quarterly"
|
||
>
|
||
Quarterly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Yearly"
|
||
>
|
||
Yearly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
<br />,
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Quarterly"
|
||
>
|
||
Quarterly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Yearly"
|
||
>
|
||
Yearly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
<br />,
|
||
<div
|
||
class="ant-segmented ant-segmented-sm"
|
||
>
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Quarterly"
|
||
>
|
||
Quarterly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Yearly"
|
||
>
|
||
Yearly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/size-consistent.tsx correctly 1`] = `
|
||
Array [
|
||
<div>
|
||
<div
|
||
class="ant-segmented ant-segmented-lg"
|
||
style="margin-right:6px"
|
||
>
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<button
|
||
class="ant-btn ant-btn-primary ant-btn-lg"
|
||
type="button"
|
||
>
|
||
<span>
|
||
Button
|
||
</span>
|
||
</button>
|
||
</div>,
|
||
<div>
|
||
<div
|
||
class="ant-segmented"
|
||
style="margin-right:6px"
|
||
>
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<input
|
||
class="ant-input"
|
||
placeholder="default size"
|
||
style="width:150px"
|
||
type="text"
|
||
value=""
|
||
/>
|
||
</div>,
|
||
<div>
|
||
<div
|
||
class="ant-segmented ant-segmented-sm"
|
||
style="margin-right:6px"
|
||
>
|
||
<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="Daily"
|
||
>
|
||
Daily
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Weekly"
|
||
>
|
||
Weekly
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
title="Monthly"
|
||
>
|
||
Monthly
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="ant-select ant-select-sm ant-select-single ant-select-show-arrow"
|
||
style="width:150px"
|
||
>
|
||
<div
|
||
class="ant-select-selector"
|
||
>
|
||
<span
|
||
class="ant-select-selection-search"
|
||
>
|
||
<input
|
||
aria-activedescendant="undefined_list_0"
|
||
aria-autocomplete="list"
|
||
aria-controls="undefined_list"
|
||
aria-haspopup="listbox"
|
||
aria-owns="undefined_list"
|
||
autocomplete="off"
|
||
class="ant-select-selection-search-input"
|
||
readonly=""
|
||
role="combobox"
|
||
style="opacity:0"
|
||
type="search"
|
||
unselectable="on"
|
||
value=""
|
||
/>
|
||
</span>
|
||
<span
|
||
class="ant-select-selection-item"
|
||
title="Lucy"
|
||
>
|
||
Lucy
|
||
</span>
|
||
</div>
|
||
<span
|
||
aria-hidden="true"
|
||
class="ant-select-arrow"
|
||
style="user-select:none;-webkit-user-select:none"
|
||
unselectable="on"
|
||
>
|
||
<span
|
||
aria-label="down"
|
||
class="anticon anticon-down ant-select-suffix"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="down"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="64 64 896 896"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
</div>,
|
||
]
|
||
`;
|
||
|
||
exports[`renders ./components/segmented/demo/with-icon.tsx correctly 1`] = `
|
||
<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"
|
||
>
|
||
<span
|
||
class="ant-segmented-item-icon"
|
||
>
|
||
<span
|
||
aria-label="bars"
|
||
class="anticon anticon-bars"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="bars"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="0 0 1024 1024"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
<span>
|
||
List
|
||
</span>
|
||
</div>
|
||
</label>
|
||
<label
|
||
class="ant-segmented-item"
|
||
>
|
||
<input
|
||
class="ant-segmented-item-input"
|
||
type="radio"
|
||
/>
|
||
<div
|
||
class="ant-segmented-item-label"
|
||
>
|
||
<span
|
||
class="ant-segmented-item-icon"
|
||
>
|
||
<span
|
||
aria-label="appstore"
|
||
class="anticon anticon-appstore"
|
||
role="img"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
data-icon="appstore"
|
||
fill="currentColor"
|
||
focusable="false"
|
||
height="1em"
|
||
viewBox="64 64 896 896"
|
||
width="1em"
|
||
>
|
||
<path
|
||
d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"
|
||
/>
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
<span>
|
||
Kanban
|
||
</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
`;
|