You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
583 lines
42 KiB
583 lines
42 KiB
"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[1009],{483890:function(v,a,n){n.r(a);var p=n(502143),_=n(968521),m=n(720719),h=n(28840),o=n(759907),r=n(828089),g=n(825673),f=n(902068),b=n(574399),E=n(863942),D=n(316073),x=n(24628),w=n(719260),T=n(956140),c=n(127179),d=n(905388),P=n(40428),C=n(606965),y=n(268696),k=n(587302),l=n(424128),S=n(249706),A=n(795127),L=n(116846),O=n(212039),I=n(73024),M=n(553913),u=n(606641),i=n(667294),e=n(370917);function s(){var Z=(0,u.eL)(),t=Z.texts;return(0,e.tZ)(u.dY,null,(0,e.tZ)(i.Fragment,null,(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("p",null,t[0].value),(0,e.tZ)("h2",{id:"\u4F55\u65F6\u4F7F\u7528"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4F55\u65F6\u4F7F\u7528",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4F55\u65F6\u4F7F\u7528"),(0,e.tZ)("p",null,t[1].value),(0,e.tZ)("h2",{id:"\u4EE3\u7801\u6F14\u793A"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4EE3\u7801\u6F14\u793A",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4EE3\u7801\u6F14\u793A")),(0,e.tZ)(d.Z,{items:[{demo:{id:"components-tree-select-demo-basic"},previewerProps:{title:"\u57FA\u672C",filename:"components/tree-select/demo/basic.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const treeData = [
|
|
{
|
|
value: 'parent 1',
|
|
title: 'parent 1',
|
|
children: [
|
|
{
|
|
value: 'parent 1-0',
|
|
title: 'parent 1-0',
|
|
children: [
|
|
{
|
|
value: 'leaf1',
|
|
title: 'leaf1',
|
|
},
|
|
{
|
|
value: 'leaf2',
|
|
title: 'leaf2',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'parent 1-1',
|
|
title: 'parent 1-1',
|
|
children: [
|
|
{
|
|
value: 'leaf3',
|
|
title: (
|
|
<b
|
|
style={{
|
|
color: '#08c',
|
|
}}
|
|
>
|
|
leaf3
|
|
</b>
|
|
),
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [value, setValue] = useState();
|
|
const onChange = (newValue) => {
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<TreeSelect
|
|
showSearch
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
value={value}
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
}}
|
|
placeholder="Please select"
|
|
allowClear
|
|
treeDefaultExpandAll
|
|
onChange={onChange}
|
|
treeData={treeData}
|
|
/>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>"}},{demo:{id:"components-tree-select-demo-multiple"},previewerProps:{title:"\u591A\u9009",filename:"components/tree-select/demo/multiple.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const treeData = [
|
|
{
|
|
value: 'parent 1',
|
|
title: 'parent 1',
|
|
children: [
|
|
{
|
|
value: 'parent 1-0',
|
|
title: 'parent 1-0',
|
|
children: [
|
|
{
|
|
value: 'leaf1',
|
|
title: 'my leaf',
|
|
},
|
|
{
|
|
value: 'leaf2',
|
|
title: 'your leaf',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'parent 1-1',
|
|
title: 'parent 1-1',
|
|
children: [
|
|
{
|
|
value: 'sss',
|
|
title: (
|
|
<b
|
|
style={{
|
|
color: '#08c',
|
|
}}
|
|
>
|
|
sss
|
|
</b>
|
|
),
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [value, setValue] = useState();
|
|
const onChange = (newValue) => {
|
|
console.log(newValue);
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<TreeSelect
|
|
showSearch
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
value={value}
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
}}
|
|
placeholder="Please select"
|
|
allowClear
|
|
multiple
|
|
treeDefaultExpandAll
|
|
onChange={onChange}
|
|
treeData={treeData}
|
|
/>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u591A\u9009\u7684\u6811\u9009\u62E9\u3002</p>"}},{demo:{id:"components-tree-select-demo-treedata"},previewerProps:{title:"\u4ECE\u6570\u636E\u76F4\u63A5\u751F\u6210",filename:"components/tree-select/demo/treeData.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const treeData = [
|
|
{
|
|
title: 'Node1',
|
|
value: '0-0',
|
|
children: [
|
|
{
|
|
title: 'Child Node1',
|
|
value: '0-0-1',
|
|
},
|
|
{
|
|
title: 'Child Node2',
|
|
value: '0-0-2',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: 'Node2',
|
|
value: '0-1',
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [value, setValue] = useState();
|
|
const onChange = (newValue) => {
|
|
console.log(newValue);
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<TreeSelect
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
value={value}
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
}}
|
|
treeData={treeData}
|
|
placeholder="Please select"
|
|
treeDefaultExpandAll
|
|
onChange={onChange}
|
|
/>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u4F7F\u7528 <code>treeData</code> \u628A JSON \u6570\u636E\u76F4\u63A5\u751F\u6210\u6811\u7ED3\u6784\u3002</p>"}},{demo:{id:"components-tree-select-demo-checkable"},previewerProps:{title:"\u53EF\u52FE\u9009",filename:"components/tree-select/demo/checkable.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const { SHOW_PARENT } = TreeSelect;
|
|
const treeData = [
|
|
{
|
|
title: 'Node1',
|
|
value: '0-0',
|
|
key: '0-0',
|
|
children: [
|
|
{
|
|
title: 'Child Node1',
|
|
value: '0-0-0',
|
|
key: '0-0-0',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: 'Node2',
|
|
value: '0-1',
|
|
key: '0-1',
|
|
children: [
|
|
{
|
|
title: 'Child Node3',
|
|
value: '0-1-0',
|
|
key: '0-1-0',
|
|
},
|
|
{
|
|
title: 'Child Node4',
|
|
value: '0-1-1',
|
|
key: '0-1-1',
|
|
},
|
|
{
|
|
title: 'Child Node5',
|
|
value: '0-1-2',
|
|
key: '0-1-2',
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [value, setValue] = useState(['0-0-0']);
|
|
const onChange = (newValue) => {
|
|
console.log('onChange ', value);
|
|
setValue(newValue);
|
|
};
|
|
const tProps = {
|
|
treeData,
|
|
value,
|
|
onChange,
|
|
treeCheckable: true,
|
|
showCheckedStrategy: SHOW_PARENT,
|
|
placeholder: 'Please select',
|
|
style: {
|
|
width: '100%',
|
|
},
|
|
};
|
|
return <TreeSelect {...tProps} />;
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u4F7F\u7528\u52FE\u9009\u6846\u5B9E\u73B0\u591A\u9009\u529F\u80FD\u3002</p>"}},{demo:{id:"components-tree-select-demo-async"},previewerProps:{title:"\u5F02\u6B65\u52A0\u8F7D",filename:"components/tree-select/demo/async.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const App = () => {
|
|
const [value, setValue] = useState();
|
|
const [treeData, setTreeData] = useState([
|
|
{
|
|
id: 1,
|
|
pId: 0,
|
|
value: '1',
|
|
title: 'Expand to load',
|
|
},
|
|
{
|
|
id: 2,
|
|
pId: 0,
|
|
value: '2',
|
|
title: 'Expand to load',
|
|
},
|
|
{
|
|
id: 3,
|
|
pId: 0,
|
|
value: '3',
|
|
title: 'Tree Node',
|
|
isLeaf: true,
|
|
},
|
|
]);
|
|
const genTreeNode = (parentId, isLeaf = false) => {
|
|
const random = Math.random().toString(36).substring(2, 6);
|
|
return {
|
|
id: random,
|
|
pId: parentId,
|
|
value: random,
|
|
title: isLeaf ? 'Tree Node' : 'Expand to load',
|
|
isLeaf,
|
|
};
|
|
};
|
|
const onLoadData = ({ id }) =>
|
|
new Promise((resolve) => {
|
|
setTimeout(() => {
|
|
setTreeData(
|
|
treeData.concat([genTreeNode(id, false), genTreeNode(id, true), genTreeNode(id, true)]),
|
|
);
|
|
resolve(undefined);
|
|
}, 300);
|
|
});
|
|
const onChange = (newValue) => {
|
|
console.log(newValue);
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<TreeSelect
|
|
treeDataSimpleMode
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
value={value}
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
}}
|
|
placeholder="Please select"
|
|
onChange={onChange}
|
|
loadData={onLoadData}
|
|
treeData={treeData}
|
|
/>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u5F02\u6B65\u52A0\u8F7D\u6811\u8282\u70B9\u3002</p>"}},{demo:{id:"components-tree-select-demo-treeline"},previewerProps:{title:"\u7EBF\u6027\u6837\u5F0F",filename:"components/tree-select/demo/treeLine.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { Space, Switch, TreeSelect } from 'antd';
|
|
const treeData = [
|
|
{
|
|
value: 'parent 1',
|
|
title: 'parent 1',
|
|
children: [
|
|
{
|
|
value: 'parent 1-0',
|
|
title: 'parent 1-0',
|
|
children: [
|
|
{
|
|
value: 'leaf1',
|
|
title: 'leaf1',
|
|
},
|
|
{
|
|
value: 'leaf2',
|
|
title: 'leaf2',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'parent 1-1',
|
|
title: 'parent 1-1',
|
|
children: [
|
|
{
|
|
value: 'sss',
|
|
title: 'sss',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [treeLine, setTreeLine] = useState(true);
|
|
const [showLeafIcon, setShowLeafIcon] = useState(false);
|
|
return (
|
|
<Space direction="vertical">
|
|
<Switch
|
|
checkedChildren="treeLine"
|
|
unCheckedChildren="treeLine"
|
|
checked={treeLine}
|
|
onChange={() => setTreeLine(!treeLine)}
|
|
/>
|
|
<Switch
|
|
disabled={!treeLine}
|
|
checkedChildren="showLeafIcon"
|
|
unCheckedChildren="showLeafIcon"
|
|
checked={showLeafIcon}
|
|
onChange={() => setShowLeafIcon(!showLeafIcon)}
|
|
/>
|
|
<TreeSelect
|
|
treeLine={
|
|
treeLine && {
|
|
showLeafIcon,
|
|
}
|
|
}
|
|
style={{
|
|
width: 300,
|
|
}}
|
|
treeData={treeData}
|
|
/>
|
|
</Space>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u901A\u8FC7 <code>treeLine</code> \u914D\u7F6E\u7EBF\u6027\u6837\u5F0F\u3002</p>"}},{demo:{id:"components-tree-select-demo-placement"},previewerProps:{title:"\u5F39\u51FA\u4F4D\u7F6E",filename:"components/tree-select/demo/placement.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { Radio, TreeSelect } from 'antd';
|
|
const treeData = [
|
|
{
|
|
value: 'parent 1',
|
|
title: 'parent 1',
|
|
children: [
|
|
{
|
|
value: 'parent 1-0',
|
|
title: 'parent 1-0',
|
|
children: [
|
|
{
|
|
value: 'leaf1',
|
|
title: 'leaf1',
|
|
},
|
|
{
|
|
value: 'leaf2',
|
|
title: 'leaf2',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'parent 1-1',
|
|
title: 'parent 1-1',
|
|
children: [
|
|
{
|
|
value: 'leaf3',
|
|
title: (
|
|
<b
|
|
style={{
|
|
color: '#08c',
|
|
}}
|
|
>
|
|
leaf3
|
|
</b>
|
|
),
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [placement, SetPlacement] = useState('topLeft');
|
|
const placementChange = (e) => {
|
|
SetPlacement(e.target.value);
|
|
};
|
|
return (
|
|
<>
|
|
<Radio.Group value={placement} onChange={placementChange}>
|
|
<Radio.Button value="topLeft">topLeft</Radio.Button>
|
|
<Radio.Button value="topRight">topRight</Radio.Button>
|
|
<Radio.Button value="bottomLeft">bottomLeft</Radio.Button>
|
|
<Radio.Button value="bottomRight">bottomRight</Radio.Button>
|
|
</Radio.Group>
|
|
<br />
|
|
<br />
|
|
|
|
<TreeSelect
|
|
showSearch
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
minWidth: 300,
|
|
}}
|
|
placeholder="Please select"
|
|
dropdownMatchSelectWidth={false}
|
|
placement={placement}
|
|
allowClear
|
|
treeDefaultExpandAll
|
|
treeData={treeData}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u53EF\u4EE5\u901A\u8FC7 <code>placement</code> \u624B\u52A8\u6307\u5B9A\u5F39\u51FA\u7684\u4F4D\u7F6E\u3002</p>"}},{demo:{id:"components-tree-select-demo-status"},previewerProps:{title:"\u81EA\u5B9A\u4E49\u72B6\u6001",filename:"components/tree-select/demo/status.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { Space, TreeSelect } from 'antd';
|
|
const App = () => (
|
|
<Space
|
|
direction="vertical"
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
>
|
|
<TreeSelect
|
|
status="error"
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
placeholder="Error"
|
|
/>
|
|
<TreeSelect
|
|
status="warning"
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
multiple
|
|
placeholder="Warning multiple"
|
|
/>
|
|
</Space>
|
|
);
|
|
export default App;
|
|
`,description:"<p>\u4F7F\u7528 <code>status</code> \u4E3A TreeSelect \u6DFB\u52A0\u72B6\u6001\uFF0C\u53EF\u9009 <code>error</code> \u6216\u8005 <code>warning</code>\u3002</p>"}},{demo:{id:"components-tree-select-demo-suffix"},previewerProps:{debug:!0,title:"\u540E\u7F00\u56FE\u6807",filename:"components/tree-select/demo/suffix.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React, { useState } from 'react';
|
|
import { SmileOutlined } from '@ant-design/icons';
|
|
import { TreeSelect } from 'antd';
|
|
const icon = <SmileOutlined />;
|
|
const treeData = [
|
|
{
|
|
value: 'parent 1',
|
|
title: 'parent 1',
|
|
children: [
|
|
{
|
|
value: 'parent 1-0',
|
|
title: 'parent 1-0',
|
|
children: [
|
|
{
|
|
value: 'leaf1',
|
|
title: 'my leaf',
|
|
},
|
|
{
|
|
value: 'leaf2',
|
|
title: 'your leaf',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'parent 1-1',
|
|
title: 'parent 1-1',
|
|
children: [
|
|
{
|
|
value: 'sss',
|
|
title: (
|
|
<b
|
|
style={{
|
|
color: '#08c',
|
|
}}
|
|
>
|
|
sss
|
|
</b>
|
|
),
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
const App = () => {
|
|
const [value, setValue] = useState();
|
|
const onChange = (newValue) => {
|
|
console.log(newValue);
|
|
setValue(newValue);
|
|
};
|
|
return (
|
|
<TreeSelect
|
|
showSearch
|
|
suffixIcon={icon}
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
value={value}
|
|
dropdownStyle={{
|
|
maxHeight: 400,
|
|
overflow: 'auto',
|
|
}}
|
|
placeholder="Please select"
|
|
allowClear
|
|
treeDefaultExpandAll
|
|
onChange={onChange}
|
|
treeData={treeData}
|
|
/>
|
|
);
|
|
};
|
|
export default App;
|
|
`,description:"<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>"}},{demo:{id:"components-tree-select-demo-render-panel"},previewerProps:{debug:!0,title:"_InternalPanelDoNotUseOrYouWillBeFired",filename:"components/tree-select/demo/render-panel.tsx",pkgDependencyList:{"@ant-design/colors":"^7.0.0","@ant-design/cssinjs":"^1.10.1","@ant-design/icons":"^5.1.0","@ant-design/react-slick":"~1.0.0","@babel/runtime":"^7.18.3","@ctrl/tinycolor":"^3.6.0","@rc-component/color-picker":"~1.4.0","@rc-component/mutate-observer":"^1.0.0","@rc-component/tour":"~1.8.0","@rc-component/trigger":"^1.13.0",classnames:"^2.2.6","copy-to-clipboard":"^3.2.0",dayjs:"^1.11.1","qrcode.react":"^3.1.0","rc-cascader":"~3.12.0","rc-checkbox":"~3.1.0","rc-collapse":"~3.7.0","rc-dialog":"~9.1.0","rc-drawer":"~6.2.0","rc-dropdown":"~4.1.0","rc-field-form":"~1.34.0","rc-image":"~7.0.0","rc-input":"~1.1.0","rc-input-number":"~8.0.2","rc-mentions":"~2.5.0","rc-menu":"~9.10.0","rc-motion":"^2.7.3","rc-notification":"~5.0.4","rc-pagination":"~3.5.0","rc-picker":"~3.10.0","rc-progress":"~3.4.1","rc-rate":"~2.12.0","rc-resize-observer":"^1.2.0","rc-segmented":"~2.2.0","rc-select":"~14.5.0","rc-slider":"~10.1.0","rc-steps":"~6.0.0","rc-switch":"~4.1.0","rc-table":"~7.32.1","rc-tabs":"~12.9.0","rc-textarea":"~1.3.2","rc-tooltip":"~6.0.0","rc-tree":"~5.7.6","rc-tree-select":"~5.9.0","rc-upload":"~4.3.0","rc-util":"^5.32.0","scroll-into-view-if-needed":"^3.0.3","throttle-debounce":"^5.0.0"},jsx:`import React from 'react';
|
|
import { TreeSelect } from 'antd';
|
|
const { _InternalPanelDoNotUseOrYouWillBeFired: InternalTreeSelect } = TreeSelect;
|
|
const treeData = [
|
|
{
|
|
title: 'Node1',
|
|
value: '0-0',
|
|
children: [
|
|
{
|
|
title: 'Child Node1',
|
|
value: '0-0-1',
|
|
},
|
|
{
|
|
title: 'Child Node2',
|
|
value: '0-0-2',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: 'Node2',
|
|
value: '0-1',
|
|
},
|
|
];
|
|
const App = () => (
|
|
<InternalTreeSelect
|
|
defaultValue="lucy"
|
|
style={{
|
|
width: '100%',
|
|
}}
|
|
treeData={treeData}
|
|
/>
|
|
);
|
|
export default App;
|
|
`,description:"<p>\u8C03\u8BD5\u7528\u7EC4\u4EF6\uFF0C\u8BF7\u52FF\u76F4\u63A5\u4F7F\u7528\u3002</p>"}}]}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h2",{id:"api"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"API"),(0,e.tZ)("h3",{id:"tree-props"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#tree-props",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Tree props"),(0,e.tZ)(r.Z,{className:"component-api-table"},(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,t[2].value),(0,e.tZ)("th",null,t[3].value),(0,e.tZ)("th",null,t[4].value),(0,e.tZ)("th",null,t[5].value),(0,e.tZ)("th",null,t[6].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[7].value),(0,e.tZ)("td",null,t[8].value),(0,e.tZ)("td",null,t[9].value),(0,e.tZ)("td",null,t[10].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[11].value),(0,e.tZ)("td",null,t[12].value),(0,e.tZ)("td",null,t[13].value),(0,e.tZ)("td",null,t[14].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[15].value),(0,e.tZ)("td",null,t[16].value),(0,e.tZ)("td",null,t[17].value),(0,e.tZ)("td",null,t[18].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[19].value),(0,e.tZ)("td",null,t[20].value),(0,e.tZ)("td",null,t[21].value),(0,e.tZ)("td",null,t[22].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[23].value),(0,e.tZ)("td",null,t[24].value),(0,e.tZ)("td",null,t[25].value),(0,e.tZ)("td",null,t[26].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[27].value),(0,e.tZ)("td",null,t[28].value),(0,e.tZ)("td",null,t[29].value),(0,e.tZ)("td",null,t[30].value),(0,e.tZ)("td",null,t[31].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[32].value),(0,e.tZ)("td",null,t[33].value,(0,e.tZ)("code",null,t[34].value),t[35].value),(0,e.tZ)("td",null,t[36].value),(0,e.tZ)("td",null,t[37].value),(0,e.tZ)("td",null,t[38].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[39].value),(0,e.tZ)("td",null,t[40].value),(0,e.tZ)("td",null,t[41].value),(0,e.tZ)("td",null,t[42].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[43].value),(0,e.tZ)("td",null,t[44].value),(0,e.tZ)("td",null,t[45].value),(0,e.tZ)("td",null,t[46].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[47].value),(0,e.tZ)("td",null,t[48].value),(0,e.tZ)("td",null,t[49].value),(0,e.tZ)("td",null,t[50].value,(0,e.tZ)("code",null,t[51].value),t[52].value,(0,e.tZ)("code",null,t[53].value),t[54].value,(0,e.tZ)("code",null,t[55].value),t[56].value),(0,e.tZ)("td",null,t[57].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[58].value),(0,e.tZ)("td",null,t[59].value),(0,e.tZ)("td",null,t[60].value),(0,e.tZ)("td",null,t[61].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[62].value),(0,e.tZ)("td",null,t[63].value,(0,e.tZ)(l.Z,{href:"https://codepen.io/afc163/pen/zEjNOy?editors=0010",sourceType:"a"},t[64].value)),(0,e.tZ)("td",null,t[65].value),(0,e.tZ)("td",null,t[66].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[67].value),(0,e.tZ)("td",null,t[68].value,(0,e.tZ)("code",null,t[69].value),t[70].value),(0,e.tZ)("td",null,t[71].value),(0,e.tZ)("td",null,t[72].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[73].value),(0,e.tZ)("td",null,t[74].value),(0,e.tZ)("td",null,t[75].value),(0,e.tZ)("td",null,t[76].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[77].value),(0,e.tZ)("td",null,t[78].value),(0,e.tZ)("td",null,t[79].value),(0,e.tZ)("td",null,t[80].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[81].value),(0,e.tZ)("td",null,t[82].value),(0,e.tZ)("td",null,t[83].value,(0,e.tZ)("code",null,t[84].value)),(0,e.tZ)("td",null,t[85].value),(0,e.tZ)("td",null,t[86].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[87].value),(0,e.tZ)("td",null,t[88].value),(0,e.tZ)("td",null,t[89].value),(0,e.tZ)("td",null,t[90].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[91].value),(0,e.tZ)("td",null,t[92].value),(0,e.tZ)("td",null,t[93].value),(0,e.tZ)("td",null,t[94].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[95].value),(0,e.tZ)("td",null,t[96].value),(0,e.tZ)("td",null,t[97].value),(0,e.tZ)("td",null,t[98].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[99].value),(0,e.tZ)("td",null,t[100].value),(0,e.tZ)("td",null,t[101].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[102].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[103].value),(0,e.tZ)("td",null,t[104].value),(0,e.tZ)("td",null,t[105].value),(0,e.tZ)("td",null,t[106].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[107].value),(0,e.tZ)("td",null,t[108].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[109].value),t[110].value,(0,e.tZ)("code",null,t[111].value),t[112].value,(0,e.tZ)("code",null,t[113].value),t[114].value,(0,e.tZ)("code",null,t[115].value)),(0,e.tZ)("td",null,t[116].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[117].value),(0,e.tZ)("td",null,t[118].value,(0,e.tZ)("code",null,t[119].value),t[120].value),(0,e.tZ)("td",null,t[121].value),(0,e.tZ)("td",null,t[122].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[123].value),(0,e.tZ)("td",null,t[124].value,(0,e.tZ)("code",null,t[125].value)),(0,e.tZ)("td",null,t[126].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[127].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[128].value),(0,e.tZ)("td",null,t[129].value,(0,e.tZ)("code",null,t[130].value),t[131].value,(0,e.tZ)("code",null,t[132].value),t[133].value,(0,e.tZ)("code",null,t[134].value),t[135].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[136].value),t[137].value,(0,e.tZ)("code",null,t[138].value),t[139].value,(0,e.tZ)("code",null,t[140].value)),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[141].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[142].value),(0,e.tZ)("td",null,t[143].value),(0,e.tZ)("td",null,t[144].value),(0,e.tZ)("td",null,t[145].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[146].value),(0,e.tZ)("td",null,t[147].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[148].value),t[149].value,(0,e.tZ)("code",null,t[150].value),t[151].value,(0,e.tZ)("code",null,t[152].value)),(0,e.tZ)("td",null,t[153].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[154].value),(0,e.tZ)("td",null,t[155].value),(0,e.tZ)("td",null,t[156].value),(0,e.tZ)("td",null,t[157].value),(0,e.tZ)("td",null,t[158].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[159].value),(0,e.tZ)("td",null,t[160].value,(0,e.tZ)("code",null,t[161].value),t[162].value),(0,e.tZ)("td",null,t[163].value),(0,e.tZ)("td",null,t[164].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[165].value),(0,e.tZ)("td",null,t[166].value),(0,e.tZ)("td",null,t[167].value),(0,e.tZ)("td",null,t[168].value),(0,e.tZ)("td",null,t[169].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[170].value),(0,e.tZ)("td",null,t[171].value),(0,e.tZ)("td",null,t[172].value),(0,e.tZ)("td",null,t[173].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[174].value),(0,e.tZ)("td",null,t[175].value),(0,e.tZ)("td",null,t[176].value),(0,e.tZ)("td",null,t[177].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[178].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[179].value),t[180].value,(0,e.tZ)("code",null,t[181].value),t[182].value),(0,e.tZ)("td",null,t[183].value),(0,e.tZ)("td",null,t[184].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[185].value),(0,e.tZ)("td",null,t[186].value),(0,e.tZ)("td",null,t[187].value),(0,e.tZ)("td",null,t[188].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[189].value),(0,e.tZ)("td",null,t[190].value,(0,e.tZ)("code",null,t[191].value),t[192].value),(0,e.tZ)("td",null,t[193].value),(0,e.tZ)("td",null,t[194].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[195].value),(0,e.tZ)("td",null,t[196].value),(0,e.tZ)("td",null,t[197].value),(0,e.tZ)("td",null,t[198].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[199].value),(0,e.tZ)("td",null,t[200].value),(0,e.tZ)("td",null,t[201].value),(0,e.tZ)("td",null,t[202].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[203].value),(0,e.tZ)("td",null,t[204].value,(0,e.tZ)("code",null,t[205].value),t[206].value,(0,e.tZ)("code",null,t[207].value)),(0,e.tZ)("td",null,t[208].value),(0,e.tZ)("td",null,t[209].value),(0,e.tZ)("td",null,t[210].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[211].value),(0,e.tZ)("td",null,t[212].value),(0,e.tZ)("td",null,t[213].value),(0,e.tZ)("td",null,t[214].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[215].value),(0,e.tZ)("td",null,t[216].value),(0,e.tZ)("td",null,t[217].value),(0,e.tZ)("td",null,t[218].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[219].value),(0,e.tZ)("td",null,t[220].value,(0,e.tZ)(l.Z,{to:"/components/tree-cn#components-tree-demo-line",sourceType:"Link"},t[221].value)),(0,e.tZ)("td",null,t[222].value),(0,e.tZ)("td",null,t[223].value),(0,e.tZ)("td",null,t[224].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[225].value),(0,e.tZ)("td",null,t[226].value,(0,e.tZ)("code",null,t[227].value),t[228].value),(0,e.tZ)("td",null,t[229].value),(0,e.tZ)("td",null,t[230].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[231].value),(0,e.tZ)("td",null,t[232].value),(0,e.tZ)("td",null,t[233].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[234].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[235].value),(0,e.tZ)("td",null,t[236].value),(0,e.tZ)("td",null,t[237].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[238].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[239].value),(0,e.tZ)("td",null,t[240].value),(0,e.tZ)("td",null,t[241].value),(0,e.tZ)("td",null,t[242].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[243].value),(0,e.tZ)("td",null,t[244].value),(0,e.tZ)("td",null,t[245].value),(0,e.tZ)("td",null,t[246].value),(0,e.tZ)("td",null,t[247].value)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[248].value),(0,e.tZ)("td",null,t[249].value),(0,e.tZ)("td",null,t[250].value),(0,e.tZ)("td",null,t[251].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[252].value),(0,e.tZ)("td",null,t[253].value),(0,e.tZ)("td",null,t[254].value),(0,e.tZ)("td",null,t[255].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[256].value),(0,e.tZ)("td",null,t[257].value),(0,e.tZ)("td",null,t[258].value),(0,e.tZ)("td",null,t[259].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[260].value),(0,e.tZ)("td",null,t[261].value),(0,e.tZ)("td",null,t[262].value),(0,e.tZ)("td",null,t[263].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[264].value),(0,e.tZ)("td",null,t[265].value),(0,e.tZ)("td",null,t[266].value),(0,e.tZ)("td",null,t[267].value),(0,e.tZ)("td",null)))),(0,e.tZ)("h3",{id:"tree-\u65B9\u6CD5"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#tree-\u65B9\u6CD5",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Tree \u65B9\u6CD5"),(0,e.tZ)(r.Z,{className:"component-api-table"},(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,t[268].value),(0,e.tZ)("th",null,t[269].value),(0,e.tZ)("th",null,t[270].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[271].value),(0,e.tZ)("td",null,t[272].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[273].value),(0,e.tZ)("td",null,t[274].value),(0,e.tZ)("td",null)))),(0,e.tZ)("h3",{id:"treenode-props"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#treenode-props",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"TreeNode props"),(0,e.tZ)("blockquote",null,(0,e.tZ)("p",null,t[275].value)),(0,e.tZ)(r.Z,{className:"component-api-table"},(0,e.tZ)("thead",null,(0,e.tZ)("tr",null,(0,e.tZ)("th",null,t[276].value),(0,e.tZ)("th",null,t[277].value),(0,e.tZ)("th",null,t[278].value),(0,e.tZ)("th",null,t[279].value),(0,e.tZ)("th",null,t[280].value))),(0,e.tZ)("tbody",null,(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[281].value),(0,e.tZ)("td",null,t[282].value),(0,e.tZ)("td",null,t[283].value),(0,e.tZ)("td",null,t[284].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[285].value),(0,e.tZ)("td",null,t[286].value),(0,e.tZ)("td",null,t[287].value),(0,e.tZ)("td",null,t[288].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[289].value),(0,e.tZ)("td",null,t[290].value),(0,e.tZ)("td",null,t[291].value),(0,e.tZ)("td",null,t[292].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[293].value),(0,e.tZ)("td",null,t[294].value),(0,e.tZ)("td",null,t[295].value),(0,e.tZ)("td",null,t[296].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[297].value),(0,e.tZ)("td",null,t[298].value),(0,e.tZ)("td",null,t[299].value),(0,e.tZ)("td",null,t[300].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[301].value),(0,e.tZ)("td",null,t[302].value),(0,e.tZ)("td",null,t[303].value),(0,e.tZ)("td",null,t[304].value),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[305].value),(0,e.tZ)("td",null,t[306].value),(0,e.tZ)("td",null,t[307].value),(0,e.tZ)("td",null,(0,e.tZ)("code",null,t[308].value)),(0,e.tZ)("td",null)),(0,e.tZ)("tr",null,(0,e.tZ)("td",null,t[309].value),(0,e.tZ)("td",null,t[310].value),(0,e.tZ)("td",null,t[311].value),(0,e.tZ)("td",null,t[312].value),(0,e.tZ)("td",null)))),(0,e.tZ)("h2",{id:"design-token"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"Design Token")),(0,e.tZ)(c.Z,{component:"TreeSelect"}),(0,e.tZ)("div",{className:"markdown"},(0,e.tZ)("h2",{id:"faq"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"FAQ"),(0,e.tZ)("h3",{id:"onchange-\u65F6\u5982\u4F55\u83B7\u5F97\u7236\u8282\u70B9\u4FE1\u606F"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#onchange-\u65F6\u5982\u4F55\u83B7\u5F97\u7236\u8282\u70B9\u4FE1\u606F",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"onChange \u65F6\u5982\u4F55\u83B7\u5F97\u7236\u8282\u70B9\u4FE1\u606F\uFF1F"),(0,e.tZ)("p",null,t[313].value,(0,e.tZ)(l.Z,{href:"https://codesandbox.io/s/get-parent-node-in-onchange-eb1608",sourceType:"a"},t[314].value)),(0,e.tZ)("h3",{id:"\u81EA\u5B9A\u4E49-option-\u6837\u5F0F\u5BFC\u81F4\u6EDA\u52A8\u5F02\u5E38\u600E\u4E48\u529E"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u81EA\u5B9A\u4E49-option-\u6837\u5F0F\u5BFC\u81F4\u6EDA\u52A8\u5F02\u5E38\u600E\u4E48\u529E",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u81EA\u5B9A\u4E49 Option \u6837\u5F0F\u5BFC\u81F4\u6EDA\u52A8\u5F02\u5E38\u600E\u4E48\u529E\uFF1F"),(0,e.tZ)("p",null,t[315].value,(0,e.tZ)(l.Z,{to:"/components/select-cn",sourceType:"Link"},t[316].value),t[317].value),(0,e.tZ)("h3",{id:"\u4E3A\u4F55\u5728\u641C\u7D22\u65F6-loaddata-\u4E0D\u4F1A\u89E6\u53D1\u5C55\u5F00"},(0,e.tZ)(l.Z,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3A\u4F55\u5728\u641C\u7D22\u65F6-loaddata-\u4E0D\u4F1A\u89E6\u53D1\u5C55\u5F00",sourceType:"a"},(0,e.tZ)("span",{className:"icon icon-link"})),"\u4E3A\u4F55\u5728\u641C\u7D22\u65F6 ",(0,e.tZ)("code",null,t[318].value)," \u4E0D\u4F1A\u89E6\u53D1\u5C55\u5F00\uFF1F"),(0,e.tZ)("p",null,t[319].value,(0,e.tZ)("code",null,t[320].value),t[321].value,(0,e.tZ)("code",null,t[322].value),t[323].value),(0,e.tZ)(o.Z,{lang:"tsx"},t[324].value))))}a.default=s}}]);
|
|
|