{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/cascader","result":{"data":{"current":{"frontmatter":{"title":"Cascader 级联选择","order":36,"brief":"用于选择多级分类下的某个选项。","icon":"doc-cascader"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#多选","title":"多选"},{"url":"#可搜索的","title":"可搜索的"},{"url":"#可搜索的多选","title":"可搜索的多选"},{"url":"#限制标签展示数量","title":"限制标签展示数量"},{"url":"#限制选中数量","title":"限制选中数量"},{"url":"#选择即改变","title":"选择即改变"},{"url":"#自定义显示","title":"自定义显示"},{"url":"#自定义分隔符","title":"自定义分隔符"},{"url":"#禁用","title":"禁用"},{"url":"#严格禁用","title":"严格禁用"},{"url":"#展示子菜单的时机","title":"展示子菜单的时机"},{"url":"#在顶部底部渲染附加项","title":"在顶部/底部渲染附加项"},{"url":"#受控","title":"受控"},{"url":"#自动合并-value","title":"自动合并 value"},{"url":"#仅叶子节点","title":"仅叶子节点"},{"url":"#节点选中关系","title":"节点选中关系"},{"url":"#动态更新数据","title":"动态更新数据"},{"url":"#异步加载数据","title":"异步加载数据"},{"url":"#超长列表","title":"超长列表"},{"url":"#自定义-trigger","title":"自定义 Trigger"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#cascader","title":"Cascader"},{"url":"#cascaderdata","title":"CascaderData"}]},{"url":"#methods","title":"Methods"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n \"localeCode\": \"zh-CN\",\n \"order\": 36,\n \"category\": \"输入类\",\n \"title\": \"Cascader 级联选择\",\n \"icon\": \"doc-cascader\",\n \"brief\": \"用于选择多级分类下的某个选项。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528\\u573A\\u666F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4E0E TreeSelect \\u7EC4\\u4EF6\\u7684\\u533A\\u522B:\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"TreeSelect: \\u6838\\u5FC3\\u4EF7\\u503C\\u5728\\u4E8E\", mdx(\"strong\", {\n parentName: \"li\"\n }, \"\\u76EE\\u6807\\u8282\\u70B9\"), \"\\uFF0C\\u5C42\\u7EA7\\u7ED3\\u6784\\u662F\\u4E3A\\u4E86\\u65B9\\u4FBF\\u7528\\u6237\\u5FEB\\u901F\\u7B5B\\u9009\\u51FA\\u76EE\\u6807\\u9009\\u9879\\uFF0C\\u6700\\u7EC8\\u7684\\u8282\\u70B9\\u624D\\u662F\\u7528\\u6237\\u60F3\\u8981\\u7684\\u5185\\u5BB9\\uFF0C\\u5E38\\u89C1\\u4E8E\\u6587\\u4EF6/\\u6587\\u4EF6\\u5939\\u9009\\u62E9\\u3001\\u7EC4\\u7EC7\\u67B6\\u6784\\u3001\\u6743\\u9650\\u5206\\u914D\\u7B49\\u573A\\u666F\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Cascader: \\u6838\\u5FC3\\u4EF7\\u503C\\u5728\\u4E8E\", mdx(\"strong\", {\n parentName: \"li\"\n }, \"\\u8DEF\\u5F84\"), \"\\uFF0C\\u7528\\u6237\\u9009\\u62E9\\u7684\\u4E0D\\u662F\\u4E00\\u4E2A\\u5B64\\u7ACB\\u7684\\u70B9\\uFF0C\\u800C\\u662F\\u4E00\\u6761\\u4ECE\\u6839\\u5230\\u53F6\\u7684\\u5B8C\\u6574\\u8DEF\\u5F84\\uFF0C\\u5E38\\u7528\\u4E8E\\u5730\\u7406\\u4F4D\\u7F6E\\uFF0C\\u5546\\u54C1\\u5206\\u7C7B\\u7B49\\u573A\\u666F\\u3002\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"import\",\n \"import\": true\n }, \"import { Cascader } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6700\\u7B80\\u5355\\u7684\\u7528\\u6CD5\\uFF0C\\u9ED8\\u8BA4\\u53EA\\u53EF\\u4EE5\\u9009\\u53F6\\u5B50\\u8282\\u70B9\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u591A\\u9009\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"multiple\"), \"\\uFF0C\\u53EF\\u4EE5\\u8FDB\\u884C\\u591A\\u9009\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u53EF\\u641C\\u7D22\\u7684\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterTreeNode\"), \" \\u5C5E\\u6027\\u53EF\\u652F\\u6301\\u641C\\u7D22\\u529F\\u80FD\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u9ED8\\u8BA4\\u5BF9 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"label\"), \" \\u503C\\u8FDB\\u884C\\u641C\\u7D22\\uFF08\\u4F7F\\u7528\\u5B57\\u7B26\\u4E32\\u7684 includes \\u65B9\\u6CD5\\u8FDB\\u884C\\u5339\\u914D\\uFF0C\\u4E0D\\u533A\\u5206\\u5927\\u5C0F\\u5199\\uFF09\\uFF0C\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"treeNodeFilterProp\"), \" \\u6307\\u5B9A\\u5176\\u4ED6\\u5C5E\\u6027\\u503C\\u8FDB\\u884C\\u641C\\u7D22\\u3002\\n\\u5982 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"label\"), \" \\u4E3A ReactNode\\uFF0C\\u53EF\\u5728 treeData \\u4E2D\\u4F7F\\u7528\\u5176\\u4ED6\\u5B57\\u6BB5\\u5B58\\u50A8\\u7EAF\\u6587\\u672C\\uFF0C\\u5E76\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"treeNodeFilterProp\"), \" \\u6307\\u5B9A\\u8BE5\\u5B57\\u6BB5\\u8FDB\\u884C\\u641C\\u7D22\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u9ED8\\u8BA4\\u641C\\u7D22\\u7ED3\\u679C\\u53EA\\u4F1A\\u5C55\\u793A\\u53F6\\u5B50\\u7ED3\\u70B9\\u7684\\u8DEF\\u5F84\\uFF0C\\u60F3\\u8981\\u663E\\u793A\\u66F4\\u591A\\u7684\\u7ED3\\u679C\\uFF0C\\u53EF\\u4EE5\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterLeafOnly\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"false\"), \"\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState } from 'react';\\nimport { Cascader, Typography } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n const labelNodeTreeData = [\\n {\\n label: \\u6D59\\u6C5F\\u7701,\\n labelText: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: \\u676D\\u5DDE\\u5E02,\\n labelText: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: \\u897F\\u6E56\\u533A,\\n labelText: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: \\u8427\\u5C71\\u533A,\\n labelText: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: \\u4E34\\u5B89\\u533A,\\n labelText: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: \\u5B81\\u6CE2\\u5E02,\\n labelText: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: \\u6D77\\u66D9\\u533A,\\n labelText: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: \\u6C5F\\u5317\\u533A,\\n labelText: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n\\n return (\\n
\\n \\n
\\n
\\n \\n
\\n
\\n filterLeafOnly=false:\\n \\n
\\n
\\n Label \\u4E3A ReactNode\\uFF0C\\u6307\\u5B9A\\u5176\\u4ED6\\u5C5E\\u6027\\u8FDB\\u884C\\u641C\\u7D22\\n \\n
\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u53EF\\u641C\\u7D22\\u7684\\u591A\\u9009\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u652F\\u6301\\u591A\\u9009\\u548C\\u641C\\u7D22\\u540C\\u65F6\\u4F7F\\u7528\\uFF0C\\u5728\\u8FD9\\u79CD\\u573A\\u666F\\u4E0B\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u6309\\u4E0B BackSpace \\u952E\\u6765\\u5220\\u9664\\u5BF9\\u5E94\\u7684\\u5DF2\\u9009\\u9879\\u76EE\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState(['zhejiang', 'ningbo', 'haishu']);\\n const onChange = (val) => { setValue(val); };\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n onChange(e)}\\n />\\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterSorter\"), \" \\u5BF9\\u7B5B\\u9009\\u540E\\u7684\\u6570\\u636E\\u8FDB\\u884C\\u6392\\u5E8F\\uFF0C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterSorter\"), \" \\u4E8E v2.28.0 \\u5F00\\u59CB\\u63D0\\u4F9B\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState } from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: 'Product',\\n value: 'Product',\\n children: [\\n {\\n label: 'Semi-Material',\\n value: 'Semi-Material',\\n \\n },\\n {\\n label: 'Semi-DSM',\\n value: 'Semi-DSM',\\n \\n },\\n {\\n label: 'Semi',\\n value: 'Semi',\\n \\n },\\n {\\n label: 'Semi-C2D',\\n value: 'Semi-C2D',\\n },\\n {\\n label: 'Semi-D2C',\\n value: 'Semi-D2C',\\n },\\n ],\\n }\\n ];\\n return (\\n
\\n {\\n const firstData = first[first.length - 1];\\n const lastData = second[second.length - 1];\\n if (firstData.label === inputValue) {\\n return -1;\\n } else if (lastData.label === inputValue) {\\n return 1;\\n } else {\\n return firstData.label < lastData.label ? -1 : 1;\\n }\\n }}\\n />\\n
\\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5982\\u679C\\u60F3\\u8981\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u641C\\u7D22\\u540E\\u7684\\u9009\\u9879\\uFF0C\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterRender\"), \" \\u5B9E\\u73B0\\u6574\\u884C\\u7684\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"filterRender\"), \" \\u4E8E v2.28.0 \\u5F00\\u59CB\\u63D0\\u4F9B\\uFF0C\\u51FD\\u6570\\u53C2\\u6570\\u5982\\u4E0B\\uFF1A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-tsx\"\n }, \"interface FilterRenderProps {\\n className: string;\\n inputValue: string; // \\u641C\\u7D22\\u680F\\u641C\\u7D22\\u5185\\u5BB9\\n disabled: boolean; // \\u662F\\u5426\\u7981\\u7528\\n data: CascaderData[]; // \\u641C\\u7D22\\u7ED3\\u679C\\u6570\\u636E\\n selected: boolean; // \\u5355\\u9009\\u65F6\\u7684\\u9009\\u4E2D\\u72B6\\u6001 \\n checkStatus: { // \\u591A\\u9009\\u65F6\\u7684\\u9009\\u4E2D\\u72B6\\u6001\\n checked: boolean;\\n halfChecked: boolean;\\n };\\n onClick: (e: React.MouseEvent) => void; // \\u5355\\u9009\\u70B9\\u51FB\\u9009\\u4E2D\\u56DE\\u8C03\\n onCheck: (e: React.MouseEvent) => void; // \\u591A\\u9009\\u70B9\\u51FB\\u9009\\u4E2D\\u56DE\\u8C03\\n }\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528\\u793A\\u4F8B\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState } from 'react';\\nimport { Cascader, Typography, Checkbox } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: 'Semi',\\n value: 'Semi',\\n children: [\\n {\\n label: 'Semi-Material Semi-Material Semi-Material Semi-Material',\\n value: 'Semi-Material',\\n \\n },\\n {\\n label: 'Semi-DSM Semi-DSM Semi-DSM Semi-DSM',\\n value: 'Semi-DSM',\\n \\n },\\n {\\n label: 'Semi Design Semi Design Semi Design Semi Design',\\n value: 'Semi',\\n \\n },\\n {\\n label: 'Semi-C2D Semi-C2D Semi-C2D Semi-C2D Semi-C2D',\\n value: 'Semi-C2D',\\n },\\n {\\n label: 'Semi-D2C Semi-D2C Semi-D2C Semi-D2C Semi-D2C ',\\n value: 'Semi-D2C',\\n },\\n ],\\n }\\n ];\\n const { Text } = Typography;\\n\\n const renderSearchOptionSingle = (props) => {\\n const { className, data, selected, onClick } = props;\\n\\n return (\\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\\n \\n \\n {data.map(item => item.label ).join(' / ')}\\n \\n \\n );\\n };\\n\\n const renderSearchOptionMultiple = (props) => {\\n const { className, data, checkStatus, onCheck } = props;\\n\\n return (\\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\\n \\n \\n \\n {data.map(item => item.label).join(' / ')}\\n \\n \\n );\\n };\\n \\n return (\\n
\\n

