@fle-ui/next 1.0.0 → 1.0.4-alpha.0

package/docs-dist/components__tree__tree.md.js

@@ -0,0 +1,1775 @@
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [68],
+  {
+    MZF8: function (e, t, l) {
+      'use strict';
+      var a = l('ogwx');
+      l.d(t, 'a', function () {
+        return a['b'];
+      });
+      l('VCU9');
+    },
+    RZMt: function (e, t, l) {},
+    Zxc8: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('k3GJ'),
+        c = l('MZF8'),
+        d = l('dEAq'),
+        m = l('H1Ra');
+      l('RZMt');
+      function u(e, t) {
+        return h(e) || s(e, t) || E(e, t) || o();
+      }
+      function o() {
+        throw new TypeError(
+          'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
+        );
+      }
+      function E(e, t) {
+        if (e) {
+          if ('string' === typeof e) return i(e, t);
+          var l = Object.prototype.toString.call(e).slice(8, -1);
+          return (
+            'Object' === l && e.constructor && (l = e.constructor.name),
+            'Map' === l || 'Set' === l
+              ? Array.from(e)
+              : 'Arguments' === l ||
+                /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)
+              ? i(e, t)
+              : void 0
+          );
+        }
+      }
+      function i(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var l = 0, a = new Array(t); l < t; l++) a[l] = e[l];
+        return a;
+      }
+      function s(e, t) {
+        var l =
+          null == e
+            ? null
+            : ('undefined' !== typeof Symbol && e[Symbol.iterator]) ||
+              e['@@iterator'];
+        if (null != l) {
+          var a,
+            n,
+            r = [],
+            c = !0,
+            d = !1;
+          try {
+            for (l = l.call(e); !(c = (a = l.next()).done); c = !0)
+              if ((r.push(a.value), t && r.length === t)) break;
+          } catch (m) {
+            (d = !0), (n = m);
+          } finally {
+            try {
+              c || null == l['return'] || l['return']();
+            } finally {
+              if (d) throw n;
+            }
+          }
+          return r;
+        }
+      }
+      function h(e) {
+        if (Array.isArray(e)) return e;
+      }
+      function f(e, t) {
+        var l,
+          a =
+            null === (l = e.match(/\.(\w+)$/)) || void 0 === l ? void 0 : l[1];
+        return a || (a = t.tsx ? 'tsx' : 'jsx'), a;
+      }
+      var p = function (e) {
+        var t,
+          l,
+          o,
+          E = Object(a['useRef'])(),
+          i = Object(a['useContext'])(d['context']),
+          s = i.locale,
+          h = Object(d['useLocaleProps'])(s, e),
+          p = Object(d['useDemoUrl'])(h.identifier),
+          b = h.demoUrl || p,
+          k =
+            (null === c['a'] || void 0 === c['a']
+              ? void 0
+              : c['a'].location.hash) === '#'.concat(h.identifier),
+          v = 1 === Object.keys(h.sources).length,
+          y = Object(d['useCodeSandbox'])(
+            (
+              null === (t = h.hideActions) || void 0 === t
+                ? void 0
+                : t.includes('CSB')
+            )
+              ? null
+              : h,
+          ),
+          N = Object(d['useRiddle'])(
+            (
+              null === (l = h.hideActions) || void 0 === l
+                ? void 0
+                : l.includes('RIDDLE')
+            )
+              ? null
+              : h,
+          ),
+          g = Object(d['useMotions'])(h.motions || [], E.current),
+          x = u(g, 2),
+          w = x[0],
+          A = x[1],
+          _ = Object(d['useCopy'])(),
+          L = u(_, 2),
+          I = L[0],
+          C = L[1],
+          S = Object(a['useState'])('_'),
+          j = u(S, 2),
+          O = j[0],
+          R = j[1],
+          D = Object(a['useState'])(f(O, h.sources[O])),
+          K = u(D, 2),
+          T = K[0],
+          P = K[1],
+          M = Object(a['useState'])(Boolean(h.defaultShowCode)),
+          q = u(M, 2),
+          U = q[0],
+          Z = q[1],
+          F = Object(a['useState'])(Math.random()),
+          J = u(F, 2),
+          $ = J[0],
+          B = J[1],
+          H = h.sources[O][T] || h.sources[O].content,
+          z = Object(d['useTSPlaygroundUrl'])(s, H),
+          G = Object(a['useRef'])(),
+          X = Object(d['usePrefersColor'])(),
+          Q = u(X, 1),
+          V = Q[0];
+        function W(e) {
+          R(e), P(f(e, h.sources[e]));
+        }
+        return (
+          Object(a['useEffect'])(
+            function () {
+              B(Math.random());
+            },
+            [V],
+          ),
+          n.a.createElement(
+            'div',
+            {
+              style: h.style,
+              className: [
+                h.className,
+                '__dumi-default-previewer',
+                k ? '__dumi-default-previewer-target' : '',
+              ]
+                .filter(Boolean)
+                .join(' '),
+              id: h.identifier,
+              'data-debug': h.debug || void 0,
+              'data-iframe': h.iframe || void 0,
+            },
+            h.iframe &&
+              n.a.createElement('div', {
+                className: '__dumi-default-previewer-browser-nav',
+              }),
+            n.a.createElement(
+              'div',
+              {
+                ref: E,
+                className: '__dumi-default-previewer-demo',
+                style: {
+                  transform: h.transform ? 'translate(0, 0)' : void 0,
+                  padding:
+                    h.compact || (h.iframe && !1 !== h.compact) ? '0' : void 0,
+                  background: h.background,
+                },
+              },
+              h.iframe
+                ? n.a.createElement('iframe', {
+                    title: 'dumi-previewer',
+                    style: {
+                      height: String(h.iframe).replace(/(\d)$/, '$1px'),
+                    },
+                    key: $,
+                    src: b,
+                    ref: G,
+                  })
+                : h.children,
+            ),
+            n.a.createElement(
+              'div',
+              {
+                className: '__dumi-default-previewer-desc',
+                'data-title': h.title,
+              },
+              h.title &&
+                n.a.createElement(
+                  d['AnchorLink'],
+                  { to: '#'.concat(h.identifier) },
+                  h.title,
+                ),
+              h.description &&
+                n.a.createElement('div', {
+                  dangerouslySetInnerHTML: { __html: h.description },
+                }),
+            ),
+            n.a.createElement(
+              'div',
+              { className: '__dumi-default-previewer-actions' },
+              y &&
+                n.a.createElement('button', {
+                  title: 'Open demo on CodeSandbox.io',
+                  className: '__dumi-default-icon',
+                  role: 'codesandbox',
+                  onClick: y,
+                }),
+              N &&
+                n.a.createElement('button', {
+                  title: 'Open demo on Riddle',
+                  className: '__dumi-default-icon',
+                  role: 'riddle',
+                  onClick: N,
+                }),
+              h.motions &&
+                n.a.createElement('button', {
+                  title: 'Execute motions',
+                  className: '__dumi-default-icon',
+                  role: 'motions',
+                  disabled: A,
+                  onClick: function () {
+                    return w();
+                  },
+                }),
+              h.iframe &&
+                n.a.createElement('button', {
+                  title: 'Reload demo iframe page',
+                  className: '__dumi-default-icon',
+                  role: 'refresh',
+                  onClick: function () {
+                    return B(Math.random());
+                  },
+                }),
+              !(null === (o = h.hideActions) || void 0 === o
+                ? void 0
+                : o.includes('EXTERNAL')) &&
+                n.a.createElement(
+                  d['Link'],
+                  { target: '_blank', to: b },
+                  n.a.createElement('button', {
+                    title: 'Open demo in new tab',
+                    className: '__dumi-default-icon',
+                    role: 'open-demo',
+                    type: 'button',
+                  }),
+                ),
+              n.a.createElement('span', null),
+              n.a.createElement('button', {
+                title: 'Copy source code',
+                className: '__dumi-default-icon',
+                role: 'copy',
+                'data-status': C,
+                onClick: function () {
+                  return I(H);
+                },
+              }),
+              'tsx' === T &&
+                U &&
+                n.a.createElement(
+                  d['Link'],
+                  { target: '_blank', to: z },
+                  n.a.createElement('button', {
+                    title: 'Get JSX via TypeScript Playground',
+                    className: '__dumi-default-icon',
+                    role: 'change-tsx',
+                    type: 'button',
+                  }),
+                ),
+              n.a.createElement('button', {
+                title: 'Toggle source code panel',
+                className: '__dumi-default-icon'.concat(
+                  U ? ' __dumi-default-btn-expand' : '',
+                ),
+                role: 'source',
+                type: 'button',
+                onClick: function () {
+                  return Z(!U);
+                },
+              }),
+            ),
+            U &&
+              n.a.createElement(
+                'div',
+                { className: '__dumi-default-previewer-source-wrapper' },
+                !v &&
+                  n.a.createElement(
+                    r['b'],
+                    {
+                      className: '__dumi-default-previewer-source-tab',
+                      prefixCls: '__dumi-default-tabs',
+                      moreIcon: '\xb7\xb7\xb7',
+                      defaultActiveKey: O,
+                      onChange: W,
+                    },
+                    Object.keys(h.sources).map(function (e) {
+                      return n.a.createElement(r['a'], {
+                        tab:
+                          '_' === e ? 'index.'.concat(f(e, h.sources[e])) : e,
+                        key: e,
+                      });
+                    }),
+                  ),
+                n.a.createElement(
+                  'div',
+                  { className: '__dumi-default-previewer-source' },
+                  n.a.createElement(m['a'], { code: H, lang: T, showCopy: !1 }),
+                ),
+              ),
+          )
+        );
+      };
+      t['default'] = p;
+    },
+    nKMx: function (e, t, l) {
+      'use strict';
+      l.r(t);
+      var a = l('q1tI'),
+        n = l.n(a),
+        r = l('dEAq'),
+        c = l('Zxc8'),
+        d = l('H1Ra'),
+        m = l('JjdP'),
+        u = n.a.memo(m['default']['tree-basic'].component),
+        o = n.a.memo(m['default']['tree-draggable'].component),
+        E = n.a.memo(m['default']['tree-search'].component),
+        i = n.a.memo(m['default']['tree-switcher-icon'].component),
+        s = n.a.memo(m['default']['tree-customized-icon'].component),
+        h = n.a.memo(m['default']['tree-basic-controlled'].component),
+        f = n.a.memo(m['default']['tree-dynamic'].component),
+        p = n.a.memo(m['default']['tree-line'].component),
+        b = n.a.memo(m['default']['tree-directory'].component),
+        k = n.a.memo(m['default']['tree-virtual-scroll'].component);
+      t['default'] = (e) => (
+        n.a.useEffect(() => {
+          var t;
+          null !== e &&
+            void 0 !== e &&
+            null !== (t = e.location) &&
+            void 0 !== t &&
+            t.hash &&
+            r['AnchorLink'].scrollToAnchor(
+              decodeURIComponent(e.location.hash.slice(1)),
+            );
+        }, []),
+        n.a.createElement(
+          n.a.Fragment,
+          null,
+          n.a.createElement(
+            n.a.Fragment,
+            null,
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h1',
+                { id: 'tree-\u6811\u5f62\u63a7\u4ef6' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#tree-\u6811\u5f62\u63a7\u4ef6',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Tree \u6811\u5f62\u63a7\u4ef6',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u591a\u5c42\u6b21\u7684\u7ed3\u6784\u5217\u8868\u3002',
+              ),
+              n.a.createElement(
+                'h2',
+                { id: '\u4f55\u65f6\u4f7f\u7528' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4f55\u65f6\u4f7f\u7528',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4f55\u65f6\u4f7f\u7528',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6587\u4ef6\u5939\u3001\u7ec4\u7ec7\u67b6\u6784\u3001\u751f\u7269\u5206\u7c7b\u3001\u56fd\u5bb6\u5730\u533a\u7b49\u7b49\uff0c\u4e16\u95f4\u4e07\u7269\u7684\u5927\u591a\u6570\u7ed3\u6784\u90fd\u662f\u6811\u5f62\u7ed3\u6784\u3002\u4f7f\u7528 ',
+                n.a.createElement('code', null, '\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.a.createElement(
+                'h2',
+                { id: '\u4ee3\u7801\u6f14\u793a' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u4ee3\u7801\u6f14\u793a',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u4ee3\u7801\u6f14\u793a',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: '\u57fa\u672c' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#\u57fa\u672c', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u57fa\u672c',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-basic'].previewerProps,
+              n.a.createElement(u, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u62d6\u52a8\u793a\u4f8b' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u62d6\u52a8\u793a\u4f8b',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u62d6\u52a8\u793a\u4f8b',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-draggable'].previewerProps,
+              n.a.createElement(o, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u53ef\u641c\u7d22' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u53ef\u641c\u7d22',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u53ef\u641c\u7d22',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-search'].previewerProps,
+              n.a.createElement(E, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u81ea\u5b9a\u4e49\u56fe\u6807' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49\u56fe\u6807',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49\u56fe\u6807',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-switcher-icon'].previewerProps,
+              n.a.createElement(i, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u81ea\u5b9a\u4e49\u5c55\u5f00\u6298\u53e0\u56fe\u6807',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u81ea\u5b9a\u4e49\u5c55\u5f00\u6298\u53e0\u56fe\u6807',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u81ea\u5b9a\u4e49\u5c55\u5f00/\u6298\u53e0\u56fe\u6807',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-customized-icon'].previewerProps,
+              n.a.createElement(s, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u53d7\u63a7\u64cd\u4f5c\u793a\u4f8b' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u53d7\u63a7\u64cd\u4f5c\u793a\u4f8b',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u53d7\u63a7\u64cd\u4f5c\u793a\u4f8b',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-basic-controlled'].previewerProps,
+              n.a.createElement(h, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u5f02\u6b65\u6570\u636e\u52a0\u8f7d' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5f02\u6b65\u6570\u636e\u52a0\u8f7d',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5f02\u6b65\u6570\u636e\u52a0\u8f7d',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-dynamic'].previewerProps,
+              n.a.createElement(f, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u8fde\u63a5\u7ebf' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u8fde\u63a5\u7ebf',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u8fde\u63a5\u7ebf',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-line'].previewerProps,
+              n.a.createElement(p, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u76ee\u5f55' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#\u76ee\u5f55', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u76ee\u5f55',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-directory'].previewerProps,
+              n.a.createElement(b, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h3',
+                { id: '\u865a\u62df\u6eda\u52a8' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u865a\u62df\u6eda\u52a8',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u865a\u62df\u6eda\u52a8',
+              ),
+            ),
+            n.a.createElement(
+              c['default'],
+              m['default']['tree-virtual-scroll'].previewerProps,
+              n.a.createElement(k, null),
+            ),
+            n.a.createElement(
+              'div',
+              { className: 'markdown' },
+              n.a.createElement(
+                'h2',
+                { id: 'api' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#api', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'API',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null, '\u7248\u672c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'allowDrop'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u5141\u8bb8\u62d6\u62fd\u65f6\u653e\u7f6e\u5728\u8be5\u8282\u70b9',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(',
+                      '{',
+                      ' dropNode, dropPosition ',
+                      '}',
+                      ') => boolean',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'autoExpandParent'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u81ea\u52a8\u5c55\u5f00\u7236\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'blockNode'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u8282\u70b9\u5360\u636e\u4e00\u884c',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'checkable'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8282\u70b9\u524d\u6dfb\u52a0 Checkbox \u590d\u9009\u6846',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'checkedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\uff08\u53d7\u63a7\uff09\u9009\u4e2d\u590d\u9009\u6846\u7684\u6811\u8282\u70b9\uff08\u6ce8\u610f\uff1a\u7236\u5b50\u8282\u70b9\u6709\u5173\u8054\uff0c\u5982\u679c\u4f20\u5165\u7236\u8282\u70b9 key\uff0c\u5219\u5b50\u8282\u70b9\u81ea\u52a8\u9009\u4e2d\uff1b\u76f8\u5e94\u5f53\u5b50\u8282\u70b9 key \u90fd\u4f20\u5165\uff0c\u7236\u8282\u70b9\u4e5f\u81ea\u52a8\u9009\u4e2d\u3002\u5f53\u8bbe\u7f6e ',
+                      n.a.createElement('code', null, 'checkable'),
+                      ' \u548c ',
+                      n.a.createElement('code', null, 'checkStrictly'),
+                      '\uff0c\u5b83\u662f\u4e00\u4e2a\u6709',
+                      n.a.createElement('code', null, 'checked'),
+                      '\u548c',
+                      n.a.createElement('code', null, 'halfChecked'),
+                      '\u5c5e\u6027\u7684\u5bf9\u8c61\uff0c\u5e76\u4e14\u7236\u5b50\u8282\u70b9\u7684\u9009\u4e2d\u4e0e\u5426\u4e0d\u518d\u5173\u8054',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'string[] | ',
+                      '{',
+                      'checked: string[], halfChecked: string[]',
+                      '}',
+                    ),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'checkStrictly'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'checkable \u72b6\u6001\u4e0b\u8282\u70b9\u9009\u62e9\u5b8c\u5168\u53d7\u63a7\uff08\u7236\u5b50\u8282\u70b9\u9009\u4e2d\u72b6\u6001\u4e0d\u518d\u5173\u8054\uff09',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultCheckedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u9009\u4e2d\u590d\u9009\u6846\u7684\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultExpandAll'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u5c55\u5f00\u6240\u6709\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultExpandedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u5c55\u5f00\u6307\u5b9a\u7684\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultExpandParent'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u5c55\u5f00\u7236\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'defaultSelectedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u9ed8\u8ba4\u9009\u4e2d\u7684\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'disabled'),
+                    n.a.createElement('td', null, '\u5c06\u6811\u7981\u7528'),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'draggable'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u8282\u70b9\u53ef\u62d6\u62fd\uff0c\u53ef\u4ee5\u901a\u8fc7 ',
+                      n.a.createElement('code', null, 'icon: false'),
+                      ' \u5173\u95ed\u62d6\u62fd\u63d0\u793a\u56fe\u6807',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | ((node: DataNode) => boolean) | ',
+                      '{',
+                      ' icon?: React.ReactNode | false, nodeDraggable?: (node: DataNode) => boolean ',
+                      '}',
+                    ),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'config'),
+                      ': 4.17.0',
+                    ),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'expandedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\uff08\u53d7\u63a7\uff09\u5c55\u5f00\u6307\u5b9a\u7684\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'fieldNames'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u8282\u70b9 title\u3001key\u3001children \u7684\u5b57\u6bb5',
+                    ),
+                    n.a.createElement('td', null, 'object'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '{',
+                      ' title: ',
+                      n.a.createElement('code', null, 'title'),
+                      ', key: ',
+                      n.a.createElement('code', null, 'key'),
+                      ', children: ',
+                      n.a.createElement('code', null, 'children'),
+                      ' ',
+                      '}',
+                    ),
+                    n.a.createElement('td', null, '4.17.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'filterTreeNode'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u6309\u9700\u7b5b\u9009\u6811\u8282\u70b9\uff08\u9ad8\u4eae\uff09\uff0c\u8fd4\u56de true',
+                    ),
+                    n.a.createElement('td', null, 'function(node)'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'height'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u865a\u62df\u6eda\u52a8\u5bb9\u5668\u9ad8\u5ea6\uff0c\u8bbe\u7f6e\u540e\u5185\u90e8\u8282\u70b9\u4e0d\u518d\u652f\u6301\u6a2a\u5411\u6eda\u52a8',
+                    ),
+                    n.a.createElement('td', null, 'number'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'icon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u6811\u8282\u70b9\u56fe\u6807\u3002',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'ReactNode | (props) => ReactNode',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'loadData'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f02\u6b65\u52a0\u8f7d\u6570\u636e',
+                    ),
+                    n.a.createElement('td', null, 'function(node)'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'loadedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\uff08\u53d7\u63a7\uff09\u5df2\u7ecf\u52a0\u8f7d\u7684\u8282\u70b9\uff0c\u9700\u8981\u914d\u5408 ',
+                      n.a.createElement('code', null, 'loadData'),
+                      ' \u4f7f\u7528',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'multiple'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u652f\u6301\u70b9\u9009\u591a\u4e2a\u8282\u70b9\uff08\u8282\u70b9\u672c\u8eab\uff09',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'selectable'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u53ef\u9009\u4e2d',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'selectedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\uff08\u53d7\u63a7\uff09\u8bbe\u7f6e\u9009\u4e2d\u7684\u6811\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'showIcon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u5c55\u793a TreeNode title \u524d\u7684\u56fe\u6807\uff0c\u6ca1\u6709\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5982\u8bbe\u7f6e\u4e3a true\uff0c\u9700\u8981\u81ea\u884c\u5b9a\u4e49\u56fe\u6807\u76f8\u5173\u6837\u5f0f',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'showLine'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u662f\u5426\u5c55\u793a\u8fde\u63a5\u7ebf',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'boolean | ',
+                      '{',
+                      'showLeafIcon: boolean',
+                      '}',
+                    ),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'switcherIcon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u6811\u8282\u70b9\u7684\u5c55\u5f00/\u6298\u53e0\u56fe\u6807',
+                    ),
+                    n.a.createElement('td', null, 'ReactNode'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'titleRender'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u6e32\u67d3\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, '(nodeData) => ReactNode'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null, '4.5.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'treeData'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'treeNodes \u6570\u636e\uff0c\u5982\u679c\u8bbe\u7f6e\u5219\u4e0d\u9700\u8981\u624b\u52a8\u6784\u9020 TreeNode \u8282\u70b9\uff08key \u5728\u6574\u4e2a\u6811\u8303\u56f4\u5185\u552f\u4e00\uff09',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'array<',
+                      '{',
+                      'key, title, children, [disabled, selectable]',
+                      '}',
+                      '>',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'treeLoadedKeys'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\uff08\u53d7\u63a7\uff09\u5df2\u7ecf\u52a0\u8f7d\u7684\u8282\u70b9\uff0c\u9700\u8981\u914d\u5408 ',
+                      n.a.createElement('code', null, 'loadData'),
+                      ' \u4f7f\u7528',
+                    ),
+                    n.a.createElement('td', null, 'string[]'),
+                    n.a.createElement('td', null, '[]'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'virtual'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e false \u65f6\u5173\u95ed\u865a\u62df\u6eda\u52a8',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null, '4.1.0'),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onCheck'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u70b9\u51fb\u590d\u9009\u6846\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(checkedKeys, e:',
+                      '{',
+                      'checked: bool, checkedNodes, node, event, halfCheckedKeys',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDragEnd'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'dragend \u89e6\u53d1\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDragEnter'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'dragenter \u89e6\u53d1\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node, expandedKeys',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDragLeave'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'dragleave \u89e6\u53d1\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDragOver'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'dragover \u89e6\u53d1\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDragStart'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f00\u59cb\u62d6\u62fd\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onDrop'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'drop \u89e6\u53d1\u65f6\u8c03\u7528',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node, dragNode, dragNodesKeys',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onExpand'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5c55\u5f00/\u6536\u8d77\u8282\u70b9\u65f6\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(expandedKeys, ',
+                      '{',
+                      'expanded: bool, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onLoad'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8282\u70b9\u52a0\u8f7d\u5b8c\u6bd5\u65f6\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(loadedKeys, ',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onRightClick'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u54cd\u5e94\u53f3\u952e\u70b9\u51fb',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(',
+                      '{',
+                      'event, node',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'onSelect'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u70b9\u51fb\u6811\u8282\u70b9\u89e6\u53d1',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'function(selectedKeys, e:',
+                      '{',
+                      'selected: bool, selectedNodes, node, event',
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'treenode-props' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#treenode-props',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'TreeNode props',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                    n.a.createElement('th', null),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'checkable'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u5f53\u6811\u4e3a checkable \u65f6\uff0c\u8bbe\u7f6e\u72ec\u7acb\u8282\u70b9\u662f\u5426\u5c55\u793a Checkbox',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'disableCheckbox'),
+                    n.a.createElement('td', null, '\u7981\u6389 checkbox'),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'disabled'),
+                    n.a.createElement('td', null, '\u7981\u6389\u54cd\u5e94'),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'false'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'icon'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\u53ef\u63a5\u6536\u7ec4\u4ef6\uff0cprops \u4e3a\u5f53\u524d\u8282\u70b9 props',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'ReactNode | (props) => ReactNode',
+                    ),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'isLeaf'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u4e3a\u53f6\u5b50\u8282\u70b9 (\u8bbe\u7f6e\u4e86 ',
+                      n.a.createElement('code', null, 'loadData'),
+                      ' \u65f6\u6709\u6548)\u3002\u4e3a ',
+                      n.a.createElement('code', null, 'false'),
+                      ' \u65f6\u4f1a\u5f3a\u5236\u5c06\u5176\u4f5c\u4e3a\u7236\u8282\u70b9',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, '-'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'key'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u88ab\u6811\u7684 (default)ExpandedKeys / (default)CheckedKeys / (default)SelectedKeys \u5c5e\u6027\u6240\u7528\u3002\u6ce8\u610f\uff1a\u6574\u4e2a\u6811\u8303\u56f4\u5185\u7684\u6240\u6709\u8282\u70b9\u7684 key \u503c\u4e0d\u80fd\u91cd\u590d\uff01',
+                    ),
+                    n.a.createElement('td', null, 'string'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '(\u5185\u90e8\u8ba1\u7b97\u51fa\u7684\u8282\u70b9\u4f4d\u7f6e)',
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'selectable'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u8bbe\u7f6e\u8282\u70b9\u662f\u5426\u53ef\u88ab\u9009\u4e2d',
+                    ),
+                    n.a.createElement('td', null, 'boolean'),
+                    n.a.createElement('td', null, 'true'),
+                    n.a.createElement('td', null),
+                  ),
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'title'),
+                    n.a.createElement('td', null, '\u6807\u9898'),
+                    n.a.createElement('td', null, 'ReactNode'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, '---'),
+                    ),
+                    n.a.createElement('td', null),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                { id: 'directorytree-props' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#directorytree-props',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'DirectoryTree props',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u53c2\u6570'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                    n.a.createElement('th', null, '\u7c7b\u578b'),
+                    n.a.createElement('th', null, '\u9ed8\u8ba4\u503c'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('td', null, 'expandAction'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u76ee\u5f55\u5c55\u5f00\u903b\u8f91\uff0c\u53ef\u9009\uff1afalse | ',
+                      n.a.createElement('code', null, 'click'),
+                      ' | ',
+                      n.a.createElement('code', null, 'doubleClick'),
+                    ),
+                    n.a.createElement('td', null, 'string | boolean'),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      n.a.createElement('code', null, 'click'),
+                    ),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: '\u6ce8\u610f' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#\u6ce8\u610f', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u6ce8\u610f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u5728 ',
+                n.a.createElement('code', null, '3.4.0'),
+                ' \u4e4b\u524d\uff1a\u6811\u8282\u70b9\u53ef\u4ee5\u6709\u5f88\u591a\uff0c\u4f46\u5728\u8bbe\u7f6e ',
+                n.a.createElement('code', null, 'checkable'),
+                ' \u65f6\uff0c\u5c06\u4f1a\u82b1\u8d39\u66f4\u591a\u7684\u8ba1\u7b97\u65f6\u95f4\uff0c\u56e0\u6b64\u6211\u4eec\u7f13\u5b58\u4e86\u4e00\u4e9b\u8ba1\u7b97\u7ed3\u679c\uff08',
+                n.a.createElement('code', null, 'this.treeNodesStates'),
+                '\uff09\u6765\u590d\u7528\uff0c\u907f\u514d\u591a\u6b21\u91cd\u590d\u8ba1\u7b97\uff0c\u4ee5\u6b64\u63d0\u9ad8\u6027\u80fd\u3002\u4f46\u8fd9\u4e5f\u5e26\u6765\u4e86\u4e00\u4e9b\u9650\u5236\uff0c\u5f53\u4f60\u5f02\u6b65\u52a0\u8f7d\u6811\u8282\u70b9\u65f6\uff0c\u4f60\u9700\u8981\u8fd9\u6837\u6e32\u67d3\u6811\uff1a',
+              ),
+              n.a.createElement(d['a'], {
+                code: "{\n  this.state.treeData.length ? (\n    <Tree>\n      {this.state.treeData.map(data => (\n        <TreeNode />\n      ))}\n    </Tree>\n  ) : (\n    'loading tree'\n  );\n}",
+                lang: 'unknown',
+              }),
+              n.a.createElement(
+                'h3',
+                { id: 'tree-\u65b9\u6cd5' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#tree-\u65b9\u6cd5',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'Tree \u65b9\u6cd5',
+              ),
+              n.a.createElement(
+                'table',
+                null,
+                n.a.createElement(
+                  'thead',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement('th', null, '\u540d\u79f0'),
+                    n.a.createElement('th', null, '\u8bf4\u660e'),
+                  ),
+                ),
+                n.a.createElement(
+                  'tbody',
+                  null,
+                  n.a.createElement(
+                    'tr',
+                    null,
+                    n.a.createElement(
+                      'td',
+                      null,
+                      'scrollTo(',
+                      '{',
+                      " key: string | number; align?: 'top' | 'bottom' | 'auto'; offset?: number ",
+                      '}',
+                      ')',
+                    ),
+                    n.a.createElement(
+                      'td',
+                      null,
+                      '\u865a\u62df\u6eda\u52a8\u4e0b\uff0c\u6eda\u52a8\u5230\u6307\u5b9a key \u6761\u76ee',
+                    ),
+                  ),
+                ),
+              ),
+              n.a.createElement(
+                'h2',
+                { id: 'faq' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  { to: '#faq', 'aria-hidden': 'true', tabIndex: -1 },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'FAQ',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: '\u5728-showline-\u65f6\u5982\u4f55\u9690\u85cf\u5b50\u8282\u70b9\u56fe\u6807',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u5728-showline-\u65f6\u5982\u4f55\u9690\u85cf\u5b50\u8282\u70b9\u56fe\u6807',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u5728 showLine \u65f6\uff0c\u5982\u4f55\u9690\u85cf\u5b50\u8282\u70b9\u56fe\u6807\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u6587\u4ef6\u56fe\u6807\u901a\u8fc7 switcherIcon \u6765\u5b9e\u73b0\uff0c\u5982\u679c\u4e0d\u9700\u8981\u4f60\u53ef\u4ee5\u8986\u76d6\u5bf9\u5e94\u7684\u6837\u5f0f\uff1a',
+                n.a.createElement(
+                  r['Link'],
+                  { to: 'https://codesandbox.io/s/883vo47xp8' },
+                  'https://codesandbox.io/s/883vo47xp8',
+                ),
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: 'defaultexpandedall-\u5728\u5f02\u6b65\u52a0\u8f7d\u6570\u636e\u65f6\u4e3a\u4f55\u4e0d\u751f\u6548',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#defaultexpandedall-\u5728\u5f02\u6b65\u52a0\u8f7d\u6570\u636e\u65f6\u4e3a\u4f55\u4e0d\u751f\u6548',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                'defaultExpandedAll \u5728\u5f02\u6b65\u52a0\u8f7d\u6570\u636e\u65f6\u4e3a\u4f55\u4e0d\u751f\u6548\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                n.a.createElement('code', null, 'default'),
+                ' \u524d\u7f00\u5c5e\u6027\u53ea\u6709\u5728\u521d\u59cb\u5316\u65f6\u751f\u6548\uff0c\u56e0\u800c\u5f02\u6b65\u52a0\u8f7d\u6570\u636e\u65f6 ',
+                n.a.createElement('code', null, 'defaultExpandedAll'),
+                ' \u5df2\u7ecf\u6267\u884c\u5b8c\u6210\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u53d7\u63a7 ',
+                n.a.createElement('code', null, 'expandedKeys'),
+                ' \u6216\u8005\u5728\u6570\u636e\u52a0\u8f7d\u5b8c\u6210\u540e\u6e32\u67d3 Tree \u6765\u5b9e\u73b0\u5168\u90e8\u5c55\u5f00\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                { id: '\u865a\u62df\u6eda\u52a8\u7684\u9650\u5236' },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#\u865a\u62df\u6eda\u52a8\u7684\u9650\u5236',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                '\u865a\u62df\u6eda\u52a8\u7684\u9650\u5236',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u865a\u62df\u6eda\u52a8\u901a\u8fc7\u5728\u4ec5\u6e32\u67d3\u53ef\u89c6\u533a\u57df\u7684\u5143\u7d20\u6765\u63d0\u5347\u6e32\u67d3\u6027\u80fd\u3002\u4f46\u662f\u540c\u65f6\u7531\u4e8e\u4e0d\u4f1a\u6e32\u67d3\u6240\u6709\u8282\u70b9\uff0c\u6240\u4ee5\u65e0\u6cd5\u81ea\u52a8\u62d3\u8f6c\u6a2a\u5411\u5bbd\u5ea6\uff08\u6bd4\u5982\u8d85\u957f ',
+                n.a.createElement('code', null, 'title'),
+                ' \u7684\u6a2a\u5411\u6eda\u52a8\u6761\uff09\u3002',
+              ),
+              n.a.createElement(
+                'h3',
+                {
+                  id: 'disabled-\u8282\u70b9\u5728\u6811\u4e2d\u7684\u5173\u7cfb\u662f\u4ec0\u4e48',
+                },
+                n.a.createElement(
+                  r['AnchorLink'],
+                  {
+                    to: '#disabled-\u8282\u70b9\u5728\u6811\u4e2d\u7684\u5173\u7cfb\u662f\u4ec0\u4e48',
+                    'aria-hidden': 'true',
+                    tabIndex: -1,
+                  },
+                  n.a.createElement('span', { className: 'icon icon-link' }),
+                ),
+                n.a.createElement('code', null, 'disabled'),
+                ' \u8282\u70b9\u5728\u6811\u4e2d\u7684\u5173\u7cfb\u662f\u4ec0\u4e48\uff1f',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                'Tree \u901a\u8fc7\u4f20\u5bfc\u65b9\u5f0f\u8fdb\u884c\u6570\u636e\u53d8\u66f4\u3002\u65e0\u8bba\u662f\u5c55\u5f00\u8fd8\u662f\u52fe\u9009\uff0c\u5b83\u90fd\u4f1a\u4ece\u53d8\u66f4\u7684\u8282\u70b9\u5f00\u59cb\u5411\u4e0a\u3001\u5411\u4e0b\u4f20\u5bfc\u53d8\u5316\uff0c\u76f4\u5230\u904d\u5386\u7684\u5f53\u524d\u8282\u70b9\u662f ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u65f6\u505c\u6b62\u3002\u56e0\u800c\u5982\u679c\u63a7\u5236\u7684\u8282\u70b9\u672c\u8eab\u4e3a ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u65f6\uff0c\u90a3\u4e48\u5b83\u53ea\u4f1a\u4fee\u6539\u672c\u8eab\u800c\u4e0d\u4f1a\u5f71\u54cd\u5176\u4ed6\u8282\u70b9\u3002\u4e3e\u4f8b\u6765\u8bf4\uff0c\u4e00\u4e2a\u7236\u8282\u70b9\u5305\u542b 3 \u4e2a\u5b50\u8282\u70b9\uff0c\u5176\u4e2d\u4e00\u4e2a\u4e3a ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u72b6\u6001\u3002\u90a3\u4e48\u52fe\u9009\u7236\u8282\u70b9\uff0c\u53ea\u4f1a\u5f71\u54cd\u5176\u4f59\u4e24\u4e2a\u5b50\u8282\u70b9\u53d8\u6210\u52fe\u9009\u72b6\u6001\u3002\u52fe\u9009\u4e24\u4e2a\u5b50\u8282\u70b9\u540e\uff0c\u65e0\u8bba ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u8282\u70b9\u4ec0\u4e48\u72b6\u6001\uff0c\u7236\u8282\u70b9\u90fd\u4f1a\u53d8\u6210\u52fe\u9009\u72b6\u6001\u3002',
+              ),
+              n.a.createElement(
+                'p',
+                null,
+                '\u8fd9\u79cd\u4f20\u5bfc\u7ec8\u6b62\u7684\u65b9\u5f0f\u662f\u4e3a\u4e86\u9632\u6b62\u901a\u8fc7\u52fe\u9009\u5b50\u8282\u70b9\u4f7f\u5f97 ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u7236\u8282\u70b9\u53d8\u6210\u52fe\u9009\u72b6\u6001\uff0c\u800c\u7528\u6237\u65e0\u6cd5\u76f4\u63a5\u52fe\u9009 ',
+                n.a.createElement('code', null, 'disabled'),
+                ' \u7236\u8282\u70b9\u66f4\u6539\u5176\u72b6\u6001\u5bfc\u81f4\u7684\u4ea4\u4e92\u77db\u76fe\u3002\u5982\u679c\u4f60\u6709\u7740\u81ea\u5df1\u7684\u4f20\u5bfc\u9700\u6c42\uff0c\u53ef\u4ee5\u901a\u8fc7 ',
+                n.a.createElement('code', null, 'checkStrictly'),
+                ' \u81ea\u5b9a\u4e49\u52fe\u9009\u903b\u8f91\u3002',
+              ),
+            ),
+          ),
+        )
+      );
+    },
+  },
+]);