npm - @uiw/doc - Versions diffs - 5.0.0-bate-0 → 5.0.0-bate-1 - Mend

@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

package/web/static/js/6307.8621ad1f.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6307],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var b={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},b),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function b(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",k=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function y(e){var t=e.renderPage,n=e.path,s=(0,k.Z)(t),a=s.mdData,d=s.loading,l=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var b=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:b,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(b,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},8563:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(1092),o=n(7791),i=(n(8133),n(2814)),c=n(270),s=n(9265);function a(){return(0,s.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-copy-to-clipboard/README.md",dependencies:{CopyToClipboard:i.CopyToClipboard,Button:i.Button,Input:i.Input},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(4156).then(n.bind(n,4156));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=6307.8621ad1f.chunk.js.map

package/web/static/js/6307.8621ad1f.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/6307.8621ad1f.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/copy-to-clipboard/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { CopyToClipboard, Button, Input } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-copy-to-clipboard/README.md\"\n dependencies={{ CopyToClipboard, Button, Input }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-copy-to-clipboard/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","CopyToClipboard","Button","Input","md","default"],"sourceRoot":""}

package/web/static/js/636.2b02d702.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[636],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),s=n(5752),c=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,s=(0,o.Z)(e,f),a=(0,r.Z)({},s),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var j={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},j),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function j(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,c=(0,b.Z)(t),a=c.mdData,d=c.loading,l=s.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,s=(0,o.Z)(e,Z),c=s["data-meta"],d=(s.noPreview,s.noScroll,s.bgWhite,s.noCode),u=(s.codePen,s.codeSandboxOption,s.codeSandbox,s.bordered,(0,o.Z)(s,_));if(n\|\|!(0,w.pN)(c))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(c)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(c);if(h&&"function"===typeof x){var j=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:j,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(j,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),s=n(8133),c=n(2251),a=n(3208),d=function(){var e=(0,c.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,s.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),c=n[0],a=n[1],l=d(),u=(0,s.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,s.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:c,loading:f}}},3167:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=(n(8133),n(2814)),s=n(270),c=n(9265);t.default=function(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/react-split/edit/master/README.md",dependencies:{Split:i.Split,Divider:i.Divider,Button:i.Button,Menu:i.Menu},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(1908).then(n.bind(n,4104));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=636.2b02d702.chunk.js.map

package/web/static/js/636.2b02d702.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/636.2b02d702.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/split/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Split, Divider, Button, Menu } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/react-split/edit/master/README.md\"\n dependencies={{ Split, Divider, Button, Menu }}\n renderPage={async () => {\n const md = await import('@uiw/react-split/README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Split","Button","Menu","md","default"],"sourceRoot":""}