\\u9F20\\u6807 hover \\u5230\\u9009\\u9879\\u53EF\\u67E5\\u770B\\u88AB\\u7701\\u7565\\u6587\\u672C\\u5B8C\\u6574\\u5185\\u5BB9

\\n
\\n \\n
\\n \\n
\\n );\\n};\\n\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5982\\u679C\\u641C\\u7D22\\u7ED3\\u679C\\u4E2D\\u5B58\\u5728\\u5927\\u91CF Option\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E virtualizeInSearch \\u5F00\\u542F\\u641C\\u7D22\\u7ED3\\u679C\\u9762\\u677F\\u7684\\u865A\\u62DF\\u5316\\u6765\\u4F18\\u5316\\u6027\\u80FD\\uFF0CvirtualizeInSearch \\u81EA v2.44.0 \\u63D0\\u4F9B\\u3002virtualizeInSearch \\u662F\\u4E00\\u4E2A\\u5305\\u542B\\u4E0B\\u5217\\u503C\\u7684\\u5BF9\\u8C61\\uFF1A\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"height: Option \\u5217\\u8868\\u9AD8\\u5EA6\\u503C\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"width: Option \\u5217\\u8868\\u5BBD\\u5EA6\\u503C\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"itemSize: \\u6BCF\\u884C Option \\u7684\\u9AD8\\u5EA6\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader, Checkbox, Typography } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = useMemo(() => (\\n ['\\u901A\\u7528', '\\u573A\\u666F'].map((label, m) => ({\\n label: label,\\n value: m,\\n children: new Array(100).fill(0).map((item, n)=> ({\\n value: `${m}-${n}`,\\n label: `${m}-${n} \\u7B2C\\u4E8C\\u7EA7`,\\n children: new Array(20).fill(0).map((item, o)=> ({\\n value: `${m}-${n}-${o}`,\\n label: `${m}-${n}-${o} \\u7B2C\\u4E09\\u7EA7\\u8BE6\\u7EC6\\u5185\\u5BB9`,\\n })),\\n }))\\n }))\\n ), []);\\n \\n let virtualize = {\\n // \\u9AD8\\u5EA6\\u4E3A\\u9762\\u677F\\u9ED8\\u8BA4\\u9AD8\\u5EA6\\u4E3A 180px \\u51CF\\u53BB\\u4E0A\\u4E0Bpadding 2 * 8px\\n height: 172,\\n width: 320,\\n itemSize: 36, \\n };\\n\\n const filterRender = useCallback((props) => {\\n const { data, onCheck, checkStatus, className } = props;\\n return (\\n
\\n \\n \\n {data.map(item => item.label).join(' | ')}\\n \\n
\\n );\\n }, []);\\n \\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9650\\u5236\\u6807\\u7B7E\\u5C55\\u793A\\u6570\\u91CF\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5728\\u591A\\u9009\\u7684\\u573A\\u666F\\u4E2D\\uFF0C\\u5229\\u7528 maxTagCount \\u53EF\\u4EE5\\u9650\\u5236\\u5C55\\u793A\\u7684\\u6807\\u7B7E\\u6570\\u91CF\\uFF0C\\u8D85\\u51FA\\u90E8\\u5206\\u5C06\\u4EE5 +N \\u7684\\u65B9\\u5F0F\\u5C55\\u793A\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528 showRestTagsPopover \\u53EF\\u4EE5\\u8BBE\\u7F6E\\u5728\\u8D85\\u51FA maxTagCount \\u540E\\uFF0Chover +N \\u662F\\u5426\\u663E\\u793A Popover\\uFF0C\\u9ED8\\u8BA4\\u4E3A false\\u3002\\u5E76\\u4E14\\uFF0C\\u8FD8\\u53EF\\u4EE5\\u5728 restTagsPopoverProps \\u5C5E\\u6027\\u4E2D\\u914D\\u7F6E Popover\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9650\\u5236\\u9009\\u4E2D\\u6570\\u91CF\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5728\\u591A\\u9009\\u7684\\u573A\\u666F\\u4E2D\\uFF0C\\u5229\\u7528 max \\u53EF\\u4EE5\\u9650\\u5236\\u591A\\u9009\\u9009\\u4E2D\\u7684\\u6570\\u91CF\\u3002\\u8D85\\u51FA max \\u540E\\u5C06\\u89E6\\u53D1 onExceed \\u56DE\\u8C03\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader, Toast } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n {\\n Toast.warning('exceed max');\\n console.log(v);\\n }}\\n defaultValue={['zhejiang', 'ningbo', 'haishu']}\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9009\\u62E9\\u5373\\u6539\\u53D8\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5728\\u5355\\u9009\\u7684\\u60C5\\u51B5\\u4E0B\\uFF0C\\u8FD8\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"changeOnSelect\"), \"\\uFF0C\\u5141\\u8BB8\\u9009\\u4E2D\\u7236\\u7EA7\\u9009\\u9879\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n
\\n \\n
\\n
\\n \\n
\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u663E\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"displayProp\"), \" \\u8BBE\\u7F6E\\u56DE\\u586B\\u9009\\u9879\\u663E\\u793A\\u7684\\u5C5E\\u6027\\u503C\\uFF0C\\u9ED8\\u8BA4\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"label\"), \"\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader, Typography } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n <>\\n \\u5355\\u9009\\n \\n
\\n
\\n \\u591A\\u9009\\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"displayRender\"), \" \\u53EF\\u4EE5\\u8BBE\\u5B9A\\u8FD4\\u56DE\\u683C\\u5F0F\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5355\\u9009 (\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"multiple=false\"), \") \\u65F6, \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"displayRender((labelPath: string[]) => ReactNode)\"), \", \\u5176\\u4E2D labelPath \\u662F\\u7531 label \\u6784\\u6210\\u7684 path \\u6570\\u7EC4\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u591A\\u9009 (\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"multiple=true\"), \") \\u65F6, \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"displayRender((item: Entity, index: number) => ReactNode)\"), \", \\u5176\\u4E2D item \\u4E3A\\u8282\\u70B9\\u7684\\u76F8\\u5173\\u6570\\u636E\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-typescript\"\n }, \"interface Entity {\\n children?: Entity[]; // children list\\n data: CascaderData; // treedata\\n ind: number; // index\\n key: string; // key\\n level: number; // node level\\n parent?: Entity; // parent data\\n parentKey?: string; // parent key\\n path: string[]; // key path\\n valuePath: string[]; // value path\\n}\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader, Tag, Typography } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n <>\\n \\u5355\\u9009\\n '\\u5DF2\\u9009\\u62E9\\uFF1A' + list.join(' -> ')}\\n defaultValue={['zhejiang', 'ningbo', 'jiangbei']}\\n />\\n
\\n
\\n \\u591A\\u9009\\n (\\n \\n {item.data.label}\\n \\n )}\\n />\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u5206\\u9694\\u7B26\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7248\\u672C: >=2.2.0\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"separator\"), \" \\u8BBE\\u7F6E\\u5206\\u9694\\u7B26, \\u5305\\u62EC\\uFF1A\\u641C\\u7D22\\u65F6\\u663E\\u793A\\u5728\\u4E0B\\u62C9\\u6846\\u7684\\u5185\\u5BB9\\u4EE5\\u53CA\\u5355\\u9009\\u65F6\\u56DE\\u663E\\u5230 Trigger \\u7684\\u5185\\u5BB9\\u7684\\u5206\\u9694\\u7B26\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u7981\\u7528\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n }\\n ],\\n }\\n ];\\n return (\\n
\\n \\n
\\n
\\n \\n
\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E25\\u683C\\u7981\\u7528\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 disableStrictly \\u6765\\u5F00\\u542F\\u4E25\\u683C\\u7981\\u7528\\u3002\\u5F00\\u542F\\u4E25\\u683C\\u7981\\u7528\\u540E\\uFF0C\\u5F53\\u8282\\u70B9\\u662F disabled \\u7684\\u65F6\\u5019\\uFF0C\\u5219\\u4E0D\\u80FD\\u901A\\u8FC7\\u5B50\\u7EA7\\u6216\\u8005\\u7236\\u7EA7\\u7684\\u5173\\u7CFB\\u6539\\u53D8\\u9009\\u4E2D\\u72B6\\u6001\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4EE5\\u4E0B\\u9762\\u7684 demo \\u4E3A\\u4F8B\\uFF0C\\u8282\\u70B9\\\"\\u5B81\\u6CE2\\\"\\u5F00\\u542F\\u4E86\\u4E25\\u683C\\u7981\\u7528\\uFF0C\\u56E0\\u6B64\\uFF0C\\u5F53\\u6211\\u4EEC\\u6539\\u53D8\\u5176\\u7236\\u8282\\u70B9\\\"\\u6D59\\u6C5F\\u7701\\\"\\u7684\\u9009\\u4E2D\\u72B6\\u6001\\u65F6\\uFF0C\\u4E5F\\u4E0D\\u4F1A\\u5F71\\u54CD\\u5230\\u8282\\u70B9\\\"\\u5B81\\u6CE2\\\"\\u7684\\u9009\\u4E2D\\u72B6\\u6001\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n disabled: true,\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5C55\\u793A\\u5B50\\u83DC\\u5355\\u7684\\u65F6\\u673A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"showNext\"), \" \\u8BBE\\u7F6E\\u5C55\\u5F00 Dropdown \\u5B50\\u83DC\\u5355\\u7684\\u89E6\\u53D1\\u65F6\\u673A\\uFF0C\\u53EF\\u9009: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"click\"), \"\\uFF08\\u9ED8\\u8BA4\\uFF09\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"hover\"), \"\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n }\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5728\\u9876\\u90E8/\\u5E95\\u90E8\\u6E32\\u67D3\\u9644\\u52A0\\u9879\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6211\\u4EEC\\u5728\\u7EA7\\u8054\\u9009\\u62E9\\u5668\\u7684\\u9876\\u90E8\\u3001\\u5E95\\u90E8\\u5206\\u522B\\u9884\\u7559\\u4E86\\u63D2\\u69FD\\uFF0C\\u4F60\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"topSlot\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"bottomSlot\"), \" \\u6765\\u8BBE\\u7F6E\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader, Typography } from '@douyinfe/semi-ui';\\n\\n() => {\\n const { Text } = Typography;\\n const slotStyle = {\\n height: '36px',\\n display: 'flex',\\n padding: '0 32px',\\n alignItems: 'center',\\n cursor: 'pointer',\\n borderTop: '1px solid var(--semi-color-border)'\\n };\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n \\u627E\\u4E0D\\u5230\\u76F8\\u5173\\u9009\\u9879\\uFF1F\\n \\u53BB\\u65B0\\u5EFA\\n \\n }\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u53D7\\u63A7\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"value\"), \" \\u65F6\\u5373\\u4E3A\\u53D7\\u63A7\\u7EC4\\u4EF6\\uFF0C\\u53EF\\u4EE5\\u914D\\u5408 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onChange\"), \" \\u4F7F\\u7528\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true hideInDSM\",\n \"live\": \"true\",\n \"hideInDSM\": true\n }, \"import React, { useState } from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState([]);\\n const onChange = (newValue) => {\\n setValue(newValue);\\n };\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u52A8\\u5408\\u5E76 value\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5728\\u591A\\u9009\\uFF08multiple=true\\uFF09\\u573A\\u666F\\u4E2D\\uFF0C\\u5F53\\u6211\\u4EEC\\u9009\\u4E2D\\u7956\\u5148\\u8282\\u70B9\\u65F6\\uFF0C\\u5982\\u679C\\u5E0C\\u671B value \\u4E0D\\u5305\\u542B\\u5B83\\u5BF9\\u5E94\\u7684\\u5B50\\u5B59\\u8282\\u70B9\\uFF0C\\u5219\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"autoMergeValue\"), \" \\u6765\\u8BBE\\u7F6E\\uFF0C\\u9ED8\\u8BA4\\u4E3A true\\u3002\\u5F53 autoMergeValue \\u548C leafOnly \\u540C\\u65F6\\u5F00\\u542F\\u65F6\\uFF0C\\u540E\\u8005\\u4F18\\u5148\\u7EA7\\u66F4\\u9AD8\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState } from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState([]);\\n const onChange = value => {\\n console.log(value);\\n setValue(value);\\n };\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n onChange(e)}\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4EC5\\u53F6\\u5B50\\u8282\\u70B9\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7248\\u672C: >=2.2.0\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5728\\u591A\\u9009\\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u5F00\\u542F leafOnly \\u6765\\u8BBE\\u7F6E value \\u53EA\\u5305\\u542B\\u53F6\\u5B50\\u8282\\u70B9\\uFF0C\\u5373\\u663E\\u793A\\u7684 Tag \\u548C onChange \\u7684\\u53C2\\u6570 value \\u53EA\\u5305\\u542B value\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState } from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState([]);\\n const onChange = value => {\\n console.log(value);\\n setValue(value);\\n };\\n const treeData = [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ];\\n return (\\n onChange(e)}\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u8282\\u70B9\\u9009\\u4E2D\\u5173\\u7CFB\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7248\\u672C\\uFF1A>= 2.71.0\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"checkRelation\"), \" \\u6765\\u8BBE\\u7F6E\\u8282\\u70B9\\u4E4B\\u95F4\\u9009\\u4E2D\\u5173\\u7CFB\\u7684\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009\\uFF1A'related'\\uFF08\\u9ED8\\u8BA4\\uFF09\\u3001'unRelated'\\u3002\\u5F53\\u9009\\u4E2D\\u5173\\u7CFB\\u4E3A 'unRelated' \\u65F6\\uFF0C\\u610F\\u5473\\u7740\\u8282\\u70B9\\u4E4B\\u95F4\\u7684\\u9009\\u4E2D\\u4E92\\u4E0D\\u5F71\\u54CD\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n() => {\\n const treeData = [\\n {\\n label: '\\u4E9A\\u6D32',\\n value: 'Asia',\\n children: [\\n {\\n label: '\\u4E2D\\u56FD',\\n value: 'China',\\n children: [\\n {\\n label: '\\u5317\\u4EAC',\\n value: 'Beijing',\\n },\\n {\\n label: '\\u4E0A\\u6D77',\\n value: 'Shanghai',\\n },\\n ],\\n },\\n ],\\n },\\n {\\n label: '\\u5317\\u7F8E\\u6D32',\\n value: 'North America',\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u52A8\\u6001\\u66F4\\u65B0\\u6570\\u636E\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true hideInDSM\",\n \"live\": \"true\",\n \"hideInDSM\": true\n }, \"import React, { useState } from 'react';\\nimport { Cascader, Button } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [treeData, setTreeData] = useState([]);\\n \\n const add = () => {\\n let itemLength = Math.floor(Math.random() * 3) + 1;\\n let newTreeData = new Array(itemLength).fill(0).map((v, i) => {\\n let length = Math.floor(Math.random() * 3);\\n let children = new Array(length).fill(0).map((cv, ci) => {\\n let child = {\\n key: `${i}-${ci}`,\\n label: `Item-${i}-${ci}`,\\n value: `${i}-${ci}`\\n };\\n return child;\\n });\\n let item = {\\n key: `${i}`,\\n label: `Item-${i}`,\\n value: `${i}`,\\n children\\n };\\n return item;\\n });\\n setTreeData(newTreeData);\\n };\\n \\n return (\\n <>\\n \\n
\\n
\\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5F02\\u6B65\\u52A0\\u8F7D\\u6570\\u636E\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 loadData \\u5B9E\\u73B0\\u5F02\\u6B65\\u52A0\\u8F7D\\u6570\\u636E\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"strong\", {\n parentName: \"p\"\n }, \"\\u4E0D\\u80FD\\u4E0E\\u641C\\u7D22\\u540C\\u65F6\\u4F7F\\u7528\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true hideInDSM\",\n \"live\": \"true\",\n \"hideInDSM\": true\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const initialData = [\\n {\\n label: 'Node1',\\n value: '0-0',\\n },\\n {\\n label: 'Node2',\\n value: '0-1',\\n },\\n {\\n label: 'Node3',\\n value: '0-2',\\n isLeaf: true\\n },\\n ];\\n const [data, setData] = useState(initialData);\\n \\n const updateTreeData = (list, value, children) => {\\n return list.map(node => {\\n if (node.value === value) {\\n return { ...node, children };\\n }\\n if (node.children) {\\n return { ...node, children: updateTreeData(node.children, value, children) };\\n }\\n return node;\\n });\\n };\\n\\n const onLoadData = selectedOpt => {\\n const targetOpt = selectedOpt[selectedOpt.length - 1];\\n const { label, value } = targetOpt;\\n return new Promise(resolve => {\\n if (targetOpt.children) {\\n resolve();\\n return;\\n }\\n\\n setTimeout(() => {\\n setData(origin =>\\n updateTreeData(origin, value, [\\n {\\n label: `${label} - 1`,\\n value: `${label}-1`,\\n isLeaf: selectedOpt.length > 1\\n },\\n {\\n label: `${label} - 2`,\\n value: `${label}-2`,\\n isLeaf: selectedOpt.length > 1\\n },\\n ]),\\n );\\n resolve();\\n }, 1000);\\n });\\n };\\n\\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u8D85\\u957F\\u5217\\u8868\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u4F60\\u7684\\u6570\\u636E\\u7ED3\\u6784\\u5C42\\u7EA7\\u7279\\u522B\\u6DF1\\u65F6\\uFF0CCascader\\u4E0B\\u62C9\\u83DC\\u5355\\u53EF\\u80FD\\u4F1A\\u8D85\\u51FA\\u5C4F\\u5E55\\uFF0C\\u6B64\\u65F6\\u6211\\u4EEC\\u5EFA\\u8BAE\\u4E3A\\u4E0B\\u62C9\\u83DC\\u5355\\u8BBE\\u7F6E overflow-x: auto \\u4EE5\\u53CA\\u4E00\\u4E2A\\u5408\\u9002\\u7684 width \\u5BBD\\u5EA6\\uFF08 \\u5EFA\\u8BAE\\u4EE5N+0.5\\u5217\\u7684\\u5BBD\\u5EA6\\u4E3A\\u51C6\\uFF0C\\u6700\\u53F3\\u4FA7\\u663E\\u793A\\u534A\\u5217\\uFF0C\\u4EE5\\u7ED9\\u7528\\u6237\\u4E00\\u79CD\\u53F3\\u4FA7\\u5C1A\\u6709\\u5F85\\u5C55\\u5F00\\u9879\\uFF0C\\u53EF\\u4EE5\\u6C34\\u5E73\\u65B9\\u5411\\u6EDA\\u52A8\\u7684\\u89C6\\u89C9\\u6697\\u793A\\uFF09\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Cascader } from '@douyinfe/semi-ui';\\n\\n() => {\\n const treeData = [\\n {\\n label: 'A',\\n value: 'A',\\n children: [\\n {\\n label: 'B',\\n value: 'B',\\n children: [\\n {\\n label: 'C',\\n value: 'C',\\n children: [\\n {\\n label: 'D',\\n value: 'D',\\n children: [\\n {\\n label: 'E',\\n value: 'E',\\n children: [\\n {\\n label: 'F',\\n value: 'F',\\n }\\n ]\\n }\\n ]\\n }\\n ]\\n }\\n ],\\n }\\n ]\\n }\\n ];\\n return (\\n \\n );\\n};\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-css\"\n }, \".components-cascader-demo {\\n .semi-cascader-option-lists {\\n max-width: 510px;\\n overflow-x: auto;\\n }\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49 Trigger\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5982\\u679C\\u9ED8\\u8BA4\\u7684\\u89E6\\u53D1\\u5668\\u6837\\u5F0F\\u6EE1\\u8DB3\\u4E0D\\u4E86\\u4F60\\u7684\\u9700\\u6C42\\uFF0C\\u53EF\\u4EE5\\u7528\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"triggerRender\"), \"\\u81EA\\u5B9A\\u4E49\\u9009\\u62E9\\u6846\\u7684\\u5C55\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"triggerRender \\u5165\\u53C2\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-typescript\"\n }, \"interface TriggerRenderProps {\\n /* Cascader \\u7684 props */\\n componentProps: CascaderProps;\\n /* \\u662F\\u5426\\u7981\\u7528 Cascader */\\n disabled: boolean;\\n /**\\n * \\u5DF2\\u9009\\u4E2D\\u7684 node \\u5728 treeData \\u4E2D\\u7684\\u5C42\\u7EA7\\u4F4D\\u7F6E\\uFF0C\\u5982\\u4E0B\\u4F8B\\u5B50\\uFF0C\\n * \\u5F53\\u9009\\u4E2D\\u6D59\\u6C5F\\u7701-\\u676D\\u5DDE\\u5E02-\\u8427\\u5C71\\u533A\\u65F6\\uFF0C\\u6B64\\u5904 value \\u4E3A '0-0-1'\\n */\\n value?: string | Set;\\n /* \\u5F53\\u524D Input \\u6846\\u7684\\u8F93\\u5165\\u503C */\\n inputValue: string;\\n /**\\n * \\u7528\\u4E8E\\u66F4\\u65B0 input \\u6846\\u503C\\u7684\\u51FD\\u6570\\uFF0C\\u5F53\\u4F60\\u5728 triggerRender \\u81EA\\u5B9A\\u4E49\\u7684\\n * Input \\u7EC4\\u4EF6\\u503C\\u66F4\\u65B0\\u65F6\\uFF0C\\u4F60\\u5E94\\u8BE5\\u8C03\\u7528\\u8BE5\\u51FD\\u6570\\uFF0C\\u7528\\u4E8E\\u5411 Cascader \\u5185\\u90E8\\n * \\u540C\\u6B65\\u72B6\\u6001, \\u4F7F\\u7528\\u65F6\\u9700\\u8981\\u8BBE\\u7F6E filterTreeNode \\u53C2\\u6570\\u975E false\\n */\\n onSearch: (inputValue: string) => void;\\n /* \\u7528\\u4E8E\\u6E05\\u7A7A\\u503C\\u7684\\u51FD\\u6570 */\\n onClear: () => void;\\n /* Placeholder */\\n placeholder?: string;\\n /* \\u7528\\u4E8E\\u5220\\u9664\\u5355\\u4E2A item \\uFF0C \\u5165\\u53C2\\u4E3A value */\\n onRemove: (value) => void\\n}\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useState, useCallback, useMemo } from 'react';\\nimport { Cascader, Button, Tag, TagInput } from '@douyinfe/semi-ui';\\nimport { IconClose, IconChevronDown } from '@douyinfe/semi-icons';\\n\\nfunction Demo() {\\n const treeData = useMemo(() => [\\n {\\n label: '\\u6D59\\u6C5F\\u7701',\\n value: 'zhejiang',\\n children: [\\n {\\n label: '\\u676D\\u5DDE\\u5E02',\\n value: 'hangzhou',\\n children: [\\n {\\n label: '\\u897F\\u6E56\\u533A',\\n value: 'xihu',\\n },\\n {\\n label: '\\u8427\\u5C71\\u533A',\\n value: 'xiaoshan',\\n },\\n {\\n label: '\\u4E34\\u5B89\\u533A',\\n value: 'linan',\\n },\\n ],\\n },\\n {\\n label: '\\u5B81\\u6CE2\\u5E02',\\n value: 'ningbo',\\n children: [\\n {\\n label: '\\u6D77\\u66D9\\u533A',\\n value: 'haishu',\\n },\\n {\\n label: '\\u6C5F\\u5317\\u533A',\\n value: 'jiangbei',\\n }\\n ]\\n },\\n ],\\n }\\n ], []);\\n\\n const closeIcon = useCallback((value, onClear) => {\\n return value ? : ;\\n }, []);\\n\\n const triggerRenderSingle = ({ value, placeholder, onClear, ...rest }) => {\\n return (\\n \\n );\\n };\\n\\n const getLabelFromValue = useCallback((value) => {\\n const valueArr = value.split('-').map(item => Number(item));\\n let resultData = treeData;\\n valueArr.forEach((item, index) => {\\n resultData = index === 0 ? resultData[item] : resultData.children[item];\\n });\\n return resultData.label;\\n }, [treeData]);\\n\\n const triggerRenderMultiple = useCallback((props) => {\\n const { value, onSearch, onRemove } = props;\\n const onCloseTag = (value, e, tagKey) => {\\n onRemove(tagKey);\\n };\\n\\n const renderTagItem = (value) => {\\n const label = getLabelFromValue(value);\\n return {label};\\n };\\n \\n return (\\n \\n );\\n }, []);\\n\\n return (\\n <>\\n \\n
\\n \\n \\n );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"API \\u53C2\\u8003\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"Cascader\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"arrowIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u53F3\\u4FA7\\u4E0B\\u62C9\\u7BAD\\u5934 Icon\\uFF0C\\u5F53 showClear \\u5F00\\u5173\\u6253\\u5F00\\u4E14\\u5F53\\u524D\\u6709\\u9009\\u4E2D\\u503C\\u65F6\\uFF0Chover \\u4F1A\\u4F18\\u5148\\u663E\\u793A clear icon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"autoAdjustOverflow\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u81EA\\u52A8\\u8C03\\u6574\\u4E0B\\u62C9\\u6846\\u5C55\\u5F00\\u65B9\\u5411\\uFF0C\\u7528\\u4E8E\\u8FB9\\u7F18\\u906E\\u6321\\u65F6\\u81EA\\u52A8\\u8C03\\u6574\\u5C55\\u5F00\\u65B9\\u5411\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"autoMergeValue\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u81EA\\u52A8\\u5408\\u5E76 value\\u3002\\u5177\\u4F53\\u800C\\u8A00\\u662F\\uFF0C\\u5F00\\u542F\\u540E\\uFF0C\\u5F53\\u67D0\\u4E2A\\u7236\\u8282\\u70B9\\u88AB\\u9009\\u4E2D\\u65F6\\uFF0Cvalue \\u5C06\\u4E0D\\u5305\\u62EC\\u8BE5\\u8282\\u70B9\\u7684\\u5B50\\u5B59\\u8282\\u70B9\\u3002\\u4E0D\\u652F\\u6301\\u52A8\\u6001\\u5207\\u6362\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"bottomSlot\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5E95\\u90E8\\u63D2\\u69FD\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"borderless\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\\u8FB9\\u6846\\u6A21\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.33.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"changeOnSelect\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5141\\u8BB8\\u9009\\u62E9\\u975E\\u53F6\\u5B50\\u8282\\u70B9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"checkRelation\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u8282\\u70B9\\u4E4B\\u95F4\\u9009\\u4E2D\\u72B6\\u6001\\u7684\\u5173\\u7CFB\\uFF0C\\u53EF\\u9009\\uFF1A'related'\\u3001'unRelated'\\u3002\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'related'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.71.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"className\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u7684 className \\u5C5E\\u6027\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"clearIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53EF\\u7528\\u4E8E\\u81EA\\u5B9A\\u4E49\\u6E05\\u9664\\u6309\\u94AE, showClear\\u4E3Atrue\\u65F6\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.25.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"defaultOpen\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u662F\\u5426\\u9ED8\\u8BA4\\u6253\\u5F00\\u4E0B\\u62C9\\u83DC\\u5355\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"defaultValue\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6307\\u5B9A\\u9ED8\\u8BA4\\u9009\\u4E2D\\u7684\\u6761\\u76EE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\", \"|\", \"CascaderData\", \"|\", \"(string\", \"|\", \"number\", \"|\", \"CascaderData)[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"disabled\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u7981\\u7528\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"displayProp\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u56DE\\u586B\\u9009\\u9879\\u663E\\u793A\\u7684\\u5C5E\\u6027\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"label\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"displayRender\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u56DE\\u586B\\u683C\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(selected: string[] \", \"|\", \" Entity, idx?: number) => ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"selected => selected.join('/')\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dropdownMargin\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u8BA1\\u7B97\\u6EA2\\u51FA\\u65F6\\u7684\\u589E\\u52A0\\u7684\\u5197\\u4F59\\u503C\\uFF0C\\u8BE6\\u89C1\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://github.com/DouyinFE/semi-design/issues/549\"\n }, \"issue#549\"), \"\\uFF0C\\u4F5C\\u7528\\u540C Tooltip margin\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"object\", \"|\", \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.25.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dropdownClassName\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684 className \\u5C5E\\u6027\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dropdownStyle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"object\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"expandIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00 icon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.68.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"emptyContent\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53\\u641C\\u7D22\\u65E0\\u7ED3\\u679C\\u65F6\\u5C55\\u793A\\u7684\\u5185\\u5BB9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\\u6682\\u65E0\\u6570\\u636E\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"filterLeafOnly\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u641C\\u7D22\\u7ED3\\u679C\\u662F\\u5426\\u53EA\\u5C55\\u793A\\u53F6\\u5B50\\u7ED3\\u70B9\\u8DEF\\u5F84\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"filterRender\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u7B5B\\u9009\\u540E\\u7684\\u9009\\u9879\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(props: FilterRenderProps) => ReactNode;\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.28.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"filterSorter\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5BF9\\u7B5B\\u9009\\u540E\\u7684\\u9009\\u9879\\u8FDB\\u884C\\u6392\\u5E8F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(first: CascaderData, second: CascaderData, inputValue: string) => number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.28.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"filterTreeNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u7B5B\\u9009\\uFF0C\\u9ED8\\u8BA4\\u7528 treeNodeFilterProp \\u7684\\u503C\\u4F5C\\u4E3A\\u8981\\u7B5B\\u9009\\u7684 TreeNode \\u7684\\u5C5E\\u6027\\u503C\\uFF0C data \\u53C2\\u6570\\u81EA v2.28.0 \\u5F00\\u59CB\\u63D0\\u4F9B\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"((inputValue: string, treeNodeString: string, data?: CascaderData) => boolean) \", \"|\", \" boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"getPopupContainer\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6307\\u5B9A\\u7236\\u7EA7 DOM\\uFF0C\\u4E0B\\u62C9\\u6846\\u5C06\\u4F1A\\u6E32\\u67D3\\u81F3\\u8BE5 DOM \\u4E2D\\uFF0C\\u81EA\\u5B9A\\u4E49\\u9700\\u8981\\u8BBE\\u7F6E position: relative \\u8FD9\\u4F1A\\u6539\\u53D8\\u6D6E\\u5C42 DOM \\u6811\\u4F4D\\u7F6E\\uFF0C\\u4F46\\u4E0D\\u4F1A\\u6539\\u53D8\\u89C6\\u56FE\\u6E32\\u67D3\\u4F4D\\u7F6E\\u3002\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => HTMLElement\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => document.body\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"leafOnly\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\u8BBE\\u7F6E value \\u53EA\\u5305\\u542B\\u53F6\\u5B50\\u8282\\u70B9\\uFF0C\\u5373\\u663E\\u793A\\u7684 Tag \\u548C onChange \\u7684 value \\u53C2\\u6570\\u53EA\\u5305\\u542B\\u53F6\\u5B50\\u8282\\u70B9\\u3002\\u4E0D\\u652F\\u6301\\u52A8\\u6001\\u5207\\u6362\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"loadData\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F02\\u6B65\\u52A0\\u8F7D\\u6570\\u636E\\uFF0C\\u9700\\u8981\\u8FD4\\u56DE\\u4E00\\u4E2APromise\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(selectOptions: CascaderData[]) => Promise< void >\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"max\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u9650\\u5236\\u591A\\u9009\\u9009\\u4E2D\\u7684\\u6570\\u91CF\\uFF0C\\u8D85\\u51FA max \\u540E\\u5C06\\u89E6\\u53D1 onExceed \\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"maxTagCount\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u6807\\u7B7E\\u7684\\u6700\\u5927\\u5C55\\u793A\\u6570\\u91CF\\uFF0C\\u8D85\\u51FA\\u540E\\u5C06\\u4EE5 +N \\u5F62\\u5F0F\\u5C55\\u793A\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"motion\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u4E0B\\u62C9\\u6846\\u5F39\\u51FA\\u7684\\u52A8\\u753B\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"mouseEnterDelay\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9F20\\u6807\\u79FB\\u5165\\u540E\\uFF0C\\u5EF6\\u8FDF\\u663E\\u793A\\u4E0B\\u62C9\\u6846\\u7684\\u65F6\\u95F4\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"50\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"mouseLeaveDelay\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9F20\\u6807\\u79FB\\u51FA\\u540E\\uFF0C\\u5EF6\\u8FDF\\u6D88\\u5931\\u4E0B\\u62C9\\u6846\\u7684\\u65F6\\u95F4\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"50\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"multiple\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u591A\\u9009\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"placeholder\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u9ED8\\u8BA4\\u6587\\u5B57\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"position\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65B9\\u5411\\uFF0C\\u53EF\\u9009\\u503C\\uFF1A\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"top\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"topLeft\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"topRight\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"left\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"leftTop\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"leftBottom\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"right\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"rightTop\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"rightBottom\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"bottom\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"bottomLeft\"), \",\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"bottomRight\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"bottom\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.16.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"prefix\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u524D\\u7F00\\u6807\\u7B7E\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"preventScroll\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6307\\u793A\\u6D4F\\u89C8\\u5668\\u662F\\u5426\\u5E94\\u6EDA\\u52A8\\u6587\\u6863\\u4EE5\\u663E\\u793A\\u65B0\\u805A\\u7126\\u7684\\u5143\\u7D20\\uFF0C\\u4F5C\\u7528\\u4E8E\\u7EC4\\u4EF6\\u5185\\u7684 focus \\u65B9\\u6CD5\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.15.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"restTagsPopoverProps\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Popover \\u7684\\u914D\\u7F6E\\u5C5E\\u6027\\uFF0C\\u53EF\\u4EE5\\u63A7\\u5236 position\\u3001zIndex\\u3001trigger \\u7B49\\uFF0C\\u5177\\u4F53\\u53C2\\u8003\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/show/popover#API%20%E5%8F%82%E8%80%83\"\n }, \"Popover\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"PopoverProps\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"{}\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"searchPlaceholder\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u641C\\u7D22\\u6846\\u9ED8\\u8BA4\\u6587\\u5B57\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"searchPosition\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u641C\\u7D22\\u6846\\u7684\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009: \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"trigger\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"custom\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"trigger\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.54.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"separator\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u5206\\u9694\\u7B26\\uFF0C\\u5305\\u62EC\\uFF1A\\u641C\\u7D22\\u65F6\\u663E\\u793A\\u5728\\u4E0B\\u62C9\\u6846\\u7684\\u5185\\u5BB9\\u4EE5\\u53CA\\u5355\\u9009\\u65F6\\u56DE\\u663E\\u5230 Trigger \\u7684\\u5185\\u5BB9\\u7684\\u5206\\u9694\\u7B26\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"/\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5C55\\u793A\\u6E05\\u9664\\u6309\\u94AE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showNext\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u5C55\\u5F00 Dropdown \\u5B50\\u83DC\\u5355\\u7684\\u65B9\\u5F0F\\uFF0C\\u53EF\\u9009: \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"click\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"hover\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"click\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showRestTagsPopover\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53\\u8D85\\u8FC7 maxTagCount\\uFF0Chover \\u5230 +N \\u65F6\\uFF0C\\u662F\\u5426\\u901A\\u8FC7 Popover \\u663E\\u793A\\u5269\\u4F59\\u5185\\u5BB9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"size\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"large\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"small\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"stopPropagation\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u963B\\u6B62\\u4E0B\\u62C9\\u6846\\u4E0A\\u7684\\u70B9\\u51FB\\u4E8B\\u4EF6\\u5192\\u6CE1\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"disableStrictly\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u662F\\u5426\\u5F00\\u542F\\u4E25\\u683C\\u7981\\u7528\\u3002\\u5F00\\u542F\\u540E\\uFF0C\\u5F53\\u8282\\u70B9\\u662F disabled \\u7684\\u65F6\\u5019\\uFF0C\\u5219\\u4E0D\\u80FD\\u901A\\u8FC7\\u5B50\\u7EA7\\u6216\\u8005\\u7236\\u7EA7\\u7684\\u5173\\u7CFB\\u6539\\u53D8\\u9009\\u4E2D\\u72B6\\u6001\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"style\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u7684\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"suffix\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u540E\\u7F00\\u6807\\u7B7E\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"topSlot\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9876\\u90E8\\u63D2\\u69FD\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"treeData\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C55\\u793A\\u6570\\u636E\\uFF0C\\u5177\\u4F53\\u5C5E\\u6027\\u53C2\\u8003 \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"#CascaderData\"\n }, \"CascaderData\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CascaderData[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"treeNodeFilterProp\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u641C\\u7D22\\u65F6\\u8F93\\u5165\\u9879\\u8FC7\\u6EE4\\u5BF9\\u5E94\\u7684 CascaderData \\u5C5E\\u6027\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"label\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"triggerRender\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u89E6\\u53D1\\u5668\\u6E32\\u67D3\\u65B9\\u6CD5\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(props: TriggerRenderProps) => ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"validateStatus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"trigger \\u7684\\u6821\\u9A8C\\u72B6\\u6001\\uFF0C\\u4EC5\\u5F71\\u54CD\\u5C55\\u793A\\u6837\\u5F0F\\u3002\\u53EF\\u9009: default\\u3001error\\u3001warning\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"value\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\uFF08\\u53D7\\u63A7\\uFF09\\u9009\\u4E2D\\u7684\\u6761\\u76EE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\", \"|\", \"CascaderData\", \"|\", \"(string\", \"|\", \"number\", \"|\", \"CascaderData)[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"virtualizeInSearch\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u641C\\u7D22\\u5217\\u8868\\u865A\\u62DF\\u5316\\uFF0C\\u7528\\u4E8E\\u5927\\u91CF\\u6811\\u8282\\u70B9\\u7684\\u60C5\\u51B5\\uFF0C\\u7531 height, width, itemSize \\u7EC4\\u6210\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Object\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"zIndex\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684 zIndex\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"1030\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"enableLeafClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u662F\\u5426\\u542F\\u52A8\\u70B9\\u51FB\\u53F6\\u5B50\\u8282\\u70B9\\u9009\\u9879\\u89E6\\u53D1\\u52FE\\u9009\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onBlur\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5931\\u7126 Cascader \\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e: MouseEvent) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u4E2D\\u6811\\u8282\\u70B9\\u65F6\\u8C03\\u7528\\u6B64\\u51FD\\u6570\\uFF0C\\u9ED8\\u8BA4\\u8FD4\\u56DE\\u9009\\u4E2D\\u9879 path \\u7684 value \\u6570\\u7EC4\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: string\", \"|\", \"number\", \"|\", \" CascaderData\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(string\", \"|\", \"number\", \"|\", \"CascaderData)[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onChangeWithObject\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5C06\\u9009\\u4E2D\\u9879 option \\u7684\\u5176\\u4ED6\\u5C5E\\u6027\\u4F5C\\u4E3A\\u56DE\\u8C03\\u3002\\u8BBE\\u4E3A true \\u65F6\\uFF0ConChange \\u7684\\u5165\\u53C2\\u7C7B\\u578B\\u4F1A\\u4ECE string/number \\u53D8\\u4E3A TreeNode\\u3002\\u6B64\\u65F6\\u5982\\u679C\\u662F\\u53D7\\u63A7\\uFF0C\\u4E5F\\u9700\\u8981\\u628A value \\u8BBE\\u7F6E\\u6210 CascaderData \\u7C7B\\u578B\\uFF0C\\u4E14\\u5FC5\\u987B\\u542B\\u6709 value \\u7684\\u952E\\u503C\\uFF0CdefaultValue \\u540C\\u7406\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showClear \\u4E3A true \\u65F6\\uFF0C\\u70B9\\u51FB\\u6E05\\u7A7A\\u6309\\u94AE\\u89E6\\u53D1\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onDropdownVisibleChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u6846\\u5207\\u6362\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(visible: boolean) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onExceed\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u591A\\u9009\\u65F6\\uFF0C\\u8D85\\u51FA max \\u540E\\u89E6\\u53D1\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(checkedItem: Entity[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onFocus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u805A\\u7126 Cascader \\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e: MouseEvent) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onListScroll\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u9762\\u677F\\u6EDA\\u52A8\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e: React.Event, panel: { panelIndex: number; activeNode: CascaderData; } ) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onLoad\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8282\\u70B9\\u52A0\\u8F7D\\u5B8C\\u6BD5\\u65F6\\u89E6\\u53D1\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(newLoadedKeys: Set< string >, data: CascaderData) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSearch\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u672C\\u6846\\u503C\\u53D8\\u5316\\u65F6\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: string) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSelect\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u88AB\\u9009\\u4E2D\\u65F6\\u8C03\\u7528\\uFF0C\\u8FD4\\u56DE\\u9009\\u4E2D\\u9879\\u7684 value\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: string \", \"|\", \" number \", \"|\", \" (string \", \"|\", \" number)[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")))), mdx(\"h3\", {\n parentName: \"section\"\n }, \"CascaderData\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"children\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5B50\\u8282\\u70B9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CascaderData[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"disabled\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0D\\u53EF\\u9009\\u72B6\\u6001\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"isLeaf\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53F6\\u5B50\\u8282\\u70B9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"label\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C55\\u793A\\u7684\\u6587\\u672C\\uFF08\\u5FC5\\u586B\\uFF09\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"loading\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6B63\\u5728\\u52A0\\u8F7D\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"value\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\\u503C\\uFF08\\u5FC5\\u586B\\uFF09\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Methods\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7ED1\\u5B9A\\u5728\\u7EC4\\u4EF6\\u5B9E\\u4F8B\\u4E0A\\u7684\\u65B9\\u6CD5\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 ref \\u8C03\\u7528\\u5B9E\\u73B0\\u67D0\\u4E9B\\u7279\\u6B8A\\u4EA4\\u4E92\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65B9\\u6CD5\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"close\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8C03\\u7528\\u65F6\\u53EF\\u4EE5\\u624B\\u52A8\\u5173\\u95ED\\u4E0B\\u62C9\\u5217\\u8868\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v2.30.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"open\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8C03\\u7528\\u65F6\\u53EF\\u4EE5\\u624B\\u52A8\\u5C55\\u5F00\\u4E0B\\u62C9\\u5217\\u8868\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v2.30.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"focus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8C03\\u7528\\u65F6\\u53EF\\u4EE5\\u624B\\u52A8\\u805A\\u7126\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v2.34.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"blur\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8C03\\u7528\\u65F6\\u53EF\\u4EE5\\u624B\\u52A8\\u5931\\u7126\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v2.34.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"search(value: string)\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u624B\\u52A8\\u89E6\\u53D1\\u641C\\u7D22\\uFF0C\\u9700\\u540C\\u65F6\\u8BBE\\u7F6E filterTreeNode \\u5F00\\u542F\\u641C\\u7D22\\uFF0CsearchPosition \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"custom\"), \" \\u81EA\\u5B9A\\u4E49\\u5C55\\u793A\\u641C\\u7D20\\u6846\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v2.54.0\"))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Accessibility\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"ARIA\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Cascader \\u652F\\u6301\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-label\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-describedby\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-errormessage\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-invalid\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-labelledby\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-required\"), \" \\u6765\\u8868\\u793A\\u8BE5 Cascader \\u7684\\u76F8\\u5173\\u4FE1\\u606F;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Cascader \\u652F\\u6301\\u901A\\u8FC7\\u6309\\u4E0B Enter \\u952E\\u6765\\u9009\\u4E2D\\u9009\\u9879\\u3001\\u6E05\\u7A7A\\u9009\\u9879\\u3001\\u5C55\\u5F00\\u4E0B\\u62C9\\u6846\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u9009\\u62E9\\u5668\\u9009\\u9879\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5982\\u679C\\u6CA1\\u6709\\u9ED8\\u8BA4\\u9009\\u9879\\uFF0C\\u5C31\\u4F7F\\u7528\\u201CSelect\\u201D\\u505A\\u5360\\u4F4D\\u6587\\u6848\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u9009\\u9879\\u8981\\u6309\\u9996\\u5B57\\u6BCD\\u987A\\u5E8F\\u6216\\u8005\\u5176\\u4ED6\\u6709\\u903B\\u8F91\\u7684\\u6392\\u5217\\u987A\\u5E8F\\uFF0C\\u4F7F\\u7528\\u6237\\u66F4\\u597D\\u5730\\u627E\\u5230\\u9009\\u9879\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4F7F\\u7528\\u8BED\\u53E5\\u4E66\\u5199\\u89C4\\u8303\\uFF08\\u9996\\u5B57\\u6BCD\\u5927\\u5199\\uFF0C\\u5176\\u4F59\\u5C0F\\u5199\\uFF09\\uFF0C\\u907F\\u514D\\u5728\\u53E5\\u5C3E\\u4F7F\\u7528\\u9017\\u53F7\\u548C\\u5206\\u53F7\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u6E05\\u6670\\u8868\\u8FBE\\u51FA\\u9009\\u9879\\u6240\\u8868\\u793A\\u7684\\u9009\\u62E9\\u76EE\\u7684\"))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n mdxType: \"DesignToken\"\n })));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/input/cascader","next":{"fields":{"slug":"en-US/input/checkbox"},"id":"354ec1fd-9f1b-517f-8c37-5870e4fba8e0","frontmatter":{"title":"Checkbox","localeCode":"en-US","icon":"doc-checkbox","showNew":null}},"previous":{"fields":{"slug":"en-US/input/cascader"},"id":"0418904a-5088-5d78-806f-e282c38b752c","frontmatter":{"title":"Cascader","localeCode":"en-US","icon":"doc-cascader","showNew":null}}}},"staticQueryHashes":["1348983216155057","1477422646155057","3245198693155057","417590761155057","63159454155057"]}