yylib-quick-mobile/source/yylib/refer/YYReferLazyTreeList.js

yylib-quick-mobile

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _wingBlank = require('antd-mobile/lib/wing-blank');

var _wingBlank2 = _interopRequireDefault(_wingBlank);

var _modal = require('antd-mobile/lib/modal');

var _modal2 = _interopRequireDefault(_modal);

var _pagination = require('antd-mobile/lib/pagination');

var _pagination2 = _interopRequireDefault(_pagination);

var _list = require('antd-mobile/lib/list');

var _list2 = _interopRequireDefault(_list);

var _searchBar = require('antd-mobile/lib/search-bar');

var _searchBar2 = _interopRequireDefault(_searchBar);

var _activityIndicator = require('antd-mobile/lib/activity-indicator');

var _activityIndicator2 = _interopRequireDefault(_activityIndicator);

var _navBar = require('antd-mobile/lib/nav-bar');

var _navBar2 = _interopRequireDefault(_navBar);

var _whiteSpace = require('antd-mobile/lib/white-space');

var _whiteSpace2 = _interopRequireDefault(_whiteSpace);

var _icon = require('antd-mobile/lib/icon');

var _icon2 = _interopRequireDefault(_icon);

var _toast = require('antd-mobile/lib/toast');

var _toast2 = _interopRequireDefault(_toast);

var _radio = require('antd-mobile/lib/radio');

var _radio2 = _interopRequireDefault(_radio);

var _checkbox = require('antd-mobile/lib/checkbox');

var _checkbox2 = _interopRequireDefault(_checkbox);

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

require('antd-mobile/lib/wing-blank/style/css');

require('antd-mobile/lib/modal/style/css');

require('antd-mobile/lib/pagination/style/css');

require('antd-mobile/lib/list/style/css');

require('antd-mobile/lib/search-bar/style/css');

require('antd-mobile/lib/activity-indicator/style/css');

require('antd-mobile/lib/nav-bar/style/css');

require('antd-mobile/lib/white-space/style/css');

require('antd-mobile/lib/icon/style/css');

require('antd-mobile/lib/toast/style/css');

require('antd-mobile/lib/radio/style/css');

require('antd-mobile/lib/checkbox/style/css');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

require('./refer.less');

var _SwipeNavBar = require('../swipeNavBar/SwipeNavBar');

var _SwipeNavBar2 = _interopRequireDefault(_SwipeNavBar);

var _deleteTap = require('../delete-tap/deleteTap');

var _deleteTap2 = _interopRequireDefault(_deleteTap);

var _RestUrl = require('../../common/RestUrl');

var _RestUrl2 = _interopRequireDefault(_RestUrl);

var _FunctionUtil = require('../../utils/FunctionUtil');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function _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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var CheckboxItem = _checkbox2.default.CheckboxItem;
var RadioItem = _radio2.default.RadioItem;
var page = void 0;
var referUrl = [];
var treereferUrl = [];
var relyfield = [];
var referTreeListParams = {};
var referParams = void 0;
var data = [];
var pageCount = [];
var NUM = 1;
var ListNum = {};
var onsearch = false;
var searchNUM = 1;
var PID = '';

