(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
  [121],
  {
    '1NqQ': function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        o = [
          {
            title: 'Node1',
            value: '0-0',
            children: [
              { title: 'Child Node1', value: '0-0-1' },
              { title: 'Child Node2', value: '0-0-2' },
            ],
          },
          { title: 'Node2', value: '0-1' },
        ];
      class s extends n.a.Component {
        constructor() {
          super(...arguments),
            (this.state = { value: void 0 }),
            (this.onChange = (e) => {
              console.log(e), this.setState({ value: e });
            });
        }
        render() {
          return n.a.createElement(r['gb'], {
            style: { width: '100%' },
            value: this.state.value,
            dropdownStyle: { maxHeight: 400, overflow: 'auto' },
            treeData: o,
            placeholder: 'Please select',
            treeDefaultExpandAll: !0,
            onChange: this.onChange,
          });
        }
      }
      t['default'] = s;
    },
    '6iCR': function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('tJVT'),
        n = a('q1tI'),
        r = a.n(n),
        o = a('m/eG'),
        s = o['gb'].TreeNode,
        i = () => {
          var e = Object(n['useState'])(void 0),
            t = Object(l['a'])(e, 2),
            a = t[0],
            i = t[1],
            d = () => {
              i(a);
            };
          return r.a.createElement(
            o['gb'],
            {
              showSearch: !0,
              style: { width: '100%' },
              value: a,
              dropdownStyle: { maxHeight: 400, overflow: 'auto' },
              placeholder: 'Please select',
              allowClear: !0,
              treeDefaultExpandAll: !0,
              onChange: d,
            },
            r.a.createElement(
              s,
              { value: 'parent 1', title: 'parent 1' },
              r.a.createElement(
                s,
                { value: 'parent 1-0', title: 'parent 1-0' },
                r.a.createElement(s, { value: 'leaf1', title: 'leaf1' }),
                r.a.createElement(s, { value: 'leaf2', title: 'leaf2' }),
              ),
              r.a.createElement(
                s,
                { value: 'parent 1-1', title: 'parent 1-1' },
                r.a.createElement(s, {
                  value: 'leaf3',
                  title: r.a.createElement(
                    'b',
                    { style: { color: '#08c' } },
                    'leaf3',
                  ),
                }),
              ),
            ),
          );
        };
      t['default'] = i;
    },
    Vk4d: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        o = r['gb'].TreeNode;
      class s extends n.a.Component {
        constructor() {
          super(...arguments),
            (this.state = { value: void 0 }),
            (this.onChange = (e) => {
              console.log(e), this.setState({ value: e });
            });
        }
        render() {
          return n.a.createElement(
            r['gb'],
            {
              showSearch: !0,
              style: { width: '100%' },
              value: this.state.value,
              dropdownStyle: { maxHeight: 400, overflow: 'auto' },
              placeholder: 'Please select',
              allowClear: !0,
              multiple: !0,
              treeDefaultExpandAll: !0,
              onChange: this.onChange,
            },
            n.a.createElement(
              o,
              { value: 'parent 1', title: 'parent 1' },
              n.a.createElement(
                o,
                { value: 'parent 1-0', title: 'parent 1-0' },
                n.a.createElement(o, { value: 'leaf1', title: 'my leaf' }),
                n.a.createElement(o, { value: 'leaf2', title: 'your leaf' }),
              ),
              n.a.createElement(
                o,
                { value: 'parent 1-1', title: 'parent 1-1' },
                n.a.createElement(o, {
                  value: 'sss',
                  title: n.a.createElement(
                    'b',
                    { style: { color: '#08c' } },
                    'sss',
                  ),
                }),
              ),
            ),
          );
        }
      }
      t['default'] = s;
    },
    'Xz/q': function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG'),
        o = r['gb'].SHOW_PARENT,
        s = [
          {
            title: 'Node1',
            value: '0-0',
            key: '0-0',
            children: [{ title: 'Child Node1', value: '0-0-0', key: '0-0-0' }],
          },
          {
            title: 'Node2',
            value: '0-1',
            key: '0-1',
            children: [
              { title: 'Child Node3', value: '0-1-0', key: '0-1-0' },
              { title: 'Child Node4', value: '0-1-1', key: '0-1-1' },
              { title: 'Child Node5', value: '0-1-2', key: '0-1-2' },
            ],
          },
        ];
      class i extends n.a.Component {
        constructor() {
          super(...arguments),
            (this.state = { value: ['0-0-0'] }),
            (this.onChange = (e) => {
              console.log('onChange ', e), this.setState({ value: e });
            });
        }
        render() {
          var e = {
            treeData: s,
            value: this.state.value,
            onChange: this.onChange,
            treeCheckable: !0,
            showCheckedStrategy: o,
            placeholder: 'Please select',
            style: { width: '100%' },
          };
          return n.a.createElement(r['gb'], e);
        }
      }
      t['default'] = i;
    },
    'hO+Z': function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('tJVT'),
        n = a('q1tI'),
        r = a.n(n),
        o = a('m/eG'),
        s = o['gb'].TreeNode,
        i = () => {
          var e = r.a.useState(!0),
            t = Object(l['a'])(e, 2),
            a = t[0],
            n = t[1],
            i = r.a.useState(!1),
            d = Object(l['a'])(i, 2),
            c = d[0],
            u = d[1];
          return r.a.createElement(
            o['T'],
            { direction: 'vertical' },
            r.a.createElement(o['X'], {
              checkedChildren: 'treeLine',
              unCheckedChildren: 'treeLine',
              checked: a,
              onChange: () => n(!a),
            }),
            r.a.createElement(o['X'], {
              disabled: !a,
              checkedChildren: 'showLeafIcon',
              unCheckedChildren: 'showLeafIcon',
              checked: c,
              onChange: () => u(!c),
            }),
            r.a.createElement(
              o['gb'],
              { treeLine: a && { showLeafIcon: c }, style: { width: 300 } },
              r.a.createElement(
                s,
                { value: 'parent 1', title: 'parent 1' },
                r.a.createElement(
                  s,
                  { value: 'parent 1-0', title: 'parent 1-0' },
                  r.a.createElement(s, { value: 'leaf1', title: 'my leaf' }),
                  r.a.createElement(s, { value: 'leaf2', title: 'your leaf' }),
                ),
                r.a.createElement(
                  s,
                  { value: 'parent 1-1', title: 'parent 1-1' },
                  r.a.createElement(s, { value: 'sss', title: 'sss' }),
                ),
              ),
            ),
          );
        };
      t['default'] = i;
    },
    osTl: function (e, t, a) {
      'use strict';
      a.r(t);
      var l = a('q1tI'),
        n = a.n(l),
        r = a('m/eG');
      class o extends n.a.Component {
        constructor() {
          super(...arguments),
            (this.state = {
              value: void 0,
              treeData: [
                { id: 1, pId: 0, value: '1', title: 'Expand to load' },
                { id: 2, pId: 0, value: '2', title: 'Expand to load' },
                { id: 3, pId: 0, value: '3', title: 'Tree Node', isLeaf: !0 },
              ],
            }),
            (this.genTreeNode = function (e) {
              var t =
                  arguments.length > 1 &&
                  void 0 !== arguments[1] &&
                  arguments[1],
                a = Math.random().toString(36).substring(2, 6);
              return {
                id: a,
                pId: e,
                value: a,
                title: t ? 'Tree Node' : 'Expand to load',
                isLeaf: t,
              };
            }),
            (this.onLoadData = (e) => {
              var t = e.id;
              return new Promise((e) => {
                setTimeout(() => {
                  this.setState({
                    treeData: this.state.treeData.concat([
                      this.genTreeNode(t, !1),
                      this.genTreeNode(t, !0),
                      this.genTreeNode(t, !0),
                    ]),
                  }),
                    e();
                }, 300);
              });
            }),
            (this.onChange = (e) => {
              console.log(e), this.setState({ value: e });
            });
        }
        render() {
          var e = this.state.treeData;
          return n.a.createElement(r['gb'], {
            treeDataSimpleMode: !0,
            style: { width: '100%' },
            value: this.state.value,
            dropdownStyle: { maxHeight: 400, overflow: 'auto' },
            placeholder: 'Please select',
            onChange: this.onChange,
            loadData: this.onLoadData,
            treeData: e,
          });
        }
      }
      t['default'] = o;
    },
  },
]);
