ant-design/components/tree/__tests__/__snapshots__/demo.test.js.snap

4203 lines
141 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
>
<div>
2019-09-17 19:31:37 +08:00
<input
aria-label="for screen reader"
2019-09-18 18:09:24 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
2019-09-17 19:31:37 +08:00
tabindex="0"
2019-09-18 18:09:24 +08:00
value=""
2019-09-17 19:31:37 +08:00
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2019-09-17 19:31:37 +08:00
<div
class="ant-tree-list"
2020-08-20 16:45:10 +08:00
style="position:relative"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder"
>
<div>
2019-09-17 19:31:37 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
2018-09-02 23:37:16 +08:00
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2019-09-17 19:31:37 +08:00
</span>
2018-09-03 15:11:40 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2018-09-03 15:11:40 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"
2018-09-03 15:11:40 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
parent 1
</span>
2018-09-03 15:11:40 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-disabled ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked ant-tree-treenode-selected"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
</span>
2018-09-03 15:11:40 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2018-09-03 15:11:40 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2018-09-03 15:11:40 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2018-09-03 15:11:40 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-0"
2018-09-03 15:11:40 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
parent 1-0
</span>
2018-09-03 15:11:40 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-disabled"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
leaf
</span>
2017-04-25 15:31:47 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
leaf
</span>
2017-04-25 15:31:47 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked ant-tree-treenode-leaf-last"
draggable="false"
>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2017-04-25 15:31:47 +08:00
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-1"
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
parent 1-1
</span>
2017-04-25 15:31:47 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked ant-tree-treenode-leaf-last"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title=""
>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-title"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
style="color:#1890ff"
>
sss
</span>
2019-09-17 19:31:37 +08:00
</span>
2017-04-25 15:31:47 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
</div>
</div>
</div>
2016-11-22 14:28:05 +08:00
`;
exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
>
<div>
2019-09-17 19:31:37 +08:00
<input
aria-label="for screen reader"
2019-09-18 18:09:24 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
2019-09-17 19:31:37 +08:00
tabindex="0"
2019-09-18 18:09:24 +08:00
value=""
2019-09-17 19:31:37 +08:00
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2019-09-17 19:31:37 +08:00
<div
class="ant-tree-list"
2020-08-20 16:45:10 +08:00
style="position:relative"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder"
>
<div>
2019-09-17 19:31:37 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
2018-08-17 16:04:11 +08:00
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-indeterminate"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2016-11-22 14:28:05 +08:00
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-indeterminate"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-checkbox-checked"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0-0"
>
<span
class="ant-tree-title"
>
0-0-0
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-0"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0-0-0
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-1"
>
<span
class="ant-tree-title"
>
0-0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-checkbox-checked ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox ant-tree-checkbox-checked"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-2"
>
<span
class="ant-tree-title"
>
0-0-0-2
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-switcher ant-tree-switcher_open"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0-1"
>
<span
class="ant-tree-title"
>
0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit"
2020-08-20 16:45:10 +08:00
/>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-0"
>
<span
class="ant-tree-title"
>
0-0-1-0
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox-inner"
/>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-1"
>
<span
class="ant-tree-title"
>
0-0-1-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox-inner"
/>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-1-2"
>
<span
class="ant-tree-title"
>
0-0-1-2
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox-inner"
/>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-2"
>
<span
class="ant-tree-title"
>
0-0-2
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="0-1"
>
<span
class="ant-tree-title"
>
0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-checkbox"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-checkbox-inner"
/>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-2"
>
<span
class="ant-tree-title"
>
0-2
</span>
</span>
</div>
2019-09-17 19:31:37 +08:00
</div>
2020-08-20 16:45:10 +08:00
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
<div
class="ant-tree"
role="tree"
2020-08-20 16:45:10 +08:00
>
<div>
2020-08-20 16:45:10 +08:00
<input
aria-label="for screen reader"
2020-08-20 16:45:10 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list"
style="position:relative"
>
<div
class="ant-tree-list-holder"
>
<div>
2019-09-17 19:31:37 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="down"
class="anticon anticon-down ant-tree-switcher-icon"
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>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="smile"
class="anticon anticon-smile"
role="img"
>
<svg
aria-hidden="true"
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
parent 1
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-selected"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal ant-tree-node-selected"
title="leaf"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="meh"
class="anticon anticon-meh"
role="img"
>
<svg
aria-hidden="true"
data-icon="meh"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 565H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="frown"
class="anticon anticon-frown"
role="img"
>
<svg
aria-hidden="true"
data-icon="frown"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM512 533c-85.5 0-155.6 67.3-160 151.6a8 8 0 008 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4C420 636.1 461.5 597 512 597s92.1 39.1 95.8 88.6c.3 4.2 3.9 7.4 8.1 7.4H664a8 8 0 008-8.4C667.6 600.3 597.5 533 512 533z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
</div>
2019-09-17 19:31:37 +08:00
`;
2020-08-20 16:45:10 +08:00
exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
<div
class="ant-tree ant-tree-block-node ant-tree-directory"
role="tree"
>
<div>
2019-09-17 19:31:37 +08:00
<input
aria-label="for screen reader"
2019-09-18 18:09:24 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
2019-09-17 19:31:37 +08:00
tabindex="0"
2019-09-18 18:09:24 +08:00
value=""
2019-09-17 19:31:37 +08:00
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2019-09-17 19:31:37 +08:00
<div
class="ant-tree-list"
2020-08-20 16:45:10 +08:00
style="position:relative"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder"
>
<div>
2019-09-17 19:31:37 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
2019-09-17 19:31:37 +08:00
role="img"
>
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="caret-down"
2019-09-17 19:31:37 +08:00
fill="currentColor"
focusable="false"
height="1em"
2020-08-20 16:45:10 +08:00
viewBox="0 0 1024 1024"
2019-09-17 19:31:37 +08:00
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
2019-09-17 19:31:37 +08:00
/>
</svg>
</span>
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 0"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="folder-open"
class="anticon anticon-folder-open"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
parent 0
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf 0-0"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="file"
class="anticon anticon-file"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf 0-0
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-leaf-last"
draggable="false"
2020-08-20 16:45:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf 0-1"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="file"
class="anticon anticon-file"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf 0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
2019-09-17 19:31:37 +08:00
role="img"
>
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="caret-down"
2019-09-17 19:31:37 +08:00
fill="currentColor"
focusable="false"
height="1em"
2020-08-20 16:45:10 +08:00
viewBox="0 0 1024 1024"
2019-09-17 19:31:37 +08:00
width="1em"
>
2020-08-20 16:45:10 +08:00
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="folder-open"
class="anticon anticon-folder-open"
role="img"
>
<svg
aria-hidden="true"
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256zm635.3 512H159l103.3-256h612.4L771.3 768z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
parent 1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode"
draggable="false"
2020-08-20 16:45:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf 1-0"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="file"
class="anticon anticon-file"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf 1-0
2019-09-17 19:31:37 +08:00
</span>
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-leaf-last"
draggable="false"
2020-08-20 16:45:10 +08:00
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf 1-1"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-iconEle ant-tree-icon__customize"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="file"
class="anticon anticon-file"
role="img"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
leaf 1-1
2019-09-17 19:31:37 +08:00
</span>
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
</div>
2019-09-17 19:31:37 +08:00
`;
exports[`renders ./components/tree/demo/drag-debug.md correctly 1`] = `
Array [
2019-09-17 19:31:37 +08:00
<div
style="margin-bottom:16px"
2019-09-17 19:31:37 +08:00
>
showLine:
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
<br />
<br />
showIcon:
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
<br />
<br />
showLeafIcon:
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
</div>,
2019-09-17 19:31:37 +08:00
<div
class="ant-tree ant-tree-block-node draggable-tree ant-tree-show-line"
role="tree"
2019-09-17 19:31:37 +08:00
>
<div>
<input
aria-label="for screen reader"
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
2019-09-17 19:31:37 +08:00
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position:relative"
>
<div
class="ant-tree-list-holder"
>
<div>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
2019-09-17 19:31:37 +08:00
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
<span
aria-label="minus-square"
class="anticon anticon-minus-square ant-tree-switcher-line-icon"
role="img"
2019-09-17 19:31:37 +08:00
>
<svg
aria-hidden="true"
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0"
2018-09-02 19:53:29 +08:00
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0
</span>
2019-09-17 19:31:37 +08:00
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
2019-09-17 19:31:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
class="ant-tree-switcher ant-tree-switcher_open"
2019-09-17 19:31:37 +08:00
>
<span
aria-label="minus-square"
class="anticon anticon-minus-square ant-tree-switcher-line-icon"
role="img"
2019-09-17 19:31:37 +08:00
>
<svg
aria-hidden="true"
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0-0"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-0
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-0"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-0-0
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-1"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-0-2"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-0-2
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="plus-square"
class="anticon anticon-plus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="0-0-1"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0-2"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-0-2
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="plus-square"
class="anticon anticon-plus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="0-1"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-2"
>
<span
class="ant-tree-iconEle ant-tree-icon__customize"
>
<span
aria-label="carry-out"
class="anticon anticon-carry-out"
role="img"
>
<svg
aria-hidden="true"
data-icon="carry-out"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v584zM688 420h-55.2c-5.1 0-10 2.5-13 6.6L468.9 634.4l-64.7-89c-3-4.1-7.8-6.6-13-6.6H336c-6.5 0-10.3 7.4-6.5 12.7l126.4 174a16.1 16.1 0 0026 0l212.6-292.7c3.8-5.4 0-12.8-6.5-12.8z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-title"
>
0-2
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
<div
class="ant-tree ant-tree-icon-hide ant-tree-block-node draggable-tree"
role="tree"
>
<div>
<input
aria-label="for screen reader"
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
<div
class="ant-tree-list"
style="position:relative"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_open"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-0"
>
<span
class="ant-tree-title"
>
0-0
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_open"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
2019-09-17 19:31:37 +08:00
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
2020-08-20 16:45:10 +08:00
title="0-0-0"
>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
0-0-0
2016-11-22 14:28:05 +08:00
</span>
2017-04-25 15:31:47 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-draggable"
draggable="true"
2020-08-20 16:45:10 +08:00
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
2020-08-20 16:45:10 +08:00
title="0-0-0-0"
>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-title"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
0-0-0-0
2019-09-17 19:31:37 +08:00
</span>
2016-11-22 14:28:05 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
2020-08-20 16:45:10 +08:00
title="0-0-0-1"
2018-08-24 18:36:08 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
2017-03-21 11:01:37 +08:00
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
2020-08-20 16:45:10 +08:00
title="0-0-0-2"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0-0-2
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
2019-09-17 19:31:37 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2019-09-17 19:31:37 +08:00
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
2020-08-20 16:45:10 +08:00
title="0-0-1"
2018-08-24 18:36:08 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0-1
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
2017-03-21 11:01:37 +08:00
>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-09-17 19:31:37 +08:00
</span>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
2019-09-17 19:31:37 +08:00
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
2020-08-20 16:45:10 +08:00
title="0-0-2"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-0-2
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
2019-09-17 19:31:37 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
2020-08-20 16:45:10 +08:00
title="0-1"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-1
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last ant-tree-treenode-draggable"
draggable="true"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
<span
class="ant-tree-draggable-icon"
>
<span
aria-label="holder"
class="anticon anticon-holder"
role="img"
>
<svg
aria-hidden="true"
data-icon="holder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
/>
</svg>
</span>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
2020-08-20 16:45:10 +08:00
title="0-2"
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
0-2
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
</div>
2019-09-17 19:31:37 +08:00
`;
exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
>
<div>
2019-09-17 19:31:37 +08:00
<input
aria-label="for screen reader"
2019-09-18 18:09:24 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
2019-09-17 19:31:37 +08:00
tabindex="0"
2019-09-18 18:09:24 +08:00
value=""
2019-09-17 19:31:37 +08:00
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2019-09-17 19:31:37 +08:00
<div
class="ant-tree-list"
2020-08-20 16:45:10 +08:00
style="position:relative"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder"
>
<div>
2019-09-17 19:31:37 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="Expand to load"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
Expand to load
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
2020-08-20 16:45:10 +08:00
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="Expand to load"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
Expand to load
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="Tree Node"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
Tree Node
</span>
2019-09-17 19:31:37 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-17 19:31:37 +08:00
</div>
</div>
</div>
</div>
</div>
2019-09-17 19:31:37 +08:00
`;
exports[`renders ./components/tree/demo/line.md correctly 1`] = `
2019-12-25 20:07:10 +08:00
<div>
2019-09-17 19:31:37 +08:00
<div
2019-12-25 20:07:10 +08:00
style="margin-bottom:16px"
2019-09-17 19:31:37 +08:00
>
2019-12-25 20:07:10 +08:00
showLine:
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
2019-12-25 20:07:10 +08:00
<span
class="ant-switch-inner"
/>
</button>
<br />
<br />
showIcon:
<button
aria-checked="false"
class="ant-switch"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
2019-12-25 20:07:10 +08:00
<span
class="ant-switch-inner"
/>
</button>
<br />
<br />
showLeafIcon:
<button
aria-checked="true"
class="ant-switch ant-switch-checked"
role="switch"
type="button"
>
<div
class="ant-switch-handle"
/>
<span
class="ant-switch-inner"
/>
</button>
2019-12-25 20:07:10 +08:00
</div>
<div
class="ant-tree ant-tree-icon-hide ant-tree-show-line"
role="tree"
2019-12-25 20:07:10 +08:00
>
<div>
2019-12-25 20:07:10 +08:00
<input
aria-label="for screen reader"
2019-12-25 20:07:10 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2019-12-25 20:07:10 +08:00
<div
class="ant-tree-list"
2020-08-20 16:45:10 +08:00
style="position:relative"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list-holder"
>
<div>
2019-12-25 20:07:10 +08:00
<div
2020-08-20 16:45:10 +08:00
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open"
draggable="false"
2019-12-25 20:07:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2018-09-02 19:53:29 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="minus-square"
class="anticon anticon-minus-square ant-tree-switcher-line-icon"
role="img"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<svg
aria-hidden="true"
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"
>
<span
class="ant-tree-title"
>
parent 1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open"
draggable="false"
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-switcher ant-tree-switcher_open"
>
<span
aria-label="minus-square"
class="anticon anticon-minus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-0"
>
<span
class="ant-tree-title"
>
parent 1-0
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2019-12-25 20:07:10 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
<span
class="ant-tree-title"
>
leaf
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2018-09-02 19:53:29 +08:00
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2018-09-02 19:53:29 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title=""
2020-08-20 16:45:10 +08:00
>
<span
class="ant-tree-title"
>
<div>
multiple line title
</div>
<div>
multiple line title
</div>
2020-08-20 16:45:10 +08:00
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
<span
class="ant-tree-title"
>
leaf
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2019-12-25 20:07:10 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="plus-square"
class="anticon anticon-plus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="parent 1-1"
>
<span
class="ant-tree-title"
>
parent 1-1
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2019-09-17 19:31:37 +08:00
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-17 19:31:37 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="plus-square"
class="anticon anticon-plus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="parent 1-2"
>
<span
class="ant-tree-title"
>
parent 1-2
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2020-08-20 16:45:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="plus-square"
class="anticon anticon-plus-square ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"
/>
<path
d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="parent 2"
>
<span
class="ant-tree-title"
>
parent 2
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/tree/demo/search.md correctly 1`] = `
<div>
<span
class="ant-input-group-wrapper ant-input-search"
2020-08-20 16:45:10 +08:00
style="margin-bottom:8px"
>
<span
class="ant-input-wrapper ant-input-group"
2020-08-20 16:45:10 +08:00
>
<input
class="ant-input"
placeholder="Search"
type="text"
value=""
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-input-group-addon"
2020-08-20 16:45:10 +08:00
>
<button
class="ant-btn ant-btn-icon-only ant-input-search-button"
type="button"
2020-08-20 16:45:10 +08:00
>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
</button>
2020-08-20 16:45:10 +08:00
</span>
</span>
</span>
<div
class="ant-tree ant-tree-icon-hide"
role="tree"
2020-08-20 16:45:10 +08:00
>
<div>
2020-08-20 16:45:10 +08:00
<input
aria-label="for screen reader"
2020-08-20 16:45:10 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list"
style="position:relative"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2020-08-20 16:45:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
2019-12-25 20:07:10 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title=""
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
<span>
<span
class="site-tree-search-value"
/>
0-0
</span>
</span>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
2019-12-25 20:07:10 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title=""
2018-09-02 19:53:29 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span>
<span
class="site-tree-search-value"
/>
0-1
</span>
</span>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2017-03-21 11:01:37 +08:00
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title=""
2019-12-25 20:07:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
<span>
<span
class="site-tree-search-value"
/>
0-2
</span>
</span>
2019-12-25 20:07:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-12-25 20:07:10 +08:00
</div>
2020-08-20 16:45:10 +08:00
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/tree/demo/switcher-icon.md correctly 1`] = `
<div
class="ant-tree ant-tree-icon-hide ant-tree-show-line"
role="tree"
2020-08-20 16:45:10 +08:00
>
<div>
2020-08-20 16:45:10 +08:00
<input
aria-label="for screen reader"
2020-08-20 16:45:10 +08:00
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
aria-hidden="true"
class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
>
<div
class="ant-tree-indent"
>
<div
class="ant-tree-indent-unit"
/>
</div>
</div>
2020-08-20 16:45:10 +08:00
<div
class="ant-tree-list"
style="position:relative"
>
<div
class="ant-tree-list-holder"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
2019-12-25 20:07:10 +08:00
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
draggable="false"
>
<span
aria-hidden="true"
class="ant-tree-indent"
/>
2019-09-17 19:31:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2018-08-17 16:04:11 +08:00
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-label="down"
class="anticon anticon-down ant-tree-switcher-icon"
2019-12-25 20:07:10 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
2019-12-25 20:07:10 +08:00
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="down"
2019-12-25 20:07:10 +08:00
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
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"
2019-12-25 20:07:10 +08:00
/>
</svg>
</span>
2018-08-17 16:04:11 +08:00
</span>
2017-04-25 15:31:47 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1"
2017-03-21 11:01:37 +08:00
>
2019-12-25 20:07:10 +08:00
<span
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
parent 1
2019-12-25 20:07:10 +08:00
</span>
2017-04-25 15:31:47 +08:00
</span>
2019-12-25 20:07:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-open"
draggable="false"
2017-03-21 11:01:37 +08:00
>
2019-09-17 19:31:37 +08:00
<span
2019-12-25 20:07:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2019-12-25 20:07:10 +08:00
/>
</span>
2017-03-21 11:01:37 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_open"
2018-08-17 16:04:11 +08:00
>
2019-12-25 20:07:10 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-label="down"
class="anticon anticon-down ant-tree-switcher-icon"
2019-12-25 20:07:10 +08:00
role="img"
2018-09-02 19:53:29 +08:00
>
2019-12-25 20:07:10 +08:00
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="down"
2019-12-25 20:07:10 +08:00
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
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"
2019-12-25 20:07:10 +08:00
/>
</svg>
</span>
2018-08-17 16:04:11 +08:00
</span>
2017-04-25 15:31:47 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="parent 1-0"
2017-03-21 11:01:37 +08:00
>
2019-12-25 20:07:10 +08:00
<span
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
parent 1-0
2019-12-25 20:07:10 +08:00
</span>
2017-04-25 15:31:47 +08:00
</span>
2019-12-25 20:07:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
2019-09-17 19:31:37 +08:00
<span
2019-12-25 20:07:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2019-12-25 20:07:10 +08:00
/>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
2019-09-17 19:31:37 +08:00
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
2020-08-20 16:45:10 +08:00
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
<span
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
leaf
</span>
</span>
</div>
<div
aria-grabbed="false"
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
2020-08-20 16:45:10 +08:00
viewBox="64 64 896 896"
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
<span
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
leaf
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
>
<span
aria-label="file"
class="anticon anticon-file ant-tree-switcher-line-icon"
role="img"
>
<svg
aria-hidden="true"
2020-08-20 16:45:10 +08:00
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
2020-08-20 16:45:10 +08:00
viewBox="64 64 896 896"
width="1em"
>
<path
2020-08-20 16:45:10 +08:00
d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494z"
/>
</svg>
</span>
use ant design icons 4.0 (#18217) * feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
2019-08-13 14:07:17 +08:00
</span>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="leaf"
>
<span
class="ant-tree-title"
>
2020-08-20 16:45:10 +08:00
leaf
</span>
</span>
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close"
draggable="false"
>
2016-11-22 14:28:05 +08:00
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
</span>
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
>
<span
2020-08-20 16:45:10 +08:00
aria-label="down"
class="anticon anticon-down ant-tree-switcher-icon"
role="img"
>
2020-08-20 16:45:10 +08:00
<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"
/>
2020-08-20 16:45:10 +08:00
</svg>
</span>
</span>
2019-09-27 10:51:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="parent 1-1"
2019-09-27 10:51:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
parent 1-1
</span>
2019-09-27 10:51:10 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
<div
aria-grabbed="false"
2020-08-20 16:45:10 +08:00
class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
draggable="false"
2019-09-26 22:28:08 +08:00
>
<span
2020-08-20 16:45:10 +08:00
aria-hidden="true"
class="ant-tree-indent"
2019-09-26 22:28:08 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start ant-tree-indent-unit-end"
2020-08-20 16:45:10 +08:00
/>
2019-09-26 22:28:08 +08:00
</span>
2019-09-27 10:51:10 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-switcher ant-tree-switcher_close"
2019-09-27 10:51:10 +08:00
>
2020-08-20 16:45:10 +08:00
<span
aria-label="down"
class="anticon anticon-down ant-tree-switcher-icon"
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>
2019-09-27 10:51:10 +08:00
</span>
2019-09-26 22:28:08 +08:00
<span
2020-08-20 16:45:10 +08:00
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
title="parent 1-2"
2019-09-26 22:28:08 +08:00
>
2020-08-20 16:45:10 +08:00
<span
class="ant-tree-title"
>
parent 1-2
</span>
2019-09-26 22:28:08 +08:00
</span>
2020-08-20 16:45:10 +08:00
</div>
2019-09-26 22:28:08 +08:00
</div>
</div>
</div>
</div>
</div>
2019-09-16 21:03:29 +08:00
`;