var YYReferTreeList = function (_React$Component) {
    _inherits(YYReferTreeList, _React$Component);

    function YYReferTreeList(props) {
        _classCallCheck(this, YYReferTreeList);

        var _this = _possibleConstructorReturn(this, (YYReferTreeList.__proto__ || Object.getPrototypeOf(YYReferTreeList)).call(this, props));

        _this.onMultiChange = function (e, selectedNode) {
            var selectedNodes = _this.state.selectedNodes;
            if (!selectedNodes.some(function (item) {
                return item.id === selectedNode.id;
            })) {
                selectedNodes.push(selectedNode);
                selectedNode.checked = true;
                _this.setState({
                    selectedNodes: selectedNodes,
                    row: selectedNodes
                });
            } else {
                var newNodes = [];
                selectedNodes.map(function (item) {
                    if (item.id !== selectedNode.id) {
                        newNodes.push(item);
                    }
                });
                selectedNode.checked = false;
                _this.setState({
                    selectedNodes: newNodes,
                    row: newNodes
                });
            }
        };

        _this.onSingleChange = function (e, selectedNode) {
            if (selectedNode.id === _this.state.selectedId) {
                _this.setState({
                    selectedId: null,
                    selectedNode: {}
                });
            } else {
                _this.setState({
                    selectedId: selectedNode.id,
                    selectedNode: selectedNode
                });
            };

            setTimeout(function () {
                _this.setState({
                    pageNumber: 1,
                    searchText: '',
                    showList: false
                });
                var referParams = {};
                referParams.condition = _this.props.condition;
                if (_this.props.onOk && (0, _FunctionUtil.isFunction)(_this.props.onOk)) {
                    if (!_this.props.multiMode) {
                        _this.props.onOk(_this.state.selectedNode, _this.props.referName);
                        _this.setState({
                            selectedId: null
                        });
                    } else {
                        _this.props.onOk(_this.state.selectedNodes, _this.props.referName);

                        _this.setState({
                            selectedNodes: []
                        });
                    }
                }
            }, 0);
        };

        _this.showModal = function (key) {
            return function (e) {
                e.preventDefault();
                _this.setState(_defineProperty({}, key, true));
            };
        };

        _this.onClose = function (key) {
            return function (e) {
                var referParams = {};
                referParams.condition = _this.props.condition;
                _this.setState({
                    showList: false
                });
                _this.setState({ searchText: '' });
                _this.props.onClose(key);
            };
        };

        _this.onOk = function (key) {
            return function (e) {
                var _self = _this;
                _this.setState({
                    pageNumber: 1,
                    searchText: '',
                    showList: false
                });
                var referParams = {};
                referParams.condition = _this.props.condition;
                if (_this.props.onOk && (0, _FunctionUtil.isFunction)(_this.props.onOk)) {
                    if (!_this.props.multiMode) {
                        _this.props.onOk(_this.state.selectedNode, key);
                        _this.setState({
                            selectedId: null
                        });
                    } else {
                        _this.props.onOk(_this.state.selectedNodes, key);

                        _this.setState({
                            selectedNodes: []
                        });
                    }
                }
            };
        };

        _this.onTreeChange = function (e, selectedNode) {
            e.stopPropagation();
            e.preventDefault();
            if (selectedNode.id === _this.state.selectedTreeId) {
                _this.setState({
                    selectedTreeId: null,
                    changeOrNext: false
                });
                setTimeout(function () {
                    _this.setState({
                        changeOrNext: true
                    });
                }, 10);
            } else {
                _this.setState({
                    selectedTreeId: selectedNode.id,
                    changeOrNext: false
                });
                setTimeout(function () {
                    _this.setState({
                        changeOrNext: true
                    });
                }, 10);
            }
            PID = selectedNode.id;

            if (data[_this.props.referName + selectedNode.id + 'list1']) {
                console.log('xxxxx');
                console.log(data[_this.props.referName + selectedNode.id + 'list1']);
                data[_this.props.referName + 'list'] = data[_this.props.referName + selectedNode.id + 'list1'];
                pageCount[_this.props.referName] = pageCount[_this.props.referName + selectedNode.id + 'list'];
                referTreeListParams.relyCondition = relyfield[_this.props.referName] + '=' + selectedNode.id;
                referTreeListParams.condition = _this.props.listCondition;
                referTreeListParams.pageSize = 10;
                _this.setState({
                    pageNumber: 1,
                    showList: true
                });
            } else {
                referTreeListParams.relyCondition = relyfield[_this.props.referName] + '=' + selectedNode.id;
                referTreeListParams.condition = _this.props.listCondition;
                referTreeListParams.pageSize = 10;
                _this.getListData(referUrl[_this.props.referName], referTreeListParams, 1, _this.props.referName);
            }
        };

        _this.onSearchSubmit = function (value) {
            if (value == '') {
                onsearch = false;
                _this.setState({
                    searchText: value
                });
                referTreeListParams.searchText = '';
                data[_this.props.referName + 'list'] = data[_this.props.referName + PID + 'list' + 1];
                pageCount[_this.props.referName] = pageCount[_this.props.referName + PID + 'list'];
                _this.setState({
                    pageNumber: 1,
                    animating: false
                });
            } else {
                onsearch = true;
                _this.setState({
                    searchText: value
                });
                referTreeListParams.searchText = value;
                _this.getListData(referUrl[_this.props.referName], referTreeListParams, 1, _this.props.referName);
            }
            _this.setState({
                searchText: value
            });
        };

        _this.onTreeSearchSubmit = function (value) {
            if (value == '') {
                console.log(referParams.pid);
                if (referParams.pid) {
                    _this.getTreeData(treereferUrl[_this.props.referName], { pid: referParams.pid }, _this.props.referName);
                } else {
                    _this.getTreeData(treereferUrl[_this.props.referName], {}, _this.props.referName);
                }
            } else {
                var currentData = data[_this.props.referName];
                var searchData = [];
                var searchKey = _this.props.displayField;
                var search = function search(searchText, data) {
                    for (var i = 0; i < data.length; i++) {
                        if (data[i][searchKey].includes(searchText)) {
                            searchData.push(data[i]);
                        }
                        if (data[i].children !== null) {
                            search(searchText, data[i].children);
                        }
                    }
                };
                search(value, currentData);
                data[_this.props.referName] = searchData;
                _this.setState({
                    animating: false
                });
            }
        };

        _this._clickItem = function (item) {
            var _self = _this;
            var ajax = window.YYUtils.Ajax;
            var offline = _this.props.offline;

            var getText = offline ? ajax.getTextOffLine : ajax.getText;
            getText.call(ajax, treereferUrl[_self.props.referName], { referParams: referParams, pid: item.id }, function (result) {
                result = JSON.parse(result);
                item.children = result;
                if (item.open == null) {
                    item.open = true;
                } else {
                    item.open = !item.open;
                }
                _self.setState({
                    animating: false
                });
            }, function (err) {
                _self.setState({
                    animating: false
                });
                _toast2.default.info("服务器通讯异常!", 1);
            });
        };

        _this.treeListContent = function (treeData, selectedId, show) {
            if (treeData) {
                return treeData.map(function (item, index) {
                    var arrow = '';
                    if (!item.isLeaf && !item.open) {
                        arrow = "right";
                    } else if (!item.isLeaf && item.open) {
                        arrow = "down";
                    }
                    if (show) {
                        return _react2.default.createElement(
                            'div',
                            { className: 'refer-content', style: { position: 'relative', paddingLeft: '15px' } },
                            _react2.default.createElement(
                                'div',
                                { style: { borderBottom: '1px solid #CCCCCC' } },
                                _react2.default.createElement(
                                    RadioItem,
                                    { style: { width: '80vw' }, checked: false, onChange: function onChange(e) {
                                            return _this.onTreeChange(e, item);
                                        }, key: index },
                                    _this.getItemContent(item)
                                ),
                                arrow !== '' && _react2.default.createElement(
                                    'div',
                                    { className: 'yyrefer-tree-icon-openclose', onClick: function onClick() {
                                            _this._clickItem(item);
                                        } },
                                    _react2.default.createElement(
                                        'div',
                                        { style: { position: 'relative' } },
                                        _react2.default.createElement(_icon2.default, { size: 'md', type: arrow, color: '#C7C7CC' })
                                    )
                                )
                            ),
                            _react2.default.createElement(
                                'div',
                                { style: { paddingLeft: '10px' } },
                                _this.treeListContent(item.children, selectedId, item.open)
                            )
                        );
                    }
                });
            }
        };

        _this.listContent = function (data, selectedId) {
            if (_this.props.multiMode) {
                if (data) {
                    return data.map(function (item) {
                        return _react2.default.createElement(
                            CheckboxItem,
                            { key: item.id, checked: item.checked, onChange: function onChange(e) {
                                    return _this.onMultiChange(e, item);
                                } },
                            _this.getItemContent(item)
                        );
                    });
                }
            } else {
                if (data) {
                    return data.map(function (item) {
                        return _react2.default.createElement(
                            RadioItem,
                            { key: item.id, checked: selectedId === item.id,
                                onChange: function onChange(e) {
                                    return _this.onSingleChange(e, item);
                                } },
                            _this.getItemContent(item)
                        );
                    });
                }
            }
        };

        _this.nextRefer = function (value) {
            setTimeout(function () {
                if (_this.state.changeOrNext) {
                    referParams.pid = value.id;
                    if (!value.isLeaf) {
                        _this.setState({
                            swiperNew: value
                        });
                        _this.getTreeData(treereferUrl[_this.props.referName], referParams, _this.props.referName);
                    }
                }
            }, 10);
        };

        _this.handleClick = function (value) {
            if (value.name == '首页') {
                _this.setState({
                    swiperow: [value]
                });
                _this.getTreeData(value.url, {}, _this.props.referName);
            } else {
                _this.state.swiperow.some(function (item, index) {
                    if (item.id == value.id) {
                        var name = _this.props.referName;
                        var oldRow = _this.state.swiperow;
                        referParams.pid = value.id;
                        var newRow = [];
                        newRow = oldRow.splice(0, index + 1);
                        _this.setState({
                            swiperow: newRow
                        });
                        _this.getTreeData(treereferUrl[name], { pid: value.id }, _this.props.referName);
                    }
                });
            }
        };

        _this.tapHandleClick = function (item) {
            var fulldata = data[_this.props.referName + 'selectlist'];

            var selectdata = _this.state.selectedNodes;
            for (var i = 0; i < selectdata.length; i++) {
                if (item === selectdata[i]) {
                    if (i == 0) {
                        selectdata.splice(0, 1);
                    } else {
                        selectdata.splice(i, 1);
                    }
                    _this.setState({
                        selectedNodes: selectdata,
                        row: selectdata
                    });
                }
            }
            for (var _i = 0; _i < fulldata.length; _i++) {
                if (item.id == fulldata[_i].id) {
                    fulldata[_i].checked = false;
                }
            }
        };

        _this.onChangePageNumber = function (value) {
            if (onsearch) {
                if (value > searchNUM) {
                    searchNUM++;
                    _this.setState({
                        pageNumber: value
                    });
                    var _referParams = {};
                    _referParams.condition = _this.props.condition;
                    _referParams.pageSize = 10;
                    if (_this.state.searchText !== '') {
                        _referParams.searchText = _this.state.searchText;
                        referTreeListParams.searchText = _this.state.searchText;
                    }
                    _this.getListData(referUrl[_this.props.referName], referTreeListParams, value, _this.props.referName);
                } else {
                    data[_this.props.referName + 'list'] = data[_this.props.referName + 'searchlist' + value];
                    _this.setState({
                        pageNumber: value,
                        animating: false
                    });
                }
            } else {
                if (value > ListNum[PID]) {
                    ListNum[PID]++;
                    _this.setState({
                        pageNumber: value
                    });
                    var _referParams2 = {};
                    _referParams2.condition = _this.props.condition;
                    _referParams2.pageSize = 10;
                    referTreeListParams.relyCondition = relyfield[_this.props.referName] + '=' + PID;
                    _this.getListData(referUrl[_this.props.referName], referTreeListParams, value, _this.props.referName);
                } else {
                    data[_this.props.referName + 'list'] = data[_this.props.referName + PID + 'list' + value];
                    _this.setState({
                        pageNumber: value,
                        animating: false
                    });
                }
            }
        };

        _this.state = {
            data: [],
            value: '',
            selectedId: null,
            selectedNode: {},
            selectedNodes: [],
            animating: false,
            pageCount: '',
            searchText: '',
            showList: false,
            changeOrNext: true,
            row: [],
            swiperow: [],
            swiperNew: {} };
        return _this;
    }

    _createClass(YYReferTreeList, [{
        key: 'componentWillReceiveProps',
        value: function componentWillReceiveProps(nextprops) {
            var offline = nextprops.offline;

            var ajax = window.YYUtils.Ajax;

            var getJSON = offline ? ajax.getJSONOffLine : ajax.getJSON;
            if (nextprops.open !== this.props.open) {
                if (nextprops.open) {
                    page = this;
                    var name = this.props.referName;
                    var open = this.props.open;
                    page.setState(_defineProperty({}, name, open));
                    var referCode = page.props.referCode;
                    var referStyle = page.props.referStyle;

                    getJSON.call(ajax, _RestUrl2.default.REF_SERVER_URL + _RestUrl2.default.GET_REFINFO_BYCODE, { refCode: referCode }, function (result) {
                        if (result.success) {
                            if (result.data !== null) {
                                data = {};
                                data[page.props.referName + 'selectlist'] = [];
                                NUM = 1;
                                onsearch = false;
                                searchNUM = 1;
                                referUrl[name] = result.data.dataurl;
                                treereferUrl[name] = result.data.treerelyurl;
                                relyfield[name] = result.data.relyfield;
                                referParams = {};
                                var rows = [{ id: '001', name: '首页', url: treereferUrl[name], referParams: referParams }];
                                page.setState({
                                    referName: result.data.refName,
                                    referUrl: referUrl,
                                    swiperow: rows,
                                    row: [],
                                    selectedNodes: [] });
                                referParams.condition = page.props.condition;
                                page.getTreeData(treereferUrl[name], referParams, name);
                            } else {
                                _toast2.default.info(result.msg, 2);
                            }
                        } else {
                            _toast2.default.info("请检查参照编码!", 3);
                        }
                    }, function (err) {
                        _toast2.default.info("服务器通讯异常!", 3);
                    });
                }
            }
        }
    }, {
        key: 'getTreeData',
        value: function getTreeData(referUrl, referParams, contentname) {
            var offline = this.props.offline;

            var ajax = window.YYUtils.Ajax;

            var getText = offline ? ajax.getTextOffLine : ajax.getText;
            var _self = this;
            _self.setState({
                animating: true
            });
            getText.call(ajax, referUrl, referParams, function (result) {
                if (result && result != "") {
                    try {
                        result = JSON.parse(result);
                    } catch (e) {
                        console.log("参照返回数据有异常!" + result);
                        result = [];
                    }

                    if (result.length !== 0) {
                        if (Object.keys(_self.state.swiperNew).length !== 0) {
                            _self.setState({
                                swiperow: [].concat(_toConsumableArray(_self.state.swiperow), [_self.state.swiperNew]),
                                swiperNew: {}
                            });
                        }
                    }
                    data[contentname] = result;
                }
                _self.setState({ animating: false });
            }, function (err) {
                _self.setState({
                    animating: false
                });
                _toast2.default.info("服务器通讯异常!", 1);
            });
        }
    }, {
        key: 'getListData',
        value: function getListData(referUrl, referParams, pageNumber, contentname) {
            var self = this;
            var offline = this.props.offline;

            var ajax = window.YYUtils.Ajax;

            var getJSON = offline ? ajax.getJSONOffLine : ajax.getJSON;
            self.setState({
                animating: true
            });
            getJSON.call(ajax, referUrl, Object.assign({}, referParams, { pageNumber: pageNumber }), function (result) {
                if (result.code === 'success') {
                    if (result.data.content.length == 0) {
                        _toast2.default.info('参照列表信息为空', 2);
                    }
                    var pid = referParams.relyCondition.split('=')[1];
                    data[contentname + 'list'] = result.data.content;
                    if (onsearch) {
                        data[contentname + 'searchlist' + pageNumber] = result.data.content;
                    } else {
                        ListNum[pid] = pageNumber;
                        data[contentname + pid + 'list' + pageNumber] = result.data.content;
                        data[contentname + 'selectlist'] = [].concat(_toConsumableArray(data[contentname + 'selectlist']), _toConsumableArray(result.data.content));
                        pageCount[contentname + pid + 'list'] = result.data.pageCount;
                    }
                    pageCount[contentname] = result.data.pageCount;
                    self.setState({
                        pageNumber: pageNumber,
                        pageCount: result.data.pageCount,
                        animating: false,
                        showList: result.data.content.length
                    });
                } else {
                    data[contentname + 'list'] = [];
                    _toast2.default.info('获取物料信息失败', 2);
                    self.setState({
                        animating: false
                    });
                }
            }, function (err) {
                self.setState({
                    animating: false
                });
                _toast2.default.info("服务器通讯异常!", 1);
            });
        }
    }, {
        key: 'getItemContent',
        value: function getItemContent(item) {
            var displayField = this.props.displayField;

            if (this.props.renderRow) {
                var content = this.props.renderRow(item);
                if (content) {
                    return content;
                }
            }
            return item[displayField];
        }
    }, {
        key: 'render',
        value: function render() {
            var _this2 = this;

            var _state = this.state,
                value = _state.value,
                selectedId = _state.selectedId,
                animating = _state.animating,
                pageNumber = _state.pageNumber,
                showList = _state.showList;
            var _props = this.props,
                referlabel = _props.referlabel,
                referCode = _props.referCode,
                multiMode = _props.multiMode,
                displayField = _props.displayField,
                disabled = _props.disabled,
                referStyle = _props.referStyle,
                referName = _props.referName,
                open = _props.open,
                modalHeight = _props.modalHeight,
                isSearch = _props.isSearch;

            return _react2.default.createElement(
                _wingBlank2.default,
                null,
                _react2.default.createElement(_whiteSpace2.default, null),
                _react2.default.createElement(
                    _modal2.default,
                    {
                        popup: true,
                        visible: disabled ? '' : open,
                        maskClosable: false,
                        animationType: 'slide-up' },
                    _react2.default.createElement(
                        'div',
                        { style: modalHeight == 'part' ? { height: '93vh', width: '100vw' } : { height: '100vh', width: '100vw', display: 'flex', flexDirection: 'column' } },
                        _react2.default.createElement(
                            'div',
                            { className: 'Nav' },
                            _react2.default.createElement(
                                _navBar2.default,
                                { leftContent: '\u8FD4\u56DE',
                                    key: 'nav',
                                    mode: 'light',
                                    onLeftClick: this.onClose(referName),
                                    rightContent: [_react2.default.createElement(
                                        'a',
                                        { key: 'nav', onClick: this.onOk(referName) },
                                        '\u786E\u5B9A'
                                    )]
                                },
                                referlabel
                            )
                        ),
                        _react2.default.createElement(
                            'div',
                            null,
                            _react2.default.createElement(_activityIndicator2.default, {
                                toast: true,
                                text: '\u52A0\u8F7D\u4E2D...',
                                animating: animating
                            }),
                            _react2.default.createElement(
                                'div',
                                { className: 'refer-lazytree-content' },
                                isSearch && _react2.default.createElement(_searchBar2.default, { placeholder: '\u641C\u7D22', onSubmit: this.onTreeSearchSubmit }),
                                _react2.default.createElement(
                                    _list2.default,
                                    null,
                                    this.treeListContent(data[referName], selectedId, true)
                                )
                            ),
                            _react2.default.createElement(
                                _modal2.default,
                                {
                                    popup: true,
                                    visible: showList,
                                    maskClosable: false,
                                    animationType: 'slide-up'
                                },
                                _react2.default.createElement(
                                    'div',
                                    { style: modalHeight == 'part' ? { height: '93vh', width: '100vw' } : { height: '100vh', width: '100vw', display: 'flex', flexDirection: 'column' } },
                                    _react2.default.createElement(
                                        _navBar2.default,
                                        { leftContent: '\u8FD4\u56DE',
                                            key: 'nav',
                                            mode: 'light',
                                            onLeftClick: function onLeftClick() {
                                                _this2.setState({ selectedTreeId: null, showList: false });referTreeListParams = {};NUM = 1;searchNUM = 1;onsearch = false;
                                            },
                                            rightContent: [_react2.default.createElement(
                                                'a',
                                                { key: 'nav', onClick: this.onOk(referName) },
                                                '\u786E\u5B9A'
                                            )]
                                        },
                                        referlabel
                                    ),
                                    _react2.default.createElement(_activityIndicator2.default, {
                                        toast: true,
                                        text: '\u52A0\u8F7D\u4E2D...',
                                        animating: animating
                                    }),
                                    _react2.default.createElement(
                                        'div',
                                        { className: 'refer-tree-content' },
                                        isSearch && _react2.default.createElement(_searchBar2.default, { placeholder: '\u641C\u7D22', onSubmit: this.onSearchSubmit }),
                                        _react2.default.createElement(
                                            _list2.default,
                                            { className: 'list-content' },
                                            this.listContent(data[referName + 'list'], selectedId)
                                        ),
                                        _react2.default.createElement(_pagination2.default, { total: pageCount[referName],
                                            onChange: this.onChangePageNumber,
                                            className: 'custom-pagination-with-icon',
                                            current: pageCount[referName] > 0 ? pageNumber : 1,
                                            locale: {
                                                prevText: _react2.default.createElement(
                                                    'span',
                                                    { className: 'arrow-align' },
                                                    '\u4E0A\u4E00\u9875'
                                                ),
                                                nextText: _react2.default.createElement(
                                                    'span',
                                                    { className: 'arrow-align' },
                                                    '\u4E0B\u4E00\u9875'
                                                )
                                            }
                                        })
                                    ),
                                    multiMode ? _react2.default.createElement(
                                        'div',
                                        { className: 'yyrefer-tap' },
                                        _react2.default.createElement(
                                            'div',
                                            { style: { width: 'auto' } },
                                            _react2.default.createElement(_deleteTap2.default, { rows: this.state.row, displayField: displayField, handleClick: this.tapHandleClick })
                                        )
                                    ) : ''
                                )
                            )
                        ),
                        multiMode ? _react2.default.createElement(
                            'div',
                            { className: 'yyrefer-tap' },
                            _react2.default.createElement(
                                'div',
                                { style: { width: 'auto' } },
                                _react2.default.createElement(_deleteTap2.default, { rows: this.state.row, displayField: displayField, handleClick: this.tapHandleClick })
                            )
                        ) : ''
                    )
                )
            );
        }
    }]);

    return YYReferTreeList;
}(_react2.default.Component);

exports.default = YYReferTreeList;

YYReferTreeList.defaultProps = {
    referlabel: '参照',
    referCode: '',
    modalHeight: 'all',
    displayField: 'name',
    referParams: {},
    multiMode: true,
    disabled: false,
    open: false,
    onOk: {},
    referName: 'key',
    referStyle: 'lazy-tree-list',
    condition: {},
    listCondition: {}
};