mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 12:39:49 +08:00
1 line
139 KiB
JavaScript
1 line
139 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["f3849d5b"],{f3849d5b:function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"default",{enumerable:!0,get:function(){return h;}});var r=n("777fffbe"),s=n("f19d2b93"),i=r._(n("b622e337")),c=r._(n("67074e5d")),o=r._(n("3098b24f")),a=r._(n("84b131b4")),l=r._(n("97c488ea")),d=r._(n("c96b0d01")),p=n("5b220c3d"),m=n("9c86e52a");function u(){let{texts:e}=(0,m.useRouteMeta)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"when-to-use",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"When To Use"]}),(0,s.jsxs)("p",{children:[e[0].value,(0,s.jsx)("code",{children:e[1].value}),e[2].value,(0,s.jsx)("code",{children:e[3].value}),e[4].value]}),(0,s.jsxs)("h2",{id:"examples",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Examples"]})]}),(0,s.jsx)(a.default,{items:[{demo:{id:"tree-demo-basic"},previewerProps:{title:"Basic",filename:"components/tree/demo/basic.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n children: [\n {\n title: 'parent 1-0',\n key: '0-0-0',\n disabled: true,\n children: [\n {\n title: 'leaf',\n key: '0-0-0-0',\n disableCheckbox: true,\n },\n {\n title: 'leaf',\n key: '0-0-0-1',\n },\n ],\n },\n {\n title: 'parent 1-1',\n key: '0-0-1',\n children: [\n {\n title: (\n <span\n style={{\n color: '#1677ff',\n }}\n >\n sss\n </span>\n ),\n key: '0-0-1-0',\n },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const onSelect = (selectedKeys, info) => {\n console.log('selected', selectedKeys, info);\n };\n const onCheck = (checkedKeys, info) => {\n console.log('onCheck', checkedKeys, info);\n };\n return (\n <Tree\n checkable\n defaultExpandedKeys={['0-0-0', '0-0-1']}\n defaultSelectedKeys={['0-0-0', '0-0-1']}\n defaultCheckedKeys={['0-0-0', '0-0-1']}\n onSelect={onSelect}\n onCheck={onCheck}\n treeData={treeData}\n />\n );\n};\nexport default App;\n",description:"<p>The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.</p>"}},{demo:{id:"tree-demo-basic-controlled"},previewerProps:{title:"Controlled Tree",filename:"components/tree/demo/basic-controlled.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: '0-0',\n key: '0-0',\n children: [\n {\n title: '0-0-0',\n key: '0-0-0',\n children: [\n {\n title: '0-0-0-0',\n key: '0-0-0-0',\n },\n {\n title: '0-0-0-1',\n key: '0-0-0-1',\n },\n {\n title: '0-0-0-2',\n key: '0-0-0-2',\n },\n ],\n },\n {\n title: '0-0-1',\n key: '0-0-1',\n children: [\n {\n title: '0-0-1-0',\n key: '0-0-1-0',\n },\n {\n title: '0-0-1-1',\n key: '0-0-1-1',\n },\n {\n title: '0-0-1-2',\n key: '0-0-1-2',\n },\n ],\n },\n {\n title: '0-0-2',\n key: '0-0-2',\n },\n ],\n },\n {\n title: '0-1',\n key: '0-1',\n children: [\n {\n title: '0-1-0-0',\n key: '0-1-0-0',\n },\n {\n title: '0-1-0-1',\n key: '0-1-0-1',\n },\n {\n title: '0-1-0-2',\n key: '0-1-0-2',\n },\n ],\n },\n {\n title: '0-2',\n key: '0-2',\n },\n];\nconst App = () => {\n const [expandedKeys, setExpandedKeys] = useState(['0-0-0', '0-0-1']);\n const [checkedKeys, setCheckedKeys] = useState(['0-0-0']);\n const [selectedKeys, setSelectedKeys] = useState([]);\n const [autoExpandParent, setAutoExpandParent] = useState(true);\n const onExpand = (expandedKeysValue) => {\n console.log('onExpand', expandedKeysValue);\n // if not set autoExpandParent to false, if children expanded, parent can not collapse.\n // or, you can remove all expanded children keys.\n setExpandedKeys(expandedKeysValue);\n setAutoExpandParent(false);\n };\n const onCheck = (checkedKeysValue) => {\n console.log('onCheck', checkedKeysValue);\n setCheckedKeys(checkedKeysValue);\n };\n const onSelect = (selectedKeysValue, info) => {\n console.log('onSelect', info);\n setSelectedKeys(selectedKeysValue);\n };\n return (\n <Tree\n checkable\n onExpand={onExpand}\n expandedKeys={expandedKeys}\n autoExpandParent={autoExpandParent}\n onCheck={onCheck}\n checkedKeys={checkedKeys}\n onSelect={onSelect}\n selectedKeys={selectedKeys}\n treeData={treeData}\n />\n );\n};\nexport default App;\n",description:"<p>Controlled mode lets parent nodes reflect the status of child nodes more intelligently.</p>"}},{demo:{id:"tree-demo-draggable"},previewerProps:{title:"draggable",filename:"components/tree/demo/draggable.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Tree } from 'antd';\nconst x = 3;\nconst y = 2;\nconst z = 1;\nconst defaultData = [];\nconst generateData = (_level, _preKey, _tns) => {\n const preKey = _preKey || '0';\n const tns = _tns || defaultData;\n const children = [];\n for (let i = 0; i < x; i++) {\n const key = `${preKey}-${i}`;\n tns.push({\n title: key,\n key,\n });\n if (i < y) {\n children.push(key);\n }\n }\n if (_level < 0) {\n return tns;\n }\n const level = _level - 1;\n children.forEach((key, index) => {\n tns[index].children = [];\n return generateData(level, key, tns[index].children);\n });\n};\ngenerateData(z);\nconst App = () => {\n const [gData, setGData] = useState(defaultData);\n const [expandedKeys] = useState(['0-0', '0-0-0', '0-0-0-0']);\n const onDragEnter = (info) => {\n console.log(info);\n // expandedKeys, set it when controlled is needed\n // setExpandedKeys(info.expandedKeys)\n };\n const onDrop = (info) => {\n console.log(info);\n const dropKey = info.node.key;\n const dragKey = info.dragNode.key;\n const dropPos = info.node.pos.split('-');\n const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]); // the drop position relative to the drop node, inside 0, top -1, bottom 1\n\n const loop = (data, key, callback) => {\n for (let i = 0; i < data.length; i++) {\n if (data[i].key === key) {\n return callback(data[i], i, data);\n }\n if (data[i].children) {\n loop(data[i].children, key, callback);\n }\n }\n };\n const data = [...gData];\n\n // Find dragObject\n let dragObj;\n loop(data, dragKey, (item, index, arr) => {\n arr.splice(index, 1);\n dragObj = item;\n });\n if (!info.dropToGap) {\n // Drop on the content\n loop(data, dropKey, (item) => {\n item.children = item.children || [];\n // where to insert. New item was inserted to the start of the array in this example, but can be anywhere\n item.children.unshift(dragObj);\n });\n } else {\n let ar = [];\n let i;\n loop(data, dropKey, (_item, index, arr) => {\n ar = arr;\n i = index;\n });\n if (dropPosition === -1) {\n // Drop on the top of the drop node\n ar.splice(i, 0, dragObj);\n } else {\n // Drop on the bottom of the drop node\n ar.splice(i + 1, 0, dragObj);\n }\n }\n setGData(data);\n };\n return (\n <Tree\n className=\"draggable-tree\"\n defaultExpandedKeys={expandedKeys}\n draggable\n blockNode\n onDragEnter={onDragEnter}\n onDrop={onDrop}\n treeData={gData}\n />\n );\n};\nexport default App;\n",description:"<p>Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.</p>"}},{demo:{id:"tree-demo-dynamic"},previewerProps:{title:"load data asynchronously",filename:"components/tree/demo/dynamic.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { Tree } from 'antd';\nconst initTreeData = [\n {\n title: 'Expand to load',\n key: '0',\n },\n {\n title: 'Expand to load',\n key: '1',\n },\n {\n title: 'Tree Node',\n key: '2',\n isLeaf: true,\n },\n];\n\n// It's just a simple demo. You can use tree map to optimize update perf.\nconst updateTreeData = (list, key, children) =>\n list.map((node) => {\n if (node.key === key) {\n return {\n ...node,\n children,\n };\n }\n if (node.children) {\n return {\n ...node,\n children: updateTreeData(node.children, key, children),\n };\n }\n return node;\n });\nconst App = () => {\n const [treeData, setTreeData] = useState(initTreeData);\n const onLoadData = ({ key, children }) =>\n new Promise((resolve) => {\n if (children) {\n resolve();\n return;\n }\n setTimeout(() => {\n setTreeData((origin) =>\n updateTreeData(origin, key, [\n {\n title: 'Child Node',\n key: `${key}-0`,\n },\n {\n title: 'Child Node',\n key: `${key}-1`,\n },\n ]),\n );\n resolve();\n }, 1000);\n });\n return <Tree loadData={onLoadData} treeData={treeData} />;\n};\nexport default App;\n",description:"<p>To load data asynchronously when click to expand a treeNode.</p>"}},{demo:{id:"tree-demo-search"},previewerProps:{title:"Searchable",filename:"components/tree/demo/search.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useMemo, useState } from 'react';\nimport { Input, Tree } from 'antd';\nconst { Search } = Input;\nconst x = 3;\nconst y = 2;\nconst z = 1;\nconst defaultData = [];\nconst generateData = (_level, _preKey, _tns) => {\n const preKey = _preKey || '0';\n const tns = _tns || defaultData;\n const children = [];\n for (let i = 0; i < x; i++) {\n const key = `${preKey}-${i}`;\n tns.push({\n title: key,\n key,\n });\n if (i < y) {\n children.push(key);\n }\n }\n if (_level < 0) {\n return tns;\n }\n const level = _level - 1;\n children.forEach((key, index) => {\n tns[index].children = [];\n return generateData(level, key, tns[index].children);\n });\n};\ngenerateData(z);\nconst dataList = [];\nconst generateList = (data) => {\n for (let i = 0; i < data.length; i++) {\n const node = data[i];\n const { key } = node;\n dataList.push({\n key,\n title: key,\n });\n if (node.children) {\n generateList(node.children);\n }\n }\n};\ngenerateList(defaultData);\nconst getParentKey = (key, tree) => {\n let parentKey;\n for (let i = 0; i < tree.length; i++) {\n const node = tree[i];\n if (node.children) {\n if (node.children.some((item) => item.key === key)) {\n parentKey = node.key;\n } else if (getParentKey(key, node.children)) {\n parentKey = getParentKey(key, node.children);\n }\n }\n }\n return parentKey;\n};\nconst App = () => {\n const [expandedKeys, setExpandedKeys] = useState([]);\n const [searchValue, setSearchValue] = useState('');\n const [autoExpandParent, setAutoExpandParent] = useState(true);\n const onExpand = (newExpandedKeys) => {\n setExpandedKeys(newExpandedKeys);\n setAutoExpandParent(false);\n };\n const onChange = (e) => {\n const { value } = e.target;\n const newExpandedKeys = dataList\n .map((item) => {\n if (item.title.indexOf(value) > -1) {\n return getParentKey(item.key, defaultData);\n }\n return null;\n })\n .filter((item, i, self) => !!(item && self.indexOf(item) === i));\n setExpandedKeys(newExpandedKeys);\n setSearchValue(value);\n setAutoExpandParent(true);\n };\n const treeData = useMemo(() => {\n const loop = (data) =>\n data.map((item) => {\n const strTitle = item.title;\n const index = strTitle.indexOf(searchValue);\n const beforeStr = strTitle.substring(0, index);\n const afterStr = strTitle.slice(index + searchValue.length);\n const title =\n index > -1 ? (\n <span key={item.key}>\n {beforeStr}\n <span className=\"site-tree-search-value\">{searchValue}</span>\n {afterStr}\n </span>\n ) : (\n <span key={item.key}>{strTitle}</span>\n );\n if (item.children) {\n return {\n title,\n key: item.key,\n children: loop(item.children),\n };\n }\n return {\n title,\n key: item.key,\n };\n });\n return loop(defaultData);\n }, [searchValue]);\n return (\n <div>\n <Search\n style={{\n marginBottom: 8,\n }}\n placeholder=\"Search\"\n onChange={onChange}\n />\n <Tree\n onExpand={onExpand}\n expandedKeys={expandedKeys}\n autoExpandParent={autoExpandParent}\n treeData={treeData}\n />\n </div>\n );\n};\nexport default App;\n",description:"<p>Searchable Tree.</p>",style:"\n.site-tree-search-value {\n color: #f50;\n}\n```\n"}},{demo:{id:"tree-demo-line"},previewerProps:{title:"Tree with line",filename:"components/tree/demo/line.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { CarryOutOutlined, CheckOutlined, FormOutlined } from '@ant-design/icons';\nimport { Select, Switch, Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'parent 1-0',\n key: '0-0-0',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'leaf',\n key: '0-0-0-0',\n icon: <CarryOutOutlined />,\n },\n {\n title: (\n <>\n <div>multiple line title</div>\n <div>multiple line title</div>\n </>\n ),\n key: '0-0-0-1',\n icon: <CarryOutOutlined />,\n },\n {\n title: 'leaf',\n key: '0-0-0-2',\n icon: <CarryOutOutlined />,\n },\n ],\n },\n {\n title: 'parent 1-1',\n key: '0-0-1',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'leaf',\n key: '0-0-1-0',\n icon: <CarryOutOutlined />,\n },\n ],\n },\n {\n title: 'parent 1-2',\n key: '0-0-2',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'leaf',\n key: '0-0-2-0',\n icon: <CarryOutOutlined />,\n },\n {\n title: 'leaf',\n key: '0-0-2-1',\n icon: <CarryOutOutlined />,\n switcherIcon: <FormOutlined />,\n },\n ],\n },\n ],\n },\n {\n title: 'parent 2',\n key: '0-1',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'parent 2-0',\n key: '0-1-0',\n icon: <CarryOutOutlined />,\n children: [\n {\n title: 'leaf',\n key: '0-1-0-0',\n icon: <CarryOutOutlined />,\n },\n {\n title: 'leaf',\n key: '0-1-0-1',\n icon: <CarryOutOutlined />,\n },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const [showLine, setShowLine] = useState(true);\n const [showIcon, setShowIcon] = useState(false);\n const [showLeafIcon, setShowLeafIcon] = useState(true);\n const onSelect = (selectedKeys, info) => {\n console.log('selected', selectedKeys, info);\n };\n const handleLeafIconChange = (value) => {\n if (value === 'custom') {\n return setShowLeafIcon(<CheckOutlined />);\n }\n if (value === 'true') {\n return setShowLeafIcon(true);\n }\n return setShowLeafIcon(false);\n };\n return (\n <div>\n <div\n style={{\n marginBottom: 16,\n }}\n >\n showLine: <Switch checked={!!showLine} onChange={setShowLine} />\n <br />\n <br />\n showIcon: <Switch checked={showIcon} onChange={setShowIcon} />\n <br />\n <br />\n showLeafIcon:{' '}\n <Select defaultValue=\"true\" onChange={handleLeafIconChange}>\n <Select.Option value=\"true\">True</Select.Option>\n <Select.Option value=\"false\">False</Select.Option>\n <Select.Option value=\"custom\">Custom icon</Select.Option>\n </Select>\n </div>\n <Tree\n showLine={\n showLine\n ? {\n showLeafIcon,\n }\n : false\n }\n showIcon={showIcon}\n defaultExpandedKeys={['0-0-0']}\n onSelect={onSelect}\n treeData={treeData}\n />\n </div>\n );\n};\nexport default App;\n",description:"<p>Tree with connected line between nodes, turn on by <code>showLine</code>, customize the preset icon by <code>switcherIcon</code>.</p>"}},{demo:{id:"tree-demo-customized-icon"},previewerProps:{title:"Customize Icon",filename:"components/tree/demo/customized-icon.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport {\n DownOutlined,\n FrownFilled,\n FrownOutlined,\n MehOutlined,\n SmileOutlined,\n} from '@ant-design/icons';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n icon: <SmileOutlined />,\n children: [\n {\n title: 'leaf',\n key: '0-0-0',\n icon: <MehOutlined />,\n },\n {\n title: 'leaf',\n key: '0-0-1',\n icon: ({ selected }) => (selected ? <FrownFilled /> : <FrownOutlined />),\n },\n ],\n },\n];\nconst App = () => (\n <Tree\n showIcon\n defaultExpandAll\n defaultSelectedKeys={['0-0-0']}\n switcherIcon={<DownOutlined />}\n treeData={treeData}\n />\n);\nexport default App;\n",description:"<p>You can customize icons for different nodes.</p>"}},{demo:{id:"tree-demo-directory"},previewerProps:{title:"directory",filename:"components/tree/demo/directory.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tree } from 'antd';\nconst { DirectoryTree } = Tree;\nconst treeData = [\n {\n title: 'parent 0',\n key: '0-0',\n children: [\n {\n title: 'leaf 0-0',\n key: '0-0-0',\n isLeaf: true,\n },\n {\n title: 'leaf 0-1',\n key: '0-0-1',\n isLeaf: true,\n },\n ],\n },\n {\n title: 'parent 1',\n key: '0-1',\n children: [\n {\n title: 'leaf 1-0',\n key: '0-1-0',\n isLeaf: true,\n },\n {\n title: 'leaf 1-1',\n key: '0-1-1',\n isLeaf: true,\n },\n ],\n },\n];\nconst App = () => {\n const onSelect = (keys, info) => {\n console.log('Trigger Select', keys, info);\n };\n const onExpand = (keys, info) => {\n console.log('Trigger Expand', keys, info);\n };\n return (\n <DirectoryTree\n multiple\n draggable\n defaultExpandAll\n onSelect={onSelect}\n onExpand={onExpand}\n treeData={treeData}\n />\n );\n};\nexport default App;\n",description:"<p>Built-in directory tree. <code>multiple</code> support <code>ctrl(Windows)</code> / <code>command(Mac)</code> selection.</p>"}},{demo:{id:"tree-demo-directory-debug"},previewerProps:{debug:!0,title:"Directory Debug",filename:"components/tree/demo/directory-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Flex, Tree } from 'antd';\nconst { DirectoryTree } = Tree;\nconst treeData = [\n {\n title: 'parent 0',\n key: '0-0',\n children: [\n {\n title: 'leaf 0-0',\n key: '0-0-0',\n isLeaf: true,\n },\n {\n title: 'leaf 0-1',\n key: '0-0-1',\n isLeaf: true,\n },\n ],\n },\n {\n title: 'parent 1',\n key: '0-1',\n children: [\n {\n title: 'leaf 1-0',\n key: '0-1-0',\n isLeaf: true,\n },\n {\n title: 'leaf 1-1',\n key: '0-1-1',\n isLeaf: true,\n },\n ],\n },\n];\nconst sharedProps = {\n treeData,\n defaultExpandAll: true,\n onSelect: (keys, info) => {\n console.log('Trigger Select', keys, info);\n },\n onExpand: (keys, info) => {\n console.log('Trigger Expand', keys, info);\n },\n};\nconst DemoOne = () => <DirectoryTree draggable defaultSelectedKeys={['0-0-0']} />;\nconst DemoTwo = () => <DirectoryTree {...sharedProps} checkable defaultSelectedKeys={['0-1-0']} />;\nconst DemoThree = () => (\n <DirectoryTree {...sharedProps} draggable checkable defaultSelectedKeys={['0-1']} />\n);\nconst BasicDemo = () => <DirectoryTree {...sharedProps} multiple treeData={treeData} />;\nconst NormalDemo = () => <Tree {...sharedProps} defaultSelectedKeys={['0-1']} />;\nconst NormalCheckDemo = () => <Tree {...sharedProps} checkable defaultSelectedKeys={['0-1']} />;\nconst NormalDragDemo = () => <Tree {...sharedProps} draggable defaultSelectedKeys={['0-1-0']} />;\nconst App = () => (\n <Flex wrap gap=\"large\">\n <DemoOne />\n <DemoTwo />\n <DemoThree />\n <BasicDemo />\n <NormalDemo />\n <NormalCheckDemo />\n <NormalDragDemo />\n </Flex>\n);\nexport default App;\n",description:'<p>Debugging <a href="https://github.com/ant-design/ant-design/pull/51210">#51210</a>, <a href="https://github.com/ant-design/ant-design/pull/51448#issuecomment-2449144872">#51448</a></p>'}},{demo:{id:"tree-demo-switcher-icon"},previewerProps:{title:"Customize collapse/expand icon",filename:"components/tree/demo/switcher-icon.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { DownOutlined } from '@ant-design/icons';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n children: [\n {\n title: 'parent 1-0',\n key: '0-0-0',\n children: [\n {\n title: 'leaf',\n key: '0-0-0-0',\n },\n {\n title: 'leaf',\n key: '0-0-0-1',\n },\n {\n title: 'leaf',\n key: '0-0-0-2',\n },\n ],\n },\n {\n title: 'parent 1-1',\n key: '0-0-1',\n children: [\n {\n title: 'leaf',\n key: '0-0-1-0',\n },\n ],\n },\n {\n title: 'parent 1-2',\n key: '0-0-2',\n children: [\n {\n title: 'leaf',\n key: '0-0-2-0',\n },\n {\n title: 'leaf',\n key: '0-0-2-1',\n },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const onSelect = (selectedKeys, info) => {\n console.log('selected', selectedKeys, info);\n };\n return (\n <Tree\n showLine\n switcherIcon={<DownOutlined />}\n defaultExpandedKeys={['0-0-0']}\n onSelect={onSelect}\n treeData={treeData}\n />\n );\n};\nexport default App;\n",description:"<p>customize collapse/expand icon of tree node</p>"}},{demo:{id:"tree-demo-virtual-scroll"},previewerProps:{title:"Virtual scroll",filename:"components/tree/demo/virtual-scroll.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tooltip, Tree } from 'antd';\nconst dig = (path = '0', level = 3) => {\n const list = [];\n for (let i = 0; i < 10; i += 1) {\n const key = `${path}-${i}`;\n const treeNode = {\n title: key,\n key,\n };\n if (level > 0) {\n treeNode.children = dig(key, level - 1);\n }\n list.push(treeNode);\n }\n return list;\n};\nconst treeData = dig();\nconst MemoTooltip = Tooltip || React.memo(Tooltip);\nconst App = () => (\n <Tree\n treeData={treeData}\n height={233}\n defaultExpandAll\n titleRender={(item) => {\n const title = item.title;\n return <MemoTooltip title={title}>{title}</MemoTooltip>;\n }}\n />\n);\nexport default App;\n",description:"<p>Use virtual list through <code>height</code> prop.</p>"}},{demo:{id:"tree-demo-drag-debug"},previewerProps:{debug:!0,title:"Drag Debug",filename:"components/tree/demo/drag-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { CarryOutOutlined } from '@ant-design/icons';\nimport { Switch, Tree } from 'antd';\nconst x = 3;\nconst y = 2;\nconst z = 1;\nconst data = [];\nconst generateData = (_level, preKey = '0', tns = data) => {\n const children = [];\n for (let i = 0; i < x; i++) {\n const key = `${preKey}-${i}`;\n tns.push({\n title: key,\n key,\n icon: <CarryOutOutlined />,\n });\n if (i < y) {\n children.push(key);\n }\n }\n if (_level < 0) {\n return tns;\n }\n const level = _level - 1;\n children.forEach((key, index) => {\n tns[index].children = [];\n return generateData(level, key, tns[index].children);\n });\n};\ngenerateData(z);\nconst App = () => {\n const [gData, setGData] = React.useState(data);\n const [showLine, setShowLine] = React.useState(true);\n const [showIcon, setShowIcon] = React.useState(true);\n const [showLeafIcon, setShowLeafIcon] = React.useState(true);\n const [expandedKeys, setExpandedKeys] = React.useState(['0-0', '0-0-0', '0-0-0-0']);\n const onDragEnter = (info) => {\n console.log(info);\n // expandedKeys, set it when controlled is needed\n setExpandedKeys(info.expandedKeys);\n };\n const onDrop = (info) => {\n console.log(info);\n const dropKey = info.node.key;\n const dragKey = info.dragNode.key;\n const dropPos = info.node.pos.split('-');\n const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n const loop = (data, key, callback) => {\n for (let i = 0; i < data.length; i++) {\n if (data[i].key === key) {\n return callback(data[i], i, data);\n }\n if (data[i].children) {\n loop(data[i].children, key, callback);\n }\n }\n };\n const data = [...gData];\n\n // Find dragObject\n let dragObj;\n loop(data, dragKey, (item, index, arr) => {\n arr.splice(index, 1);\n dragObj = item;\n });\n if (!info.dropToGap) {\n // Drop on the content\n loop(data, dropKey, (item) => {\n item.children = item.children || [];\n // where to insert. New item was inserted to the end of the array in this example, but can be anywhere\n item.children.push(dragObj);\n });\n } else if (\n (info.node.props.children || []).length > 0 &&\n // Has children\n info.node.props.expanded &&\n // Is expanded\n dropPosition === 1 // On the bottom gap\n ) {\n loop(data, dropKey, (item) => {\n item.children = item.children || [];\n // where to insert. New item was inserted to the start of the array in this example, but can be anywhere\n item.children.unshift(dragObj);\n });\n } else {\n let ar;\n let i;\n loop(data, dropKey, (_, index, arr) => {\n ar = arr;\n i = index;\n });\n if (dropPosition === -1) {\n ar.splice(i, 0, dragObj);\n } else {\n ar.splice(i + 1, 0, dragObj);\n }\n }\n setGData(data);\n };\n const innerSetShowLine = (showLine) => {\n if (showLine) {\n if (showLeafIcon) {\n setShowLine({\n showLeafIcon: true,\n });\n } else {\n setShowLine(true);\n }\n } else {\n setShowLine(false);\n }\n };\n const innerSetShowLeafIcon = (showLeafIcon) => {\n setShowLeafIcon(showLeafIcon);\n setShowLine({\n showLeafIcon,\n });\n };\n return (\n <>\n <div\n style={{\n marginBottom: 16,\n }}\n >\n showLine: <Switch checked={showLine} onChange={innerSetShowLine} />\n <br />\n <br />\n showIcon: <Switch checked={showIcon} onChange={() => setShowIcon(showIcon)} />\n <br />\n <br />\n showLeafIcon: <Switch checked={showLeafIcon} onChange={innerSetShowLeafIcon} />\n </div>\n <Tree\n showLine={showLine}\n showIcon={showIcon}\n className=\"draggable-tree\"\n defaultExpandedKeys={expandedKeys}\n draggable\n blockNode\n onDragEnter={onDragEnter}\n onDrop={onDrop}\n treeData={gData}\n />\n </>\n );\n};\nexport default App;\n"}},{demo:{id:"tree-demo-big-data"},previewerProps:{debug:!0,title:"Big data",filename:"components/tree/demo/big-data.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tree } from 'antd';\nconst treeData = [];\nfor (let i = 0; i < 100; i += 1) {\n const children = [];\n for (let j = 0; j < 100; j += 1) {\n children.push({\n title: `child ${i}-${j}`,\n key: `l-${i}-${j}`,\n });\n }\n treeData.push({\n title: `parent ${i}`,\n key: `l-${i}`,\n children,\n });\n}\nconst App = () => <Tree defaultExpandAll height={400} treeData={treeData} />;\nexport default App;\n",description:"<p>Plenty of tree nodes.</p>"}},{demo:{id:"tree-demo-block-node"},previewerProps:{title:"Block Node",filename:"components/tree/demo/block-node.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent',\n key: '0',\n children: [\n {\n title: 'child 1',\n key: '0-0',\n disabled: true,\n },\n {\n title: 'child 2',\n key: '0-1',\n disableCheckbox: true,\n },\n ],\n },\n];\nconst App = () => (\n <Tree checkable defaultSelectedKeys={['0-1']} defaultExpandAll treeData={treeData} blockNode />\n);\nexport default App;\n"}},{demo:{id:"tree-demo-component-token"},previewerProps:{debug:!0,title:"Component Token",filename:"components/tree/demo/component-token.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { ConfigProvider, Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n children: [\n {\n title: 'parent 1-0',\n key: '0-0-0',\n disabled: true,\n children: [\n {\n title: 'leaf',\n key: '0-0-0-0',\n disableCheckbox: true,\n },\n {\n title: 'leaf',\n key: '0-0-0-1',\n },\n ],\n },\n {\n title: 'parent 1-1',\n key: '0-0-1',\n children: [\n {\n title: (\n <span\n style={{\n color: '#1677ff',\n }}\n >\n sss\n </span>\n ),\n key: '0-0-1-0',\n },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const onSelect = (selectedKeys, info) => {\n console.log('selected', selectedKeys, info);\n };\n const onCheck = (checkedKeys, info) => {\n console.log('onCheck', checkedKeys, info);\n };\n return (\n <ConfigProvider\n theme={{\n components: {\n Tree: {\n nodeHoverBg: '#fff2f0',\n nodeHoverColor: '#1677ff',\n nodeSelectedBg: '#ffa39e',\n nodeSelectedColor: '#fff',\n indentSize: 80,\n },\n },\n }}\n >\n <Tree\n checkable\n defaultExpandedKeys={['0-0-0', '0-0-1']}\n defaultSelectedKeys={['0-0-0', '0-0-1']}\n defaultCheckedKeys={['0-0-0', '0-0-1']}\n onSelect={onSelect}\n onCheck={onCheck}\n treeData={treeData}\n />\n </ConfigProvider>\n );\n};\nexport default App;\n",description:"<p>Component Token</p>"}},{demo:{id:"tree-demo-multiple-line"},previewerProps:{debug:!0,title:"Multiple lines",filename:"components/tree/demo/multiple-line.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.7.7","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Tree } from 'antd';\nconst treeData = [\n {\n title: 'parent 1',\n key: '0-0',\n children: [\n {\n title: 'parent 1-0',\n key: '0-0-0',\n disabled: true,\n children: [\n {\n title: 'This is a very very very very long text',\n key: '0-0-0-0',\n disableCheckbox: true,\n },\n {\n title: 'This is also a very very very very very long text',\n key: '0-0-0-1',\n },\n ],\n },\n {\n title: 'parent 1-1',\n key: '0-0-1',\n children: [\n {\n title: (\n <span\n style={{\n color: '#1677ff',\n }}\n >\n sss\n </span>\n ),\n key: '0-0-1-0',\n },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const onSelect = (selectedKeys, info) => {\n console.log('selected', selectedKeys, info);\n };\n const onCheck = (checkedKeys, info) => {\n console.log('onCheck', checkedKeys, info);\n };\n return (\n <Tree\n checkable\n defaultExpandedKeys={['0-0-0', '0-0-1']}\n defaultSelectedKeys={['0-0-0', '0-0-1']}\n defaultCheckedKeys={['0-0-0', '0-0-1']}\n onSelect={onSelect}\n onCheck={onCheck}\n treeData={treeData}\n style={{\n width: 200,\n }}\n />\n );\n};\nexport default App;\n",description:"<p>Multiple line tree node.</p>"}}]}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"api",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,s.jsxs)("p",{children:[e[5].value,(0,s.jsx)(l.default,{to:"/docs/react/common-props",sourceType:"Link",children:e[6].value})]}),(0,s.jsxs)("h3",{id:"tree-props",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#tree-props",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Tree props"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[7].value}),(0,s.jsx)("th",{children:e[8].value}),(0,s.jsx)("th",{children:e[9].value}),(0,s.jsx)("th",{children:e[10].value}),(0,s.jsx)("th",{children:e[11].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[12].value}),(0,s.jsx)("td",{children:e[13].value}),(0,s.jsx)("td",{children:e[14].value}),(0,s.jsx)("td",{children:e[15].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[16].value}),(0,s.jsx)("td",{children:e[17].value}),(0,s.jsx)("td",{children:e[18].value}),(0,s.jsx)("td",{children:e[19].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[20].value}),(0,s.jsx)("td",{children:e[21].value}),(0,s.jsx)("td",{children:e[22].value}),(0,s.jsx)("td",{children:e[23].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[24].value}),(0,s.jsx)("td",{children:e[25].value}),(0,s.jsx)("td",{children:e[26].value}),(0,s.jsx)("td",{children:e[27].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[28].value}),(0,s.jsxs)("td",{children:[e[29].value,(0,s.jsx)("code",{children:e[30].value}),e[31].value,(0,s.jsx)("code",{children:e[32].value}),e[33].value,(0,s.jsx)("code",{children:e[34].value}),e[35].value,(0,s.jsx)("code",{children:e[36].value}),e[37].value]}),(0,s.jsx)("td",{children:e[38].value}),(0,s.jsx)("td",{children:e[39].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[40].value}),(0,s.jsx)("td",{children:e[41].value}),(0,s.jsx)("td",{children:e[42].value}),(0,s.jsx)("td",{children:e[43].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[44].value}),(0,s.jsx)("td",{children:e[45].value}),(0,s.jsx)("td",{children:e[46].value}),(0,s.jsx)("td",{children:e[47].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[48].value}),(0,s.jsx)("td",{children:e[49].value}),(0,s.jsx)("td",{children:e[50].value}),(0,s.jsx)("td",{children:e[51].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[52].value}),(0,s.jsx)("td",{children:e[53].value}),(0,s.jsx)("td",{children:e[54].value}),(0,s.jsx)("td",{children:e[55].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[56].value}),(0,s.jsx)("td",{children:e[57].value}),(0,s.jsx)("td",{children:e[58].value}),(0,s.jsx)("td",{children:e[59].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[60].value}),(0,s.jsx)("td",{children:e[61].value}),(0,s.jsx)("td",{children:e[62].value}),(0,s.jsx)("td",{children:e[63].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[64].value}),(0,s.jsx)("td",{children:e[65].value}),(0,s.jsx)("td",{children:e[66].value}),(0,s.jsx)("td",{children:e[67].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[68].value}),(0,s.jsxs)("td",{children:[e[69].value,(0,s.jsx)("code",{children:e[70].value}),e[71].value]}),(0,s.jsx)("td",{children:e[72].value}),(0,s.jsx)("td",{children:e[73].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[74].value}),e[75].value]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[76].value}),(0,s.jsx)("td",{children:e[77].value}),(0,s.jsx)("td",{children:e[78].value}),(0,s.jsx)("td",{children:e[79].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[80].value}),(0,s.jsx)("td",{children:e[81].value}),(0,s.jsx)("td",{children:e[82].value}),(0,s.jsxs)("td",{children:[e[83].value,(0,s.jsx)("code",{children:e[84].value}),e[85].value,(0,s.jsx)("code",{children:e[86].value}),e[87].value,(0,s.jsx)("code",{children:e[88].value}),e[89].value]}),(0,s.jsx)("td",{children:e[90].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[91].value}),(0,s.jsxs)("td",{children:[e[92].value,(0,s.jsx)("code",{children:e[93].value}),e[94].value]}),(0,s.jsx)("td",{children:e[95].value}),(0,s.jsx)("td",{children:e[96].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[97].value}),(0,s.jsx)("td",{children:e[98].value}),(0,s.jsx)("td",{children:e[99].value}),(0,s.jsx)("td",{children:e[100].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[101].value}),(0,s.jsxs)("td",{children:[e[102].value,(0,s.jsx)("code",{children:e[103].value}),e[104].value]}),(0,s.jsx)("td",{children:e[105].value}),(0,s.jsx)("td",{children:e[106].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[107].value}),(0,s.jsx)("td",{children:e[108].value}),(0,s.jsx)("td",{children:e[109].value}),(0,s.jsx)("td",{children:e[110].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[111].value}),(0,s.jsxs)("td",{children:[e[112].value,(0,s.jsx)("code",{children:e[113].value})]}),(0,s.jsx)("td",{children:e[114].value}),(0,s.jsx)("td",{children:e[115].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[116].value}),(0,s.jsx)("td",{children:e[117].value}),(0,s.jsx)("td",{children:e[118].value}),(0,s.jsx)("td",{children:e[119].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[120].value}),(0,s.jsx)("td",{children:e[121].value}),(0,s.jsx)("td",{children:e[122].value}),(0,s.jsx)("td",{children:e[123].value}),(0,s.jsx)("td",{children:e[124].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[125].value}),(0,s.jsx)("td",{children:e[126].value}),(0,s.jsx)("td",{children:e[127].value}),(0,s.jsx)("td",{children:e[128].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[129].value}),(0,s.jsxs)("td",{children:[e[130].value,(0,s.jsx)("code",{children:e[131].value}),e[132].value]}),(0,s.jsx)("td",{children:e[133].value}),(0,s.jsx)("td",{children:e[134].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[135].value}),(0,s.jsxs)("td",{children:[e[136].value,(0,s.jsx)("code",{children:e[137].value}),e[138].value]}),(0,s.jsx)("td",{children:e[139].value}),(0,s.jsx)("td",{children:e[140].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[141].value}),(0,s.jsx)("td",{children:e[142].value}),(0,s.jsx)("td",{children:e[143].value}),(0,s.jsx)("td",{children:e[144].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[145].value}),(0,s.jsx)("td",{children:e[146].value}),(0,s.jsx)("td",{children:e[147].value}),(0,s.jsx)("td",{children:e[148].value}),(0,s.jsx)("td",{children:e[149].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[150].value}),(0,s.jsx)("td",{children:e[151].value}),(0,s.jsx)("td",{children:e[152].value}),(0,s.jsx)("td",{children:e[153].value}),(0,s.jsx)("td",{children:e[154].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[155].value}),(0,s.jsx)("td",{children:e[156].value}),(0,s.jsx)("td",{children:e[157].value}),(0,s.jsx)("td",{children:e[158].value}),(0,s.jsx)("td",{children:e[159].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[160].value}),(0,s.jsx)("td",{children:e[161].value}),(0,s.jsx)("td",{children:e[162].value}),(0,s.jsx)("td",{children:e[163].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[164].value}),(0,s.jsx)("td",{children:e[165].value}),(0,s.jsx)("td",{children:e[166].value}),(0,s.jsx)("td",{children:e[167].value}),(0,s.jsx)("td",{children:e[168].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[169].value}),(0,s.jsx)("td",{children:e[170].value}),(0,s.jsx)("td",{children:e[171].value}),(0,s.jsx)("td",{children:e[172].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[173].value}),(0,s.jsx)("td",{children:e[174].value}),(0,s.jsx)("td",{children:e[175].value}),(0,s.jsx)("td",{children:e[176].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[177].value}),(0,s.jsx)("td",{children:e[178].value}),(0,s.jsx)("td",{children:e[179].value}),(0,s.jsx)("td",{children:e[180].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[181].value}),(0,s.jsx)("td",{children:e[182].value}),(0,s.jsx)("td",{children:e[183].value}),(0,s.jsx)("td",{children:e[184].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[185].value}),(0,s.jsx)("td",{children:e[186].value}),(0,s.jsx)("td",{children:e[187].value}),(0,s.jsx)("td",{children:e[188].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[189].value}),(0,s.jsx)("td",{children:e[190].value}),(0,s.jsx)("td",{children:e[191].value}),(0,s.jsx)("td",{children:e[192].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[193].value}),(0,s.jsx)("td",{children:e[194].value}),(0,s.jsx)("td",{children:e[195].value}),(0,s.jsx)("td",{children:e[196].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[197].value}),(0,s.jsx)("td",{children:e[198].value}),(0,s.jsx)("td",{children:e[199].value}),(0,s.jsx)("td",{children:e[200].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[201].value}),(0,s.jsx)("td",{children:e[202].value}),(0,s.jsx)("td",{children:e[203].value}),(0,s.jsx)("td",{children:e[204].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[205].value}),(0,s.jsx)("td",{children:e[206].value}),(0,s.jsx)("td",{children:e[207].value}),(0,s.jsx)("td",{children:e[208].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[209].value}),(0,s.jsx)("td",{children:e[210].value}),(0,s.jsx)("td",{children:e[211].value}),(0,s.jsx)("td",{children:e[212].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h3",{id:"treenode-props",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#treenode-props",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"TreeNode props"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[213].value}),(0,s.jsx)("th",{children:e[214].value}),(0,s.jsx)("th",{children:e[215].value}),(0,s.jsx)("th",{children:e[216].value}),(0,s.jsx)("th",{})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[217].value}),(0,s.jsx)("td",{children:e[218].value}),(0,s.jsx)("td",{children:e[219].value}),(0,s.jsx)("td",{children:e[220].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[221].value}),(0,s.jsx)("td",{children:e[222].value}),(0,s.jsx)("td",{children:e[223].value}),(0,s.jsx)("td",{children:e[224].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[225].value}),(0,s.jsx)("td",{children:e[226].value}),(0,s.jsx)("td",{children:e[227].value}),(0,s.jsx)("td",{children:e[228].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[229].value}),(0,s.jsx)("td",{children:e[230].value}),(0,s.jsx)("td",{children:e[231].value}),(0,s.jsx)("td",{children:e[232].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[233].value}),(0,s.jsxs)("td",{children:[e[234].value,(0,s.jsx)("code",{children:e[235].value}),e[236].value,(0,s.jsx)("code",{children:e[237].value}),e[238].value]}),(0,s.jsx)("td",{children:e[239].value}),(0,s.jsx)("td",{children:e[240].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[241].value}),(0,s.jsx)("td",{children:e[242].value}),(0,s.jsx)("td",{children:e[243].value}),(0,s.jsx)("td",{children:e[244].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[245].value}),(0,s.jsx)("td",{children:e[246].value}),(0,s.jsx)("td",{children:e[247].value}),(0,s.jsx)("td",{children:e[248].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[249].value}),(0,s.jsx)("td",{children:e[250].value}),(0,s.jsx)("td",{children:e[251].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[252].value})}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h3",{id:"directorytree-props",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#directorytree-props",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"DirectoryTree props"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[253].value}),(0,s.jsx)("th",{children:e[254].value}),(0,s.jsx)("th",{children:e[255].value}),(0,s.jsx)("th",{children:e[256].value})]})}),(0,s.jsx)("tbody",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[257].value}),(0,s.jsxs)("td",{children:[e[258].value,(0,s.jsx)("code",{children:e[259].value}),e[260].value,(0,s.jsx)("code",{children:e[261].value})]}),(0,s.jsx)("td",{children:e[262].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[263].value})})]})})]}),(0,s.jsxs)("h2",{id:"note",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#note",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Note"]}),(0,s.jsxs)("p",{children:[e[264].value,(0,s.jsx)("code",{children:e[265].value}),e[266].value,(0,s.jsx)("code",{children:e[267].value}),e[268].value,(0,s.jsx)("code",{children:e[269].value}),e[270].value,(0,s.jsx)("strong",{children:e[271].value}),e[272].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[273].value}),(0,s.jsxs)("h3",{id:"tree-methods",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#tree-methods",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Tree Methods"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[274].value}),(0,s.jsx)("th",{children:e[275].value})]})}),(0,s.jsx)("tbody",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[276].value}),(0,s.jsx)("td",{children:e[277].value})]})})]}),(0,s.jsxs)("h2",{id:"design-token",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Design Token"]})]}),(0,s.jsx)(o.default,{component:"Tree"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"faq",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,s.jsxs)("h3",{id:"why-defaultexpandall-not-working-on-ajax-data",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#why-defaultexpandall-not-working-on-ajax-data",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Why defaultExpandAll not working on ajax data?"]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:e[278].value}),e[279].value,(0,s.jsx)("code",{children:e[280].value}),e[281].value,(0,s.jsx)("code",{children:e[282].value}),e[283].value]}),(0,s.jsxs)("h3",{id:"virtual-scroll-limitation",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#virtual-scroll-limitation",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Virtual scroll limitation"]}),(0,s.jsxs)("p",{children:[e[284].value,(0,s.jsx)("code",{children:e[285].value}),e[286].value]}),(0,s.jsxs)("h3",{id:"what-does-disabled-node-work-logic-in-the-tree",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#what-does-disabled-node-work-logic-in-the-tree",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"What does ",(0,s.jsx)("code",{children:e[287].value})," node work logic in the tree?"]}),(0,s.jsxs)("p",{children:[e[288].value,(0,s.jsx)("code",{children:e[289].value}),e[290].value,(0,s.jsx)("code",{children:e[291].value}),e[292].value,(0,s.jsx)("code",{children:e[293].value}),e[294].value,(0,s.jsx)("code",{children:e[295].value}),e[296].value]}),(0,s.jsxs)("p",{children:[e[297].value,(0,s.jsx)("code",{children:e[298].value}),e[299].value,(0,s.jsx)("code",{children:e[300].value}),e[301].value]})]})]});}var h=function(){return(0,s.jsx)(m.DumiPage,{children:(0,s.jsx)(p.Suspense,{fallback:(0,s.jsx)(d.default,{}),children:(0,s.jsx)(u,{})})});};}}]); |