package/web/static/js/6423.3ab1201b.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6423],{6423:function(n,e,t){t.r(e),e.default={components:{},data:{},source:"\u6309\u9700\u52a0\u8f7d\n===\n\n\u9ed8\u8ba4 [`uiw`](https://github.com/uiwjs) \u652f\u6301\u57fa\u4e8e ES module \u7684 Tree Shaking\uff0c\u4e0d\u4f7f\u7528\u4ee5\u4e0b\u63d2\u4ef6\u4e5f\u4f1a\u6709\u6309\u9700\u52a0\u8f7d\u7684\u6548\u679c\uff0c\u8fd9\u662f\u4e3a\u4e86\u89e3\u51b3\u5728\u751f\u4ea7\u73af\u5883\u6587\u4ef6\u4f53\u79ef\u8fc7\u5927\u7684\u95ee\u9898\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u6253\u5305\u5de5\u5177\u7684 Tree Shaking \u529f\u80fd\u53bb\u6389\u6587\u4ef6\u4e2d\u65e0\u7528\u7684\u4ee3\u7801\u3002\n\n> - [Tree Shaking in Rollup](https://rollupjs.org/guide/en/#tree-shaking)\n> - [Tree Shaking in Webpack](https://webpack.js.org/guides/tree-shaking/)\n\nTree Shaking \u662f\u4e00\u4e2a\u672f\u8bed\uff0c\u901a\u5e38\u7528\u4e8e\u63cf\u8ff0\u79fb\u9664 JavaScript \u4e0a\u4e0b\u6587\u4e2d\u7684\u672a\u5f15\u7528\u4ee3\u7801(dead-code)\u3002\u5b83\u4f9d\u8d56\u4e8e ES2015 \u6a21\u5757\u8bed\u6cd5\u7684 \u9759\u6001\u7ed3\u6784 \u7279\u6027\uff0c\u4f8b\u5982 [import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) \u548c [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export)\u3002\u8fd9\u4e2a\u672f\u8bed\u548c\u6982\u5ff5\u5b9e\u9645\u4e0a\u662f\u7531 ES2015 \u6a21\u5757\u6253\u5305\u5de5\u5177 [Rollup](https://github.com/rollup/rollup) \u666e\u53ca\u8d77\u6765\u7684\u3002\n\n\u5982\u679c\u60a8\u5f53\u524d\u7684\u5f00\u53d1\u73af\u5883\u4e0d\u652f\u6301 Tree Shaking, \u53ef\u4ee5\u91c7\u7528\u4ee5\u4e0b\u4e24\u79cd\u65b9\u6848\u3002\n\n\n## \u624b\u52a8\u5f15\u5165\n\n\u624b\u52a8\u5f15\u5165\uff0c\u9700\u8981\u5728\u5199\u4ee3\u7801\u7684\u65f6\u5019\u5c31\u53ea\u5f15\u5165\u7528\u5230\u7684\u6587\u4ef6\n\n```js\nimport Button from 'uiw/lib/cjs/button';\n```\n\n\u5f15\u5165\u5bf9\u5e94\u7684\u6837\u5f0f\u6587\u4ef6:\n\n```diff\nimport Button from 'uiw/lib/cjs/button';\n+ import 'uiw/lib/cjs/button/style/index.less'; // \u5f15\u5165\u9ed8\u8ba4\u6837\u5f0f less\n```\n\n\u52a0\u8f7d ES module \u7ec4\u4ef6\uff0c\u4e0d\u9700\u8981\u52a0\u8f7d\u6837\u5f0f\uff0c\u5c06\u81ea\u52a8\u5728\u4ee3\u7801\u4e2d\u52a0\u8f7d\u6837\u5f0f\u3002\n\n```js\nimport Button from 'uiw/lib/esm/button';\n```\n\n> \u7ec4\u4ef6\u5305\u540d\u89c4\u5219 `CopyToClipboard` > `copy-to-clipboard`\n\n## Babel \u63d2\u4ef6\u6765\u89e3\u51b3\n\n\u5728 Babel \u7f16\u8bd1\u9636\u6bb5\u901a\u8fc7\u63d2\u4ef6 [`@uiwjs/babel-plugin-transform-uiw-import`](https://github.com/uiwjs/babel-plugin-transform-uiw-import) \u628a\u4ee3\u7801\u8f6c\u6362\u6210\u6309\u9700\u5f15\u5165\u7684\u65b9\u5f0f\n\n\u901a\u8fc7 `.babelrc` \u6216 `babel-loader` \u8bbe\u7f6e\u3002\n\n```js\n{\n \"plugins\": [\n [\"babel-plugin-transform-uiw-import\"]\n ]\n}\n```\n\n\u793a\u4f8b\uff1a\n\n```js\n// \u8f6c\u6362\u4e4b\u524d:\nimport { Button } from 'uiw';\n\n// Babel \u6700\u7ec8\u8f6c\u6362\u4e3a\nvar _Button = require('uiw/lib/cjs/button');\n```"}}}]);
2	+ //# sourceMappingURL=6423.3ab1201b.chunk.js.map

package/web/static/js/6423.3ab1201b.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/6423.3ab1201b.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAG,EACfC,KAAM,CAAC,EACPC,OAAQ,i3F","sources":["routes/guide/import/README.md"],"sourcesContent":["\nexport default {\n components: { },\n data: {},\n source: \"按需加载\\n===\\n\\n默认 [`uiw`](https://github.com/uiwjs) 支持基于 ES module 的 Tree Shaking，不使用以下插件也会有按需加载的效果，这是为了解决在生产环境文件体积过大的问题，您可以通过打包工具的 Tree Shaking 功能去掉文件中无用的代码。\\n\\n> - [Tree Shaking in Rollup](https://rollupjs.org/guide/en/#tree-shaking)\\n> - [Tree Shaking in Webpack](https://webpack.js.org/guides/tree-shaking/)\\n\\nTree Shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的静态结构特性，例如 [import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) 和 [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export)。这个术语和概念实际上是由 ES2015 模块打包工具 [Rollup](https://github.com/rollup/rollup) 普及起来的。\\n\\n如果您当前的开发环境不支持 Tree Shaking, 可以采用以下两种方案。\\n\\n\\n## 手动引入\\n\\n手动引入，需要在写代码的时候就只引入用到的文件\\n\\n```js\\nimport Button from 'uiw/lib/cjs/button';\\n```\\n\\n引入对应的样式文件:\\n\\n```diff\\nimport Button from 'uiw/lib/cjs/button';\\n+ import 'uiw/lib/cjs/button/style/index.less'; // 引入默认样式 less\\n```\\n\\n加载 ES module 组件，不需要加载样式，将自动在代码中加载样式。\\n\\n```js\\nimport Button from 'uiw/lib/esm/button';\\n```\\n\\n> 组件包名规则 `CopyToClipboard` > `copy-to-clipboard`\\n\\n## Babel 插件来解决\\n\\n在 Babel 编译阶段通过插件 [`@uiwjs/babel-plugin-transform-uiw-import`](https://github.com/uiwjs/babel-plugin-transform-uiw-import) 把代码转换成按需引入的方式\\n\\n通过 `.babelrc` 或 `babel-loader` 设置。\\n\\n```js\\n{\\n \\\"plugins\\\": [\\n [\\\"babel-plugin-transform-uiw-import\\\"]\\n ]\\n}\\n```\\n\\n示例：\\n\\n```js\\n// 转换之前:\\nimport { Button } from 'uiw';\\n\\n// Babel 最终转换为\\nvar _Button = require('uiw/lib/cjs/button');\\n```\"\n }"],"names":["components","data","source"],"sourceRoot":""}

package/web/static/js/649.8499b3f7.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[649],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),s=n(5752),c=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,s=(0,o.Z)(e,f),a=(0,r.Z)({},s),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,c=(0,b.Z)(t),a=c.mdData,d=c.loading,l=s.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,s=(0,o.Z)(e,Z),c=s["data-meta"],d=(s.noPreview,s.noScroll,s.bgWhite,s.noCode),u=(s.codePen,s.codeSandboxOption,s.codeSandbox,s.bordered,(0,o.Z)(s,_));if(n\|\|!(0,w.pN)(c))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(c)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(c);if(h&&"function"===typeof x){var g=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),s=n(8133),c=n(2251),a=n(3208),d=function(){var e=(0,c.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,s.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),c=n[0],a=n[1],l=d(),u=(0,s.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,s.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:c,loading:f}}},5991:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=(n(8133),n(270)),s=n(9265);t.default=function(){return(0,s.jsx)(i.Z,{path:"https://github.com/uiwjs/uiw/tree/master/website/src/routes/guide/quick-start/README.md",renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(6929).then(n.bind(n,6929));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=649.8499b3f7.chunk.js.map

package/web/static/js/649.8499b3f7.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/649.8499b3f7.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/guide/quick-start/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/website/src/routes/guide/quick-start/README.md\"\n renderPage={async () => {\n const md = await import('./README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","md","default"],"sourceRoot":""}

package/web/static/js/6503.5f2349b1.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[6503],{6503:function(e,n,l){l.r(n),n.default={components:{18:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u5355\u9009"},n.default.createElement(a.Tree,{defaultExpandAll:!0,data:t,onExpand:function(e,n,l,a){console.log("onExpand",e,n,l,a)},onSelected:function(e,n,l,a){console.log("onSelected",e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7"},n.default.createElement(a.Tree,{autoExpandParent:!0,data:t,multiple:!0,onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7"},n.default.createElement(a.Tree,{data:t,multiple:!0,checkStrictly:!0,onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),147:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,renderTitle:function(e,l){l.selected;var t=l.noChild;return n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{style:{display:"-webkit-inline-box"},type:t?"smile-o":"apple"}),n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,icon:"right-circle-o",onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),289:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1",disabled:!0},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]},{label:"\u6fb3\u95e8",key:"3"}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Tree,{data:t,selectedKeys:["0-1-1"],multiple:!0,isSelected:!1,checkStrictly:!0,renderTitle:function(e,l){var t=l.selected;return l.isHalfChecked?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"minus-square-o",style:{color:"green"}})," ",n.default.createElement("span",null,e.label)):t?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"check-square-o",style:{color:"green"}})," ",n.default.createElement("span",null,e.label)):n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"square-o",style:{color:"#b6b6b6"}})," ",n.default.createElement("span",null,e.label))},onExpand:function(e,n,l,a){console.log(e,n,l,a)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))}}(),401:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);function t(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function r(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?t(Object(l),!0).forEach((function(n){d(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):t(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}function d(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var o=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",disabled:!0,key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u57fa\u7840\u4f7f\u7528"},n.default.createElement(a.Tree,{data:o}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u56fe\u6807"},n.default.createElement(a.Tree,{data:o,renderTitle:function(e,l){l.selected;var t=l.noChild,d=l.disabledStyle;return n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{style:r({display:"-webkit-inline-box"},d),type:t?"smile-o":"apple"}),n.default.createElement("span",{style:d},e.label))}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c"},n.default.createElement(a.Tree,{data:o,renderTitle:function(e,l){var t=l.selected,d=l.isHalfChecked,o=l.disabledStyle,i=l.disabledClass;return d?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"minus-square-o",style:r({color:"green"},o)})," ",n.default.createElement("span",{className:i},e.label)):t?n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"check-square-o",style:r({color:"green"},o)})," ",n.default.createElement("span",{className:i},e.label)):n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Icon,{type:"square-o",style:r({color:"#b6b6b6"},o)})," ",n.default.createElement("span",{className:i},e.label))}})))))}}(),529:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,showLine:!0,iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807"},n.default.createElement(a.Tree,{data:t,showLine:!0,icon:function(e,n){n.isOpen;if(n.noChild)return"file-text"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),656:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);var t=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"}]}];return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206"},n.default.createElement(a.Tree,{data:t,showLine:!0,openKeys:["0-0-0","0-1-0"],iconAnimation:!1,icon:function(e,n){var l=n.isOpen,a=n.noChild;return l&&!a?"folder-open":a?"file-text":"folder"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Card,{title:"\u5c55\u5f00\u6240\u6709"},n.default.createElement(a.Tree,{data:t,showLine:!0,defaultExpandAll:!0,icon:function(e,n){n.isOpen;if(n.noChild)return"file-text"},onExpand:function(e,n,l){console.log(e,n,l)},onSelected:function(e,n,l,a){console.log(e,n,l,a)}})))))}}(),777:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);function t(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function r(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var d=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1"},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"}]}];return function(){return n.default.createElement(a.Form,{onChange:function(e){e.initial,e.current},resetOnSubmit:!1,onSubmitError:function(e){return e&&e.filed?function(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?t(Object(l),!0).forEach((function(n){r(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):t(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;console.log("current: ",n);var l={};if("unknown"===n.tree&&(l.radioGroup="\u8bf7\u9009\u62e9\u6027\u522b\uff01"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,a}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01"})},fields:{tree:{value:"region",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01",initialValue:["0-1-1"],children:n.default.createElement(a.Tree,{checkStrictly:!0,data:d})}}},(function(e){var l=e.fields,t=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,l.tree)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement(a.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(t.current,null,2)))))}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u5355\\u9009\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n defaultExpandAll: true,\n data: data,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log('onExpand', key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log('onSelected', key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u591A\\u9009\\uFF0C\\u5B50\\u8282\\u70B9\\u4E0D\\u53D7\\u63A7\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n autoExpandParent: true,\n data: data,\n multiple: true,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u591A\\u9009\\uFF0C\\u5B50\\u8282\\u70B9\\u53D7\\u63A7\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n multiple: true,\n checkStrictly: true,\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u5355\u9009\">\n <Tree\n defaultExpandAll={true}\n data={data}\n onExpand={(key, expanded, data, node) => {\n console.log('onExpand',key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('onSelected',key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7\">\n <Tree\n autoExpandParent={true}\n data={data}\n multiple\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7\">\n <Tree\n data={data}\n multiple\n checkStrictly\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},147:{name:147,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u6807\\u9898\\u4E2D\\u6DFB\\u52A0\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n noChild = _ref.noChild;\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n style: {\n display: '-webkit-inline-box'\n },\n type: noChild ? 'smile-o' : 'apple'\n }), /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n },\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u66FF\\u6362\\u9ED8\\u8BA4\\u6298\\u53E0\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n icon: \"right-circle-o\",\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n iconAnimation: false,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box' }} type={noChild ? 'smile-o' : 'apple'} />\n <span>{item.label}</span>\n </>\n )}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807\">\n <Tree\n data={data}\n icon=\"right-circle-o\"\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n iconAnimation={false}\n icon={(data, { isOpen, noChild }) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},289:{name:289,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1',\n disabled: true\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}, {\n label: '\u6fb3\u95e8',\n key: '3'\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n selectedKeys: ['0-1-1'],\n multiple: true,\n isSelected: false,\n checkStrictly: true,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n isHalfChecked = _ref.isHalfChecked;\n\n if (isHalfChecked) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"minus-square-o\",\n style: {\n color: 'green'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n }\n\n if (selected) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"check-square-o\",\n style: {\n color: 'green'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n }\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"square-o\",\n style: {\n color: '#b6b6b6'\n }\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", null, item.label));\n },\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nconst Demo = () => (\n <div>\n <Tree\n data={data}\n selectedKeys={['0-1-1']}\n multiple\n isSelected={false}\n checkStrictly\n renderTitle={(item, { selected, isHalfChecked }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6' }} /> <span>{item.label}</span></>\n );\n }}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </div>\n)\nexport default Demo"},401:{name:401,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u57FA\\u7840\\u4F7F\\u7528\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref) {\n var selected = _ref.selected,\n noChild = _ref.noChild,\n disabledStyle = _ref.disabledStyle;\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n style: _objectSpread({\n display: '-webkit-inline-box'\n }, disabledStyle),\n type: noChild ? 'smile-o' : 'apple'\n }), /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: disabledStyle\n }, item.label));\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u9009\\u4E2D\\u6548\\u679C\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n renderTitle: function renderTitle(item, _ref2) {\n var selected = _ref2.selected,\n isHalfChecked = _ref2.isHalfChecked,\n disabledStyle = _ref2.disabledStyle,\n disabledClass = _ref2.disabledClass;\n\n if (isHalfChecked) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"minus-square-o\",\n style: _objectSpread({\n color: 'green'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n\n if (selected) {\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"check-square-o\",\n style: _objectSpread({\n color: 'green'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"square-o\",\n style: _objectSpread({\n color: '#b6b6b6'\n }, disabledStyle)\n }), \" \", /#__PURE__/_react[\"default\"].createElement(\"span\", {\n className: disabledClass\n }, item.label));\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u57fa\u7840\u4f7f\u7528\">\n <Tree data={data} />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild, disabledStyle }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box', ...disabledStyle }} type={noChild ? 'smile-o' : 'apple'} />\n <span style={disabledStyle}>{item.label}</span>\n </>\n )}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\">\n <Tree\n data={data}\n renderTitle={(item, { selected, isHalfChecked, disabledStyle, disabledClass }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6',...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},529:{name:529,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n iconAnimation: false,\n icon: function icon(data, _ref) {\n var isOpen = _ref.isOpen,\n noChild = _ref.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u81EA\\u5B9A\\u4E49\\u5C55\\u5F00\\u56FE\\u6807\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (noChild) {\n return 'file-text';\n }\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},656:{name:656,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u9ED8\\u8BA4\\u5C55\\u5F00\\u90E8\\u5206\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n openKeys: ['0-0-0', '0-1-0'],\n iconAnimation: false,\n icon: function icon(data, _ref) {\n var isOpen = _ref.isOpen,\n noChild = _ref.noChild;\n\n if (isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n\n return 'file-text';\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n }))), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Card, {\n title: \"\\u5C55\\u5F00\\u6240\\u6709\"\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Tree, {\n data: data,\n showLine: true,\n defaultExpandAll: true,\n icon: function icon(data, _ref2) {\n var isOpen = _ref2.isOpen,\n noChild = _ref2.noChild;\n\n if (noChild) {\n return 'file-text';\n }\n },\n onExpand: function onExpand(key, expanded, data) {\n console.log(key, expanded, data);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log(key, selected, item, evn);\n }\n })))));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206\">\n <Tree\n data={data}\n showLine\n openKeys={['0-0-0', '0-1-0']}\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u5c55\u5f00\u6240\u6709\">\n <Tree\n data={data}\n showLine\n defaultExpandAll\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo"},777:{name:777,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1'\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }]\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n },\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n return error && error.filed ? _objectSpread({}, error.filed) : null;\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n console.log('current: ', current);\n var ErrObj = {};\n\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n\n if (Object.keys(ErrObj).length > 0) {\n var err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: \"\\u586B\\u5199\\uFF1A\\u3010\\u586B\\u5199\\u6210\\u529F\\u3011\\uFF01\"\n });\n },\n fields: {\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.Tree // multiple \n , {\n checkStrictly: true,\n data: data\n })\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, fields.tree)), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\"))), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(\"pre\", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Tree, Row, Col, Form, Button } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n ]\n }\n];\n\nconst Demo = () => {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('current: ', current);\n const ErrObj = {};\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: <Tree\n // multiple \n checkStrictly\n data={data}\n />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.tree}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n )\n}\nexport default Demo"}},source:"Tree \u6811\u5f62\u63a7\u4ef6\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tree/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tree.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tree)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tree.svg?label=@uiw/react-tree)](https://npmjs.com/@uiw/react-tree)\n\n\u4f7f\u7528\u6811\u63a7\u4ef6\u53ef\u4ee5\u5b8c\u6574\u5c55\u73b0\u5176\u4e2d\u7684\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u5177\u6709\u5c55\u5f00\u6536\u8d77\u9009\u62e9\u7b49\u4ea4\u4e92\u529f\u80fd\u3002\n\n```jsx\nimport { Tree } from 'uiw';\n// or\nimport Tree from '@uiw/react-tree';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u5355\u9009\">\n <Tree\n defaultExpandAll={true}\n data={data}\n onExpand={(key, expanded, data, node) => {\n console.log('onExpand',key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('onSelected',key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u4e0d\u53d7\u63a7\">\n <Tree\n autoExpandParent={true}\n data={data}\n multiple\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u591a\u9009\uff0c\u5b50\u8282\u70b9\u53d7\u63a7\">\n <Tree\n data={data}\n multiple\n checkStrictly\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u6807\u9898\u4e2d\u6dfb\u52a0\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box' }} type={noChild ? 'smile-o' : 'apple'} />\n <span>{item.label}</span>\n </>\n )}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u66ff\u6362\u9ed8\u8ba4\u6298\u53e0\u56fe\u6807\">\n <Tree\n data={data}\n icon=\"right-circle-o\"\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n iconAnimation={false}\n icon={(data, { isOpen, noChild }) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\n\n\u901a\u8fc7\u8bbe\u7f6e `checkStrictly` \u7236\u8282\u70b9\u53d7\u5b50\u8282\u70b9\u63a7\u5236\uff0c\u8bbe\u7f6e `multiple` \u4e3a\u591a\u9009\uff0c\u8bbe\u7f6e `isSelected` \u53d6\u6d88\u9009\u4e2d\u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528 [`TreeChecked`](#/components/tree-checked) \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nconst Demo = () => (\n <div>\n <Tree\n data={data}\n selectedKeys={['0-1-1']}\n multiple\n isSelected={false}\n checkStrictly\n renderTitle={(item, { selected, isHalfChecked }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green' }} /> <span>{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6' }} /> <span>{item.label}</span></>\n );\n }}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </div>\n)\nexport default Demo\n```\n\n### \u7981\u7528\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col, Icon } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n disabled: true,\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u57fa\u7840\u4f7f\u7528\">\n <Tree data={data} />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u56fe\u6807\">\n <Tree\n data={data}\n renderTitle={(item, { selected, noChild, disabledStyle }) => (\n <>\n <Icon style={{ display: '-webkit-inline-box', ...disabledStyle }} type={noChild ? 'smile-o' : 'apple'} />\n <span style={disabledStyle}>{item.label}</span>\n </>\n )}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u9009\u4e2d\u6548\u679c\">\n <Tree\n data={data}\n renderTitle={(item, { selected, isHalfChecked, disabledStyle, disabledClass }) => {\n if(isHalfChecked) {\n return (\n <><Icon type=\"minus-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n if (selected) {\n return (\n <><Icon type=\"check-square-o\" style={{ color: 'green', ...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }\n return (\n <><Icon type=\"square-o\" style={{ color: '#b6b6b6',...disabledStyle }} /> <span className={disabledClass} >{item.label}</span></>\n );\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u8fde\u63a5\u7ebf\n\n\u5e26\u8fde\u63a5\u7ebf\u7684\u6811\uff0c\u901a\u8fc7\u8bbe\u7f6e `showLine`\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u81ea\u5b9a\u4e49\u5c55\u5f00\u56fe\u6807\">\n <Tree\n data={data}\n showLine\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n### \u9ed8\u8ba4\u5c55\u5f00\u6811\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n ]\n }\n];\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Card title=\"\u9ed8\u8ba4\u5c55\u5f00\u90e8\u5206\">\n <Tree\n data={data}\n showLine\n openKeys={['0-0-0', '0-1-0']}\n iconAnimation={false}\n icon={(data, {isOpen, noChild}) => {\n if(isOpen && !noChild) {\n return 'folder-open';\n } else if (!noChild) {\n return 'folder';\n }\n return 'file-text';\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n <Col fixed>\n <Card title=\"\u5c55\u5f00\u6240\u6709\">\n <Tree\n data={data}\n showLine\n defaultExpandAll\n icon={(data, {isOpen, noChild}) => {\n if(noChild) {\n return 'file-text';\n }\n }}\n onExpand={(key, expanded, data) => {\n console.log(key, expanded, data);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log(key, selected, item, evn);\n }}\n />\n </Card>\n </Col>\n </Row>\n </div>\n)\nexport default Demo\n```\n\n\n### Form\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Tree, Row, Col, Form, Button } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1' },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n ]\n }\n];\n\nconst Demo = () => {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('current: ', current);\n const ErrObj = {};\n if (current.tree === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n tree: {\n value: 'region',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u5730\u533a\uff01',\n initialValue: ['0-1-1'],\n children: <Tree\n // multiple \n checkStrictly\n data={data}\n />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.tree}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n )\n}\nexport default Demo\n```\n\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| data \| \u5c55\u793a\u6570\u636e \| Array \| `TreeData[]` \|\n\| openKeys \| \u8282\u70b9\u5c55\u5f00 `key` \| Array \| `[]` \|\n\| selectedKeys \| \u8bbe\u7f6e\u9009\u4e2d\u7684\u6811\u8282\u70b9 \| Array \| `[]` \|\n\| autoExpandParent \| \u662f\u5426\u81ea\u52a8\u5c55\u5f00\u7236\u8282\u70b9 \| Boolean \| `true` \|\n\| defaultExpandAll \| \u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u6811\u8282\u70b9 \| Boolean \| `false` \|\n\| iconAnimation \| \u5c55\u5f00\u6536\u7f29\u56fe\u6807\uff0c\u53c2\u6570\u8bbe\u4e3a `false` \u7981\u7528\u52a8\u753b \| Boolean \| `true` \|\n\| isSelected \| \u662f\u5426\u9009\u4e2d\u5f53\u524d\u8282\u70b9\u6837\u5f0f\u3002 \| Boolean \| `true` \|\n\| showLine \| \u662f\u5426\u5c55\u793a\u8fde\u63a5\u7ebf \| Boolean \| `false` \|\n\| checkStrictly \| \u5b50\u8282\u70b9\u53d7\u7236\u8282\u70b9\u63a7\u5236\u8bbe\u7f6e `true`\uff0c\u9700\u8981\u914d\u5408 `multiple` \u53c2\u6570\u4f7f\u7528\u3002 \| Boolean \| `false` \|\n\| multiple \| \u652f\u6301\u70b9\u9009\u591a\u4e2a\u8282\u70b9 \| Boolean \| `false` \|\n\| icon \| \u91cd\u65b0\u5b9a\u4e49\uff0c\u5c55\u5f00\u6536\u7f29\u56fe\u6807\uff0c\u5f53\u4e3a\u51fd\u6570\u65f6\u89c6\u4e3a\u81ea\u5b9a\u4e49\u56fe\u6807\uff0c\u5e76\u5c55\u793a\u975e\u6298\u53e0\u9879\u7684\u56fe\u6807\u3002 \| ~~Function(data: object, noChild: bool)/String/Node~~ `@3.4.0+` Function(data: object, { selected: bool, noChild: bool })/String/Node\| - \|\n\| renderTitle \| \u91cd\u65b0\u5b9a\u4e49\u6bcf\u4e2a\u6807\u9898\u8282\u70b9\u7684\u663e\u793a \| ~~Function(item, selected: bool, noChild: bool)~~ `@3.4.0+` Function(item: TreeData, node?: Node) => React.ReactElement; \| - \|\n\| onSelected \| \u70b9\u51fb\u9009\u62e9\u6811\u8282\u70b9\u89e6\u53d1 \| Function(selectedKeys: array, key, selected: bool, data, e) \| - \|\n\| onExpand \| \u5c55\u5f00/\u6536\u8d77\u8282\u70b9\u65f6\u89e6\u53d1 \| Function(key, expanded: bool, data, evn) \| - \|\n\n## Node Type \n\| \u53c2\u6570 \| \u7c7b\u578b \| \u7248\u672c \|\n\|--------- \|-------- \|-------- \|\n\| selected \| boolean \| - \|\n\| noChild \| boolean \| - \|\n\| isHalfChecked \| boolean \| `@3.4.0+` \|\n\| openKeys \| Props['openKeys'] \| `@3.4.0+` \|\n\| selectedKeys \| Props['selectedKeys'] \| `@3.4.0+` \|\n\| disabled \| boolean \| `@4.20.0+` \|\n\| disabledClass \| string \| `@4.20.0+` \|\n\| disabledStyle \| React.CSSProperties \| `@4.20.0+` \|\n### data\n\n```json\n[\n {\n \"label\": \"\u6e56\u5317\u7701\",\n \"key\": \"0-0-0\",\n \"disabled\": false,\n \"children\":[]\n }\n ...\n]\n```\n"}}}]);
2	+ //# sourceMappingURL=6503.5f2349b1.chunk.js.map