dlt-for-react 1.1.15 → 1.1.17

package/lib/components/NHSelector/index.js

@@ -0,0 +1,636 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _keys = require("babel-runtime/core-js/object/keys");
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+require("../../../assets/selector/resultview/index.less");
+
+var _resultview = require("./resultview");
+
+var _resultview2 = _interopRequireDefault(_resultview);
+
+var _selectormodal = require("./selectormodal");
+
+var _selectormodal2 = _interopRequireDefault(_selectormodal);
+
+var _table = require("./table");
+
+var _table2 = _interopRequireDefault(_table);
+
+var _tree = require("./tree");
+
+var _tree2 = _interopRequireDefault(_tree);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//Modal的最大宽度、高度为屏幕宽度、高度的2/3
+var maxWidth = window.screen.width - 20;
+var maxHeight = window.screen.height - 108;
+
+var NHSelector = function (_React$Component) {
+  (0, _inherits3.default)(NHSelector, _React$Component);
+
+  function NHSelector(props) {
+    (0, _classCallCheck3.default)(this, NHSelector);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NHSelector.__proto__ || (0, _getPrototypeOf2.default)(NHSelector)).call(this, props));
+
+    _this.ansysParams = function () {
+      var _this$props = _this.props,
+          sign = _this$props.sign,
+          baseUrl = _this$props.baseUrl,
+          title = _this$props.title,
+          mode = _this$props.mode,
+          keyField = _this$props.keyField,
+          titleField = _this$props.titleField,
+          isSinger = _this$props.isSinger,
+          singerBottomShowFlag = _this$props.singerBottomShowFlag,
+          treeShowIcon = _this$props.treeShowIcon,
+          footerFlag = _this$props.footerFlag,
+          columns = _this$props.columns,
+          searchField = _this$props.searchField,
+          searchWidth = _this$props.searchWidth,
+          placeholder = _this$props.placeholder,
+          showHeader = _this$props.showHeader,
+          searchRender = _this$props.searchRender,
+          rowRender = _this$props.rowRender,
+          singerBottomShowRender = _this$props.singerBottomShowRender,
+          funcParams = _this$props.funcParams,
+          footerRender = _this$props.footerRender;
+      //先从缓存中获取配置信息，如果再缓存中没有配置信息则说明配置时在前端书写
+
+      var paramsStr = sessionStorage.getItem("nhParams");
+      var params = undefined;
+      if (paramsStr != undefined) {
+        var params1 = JSON.parse(paramsStr);
+        if (params1.selector !== undefined && params1.selector[sign]) {
+          params = params1.selector[sign];
+        }
+      }
+      if (params != undefined) {
+        params.baseUrl = baseUrl !== undefined ? baseUrl : params.baseUrl === "" || params.baseUrl === null ? undefined : params.baseUrl;
+        params.title = title !== "标题" ? title : params.title;
+        params.mode = mode !== "treeAndTable" ? mode : params.mode;
+        params.keyField = keyField !== "key" ? keyField : params.keyField;
+        params.titleField = titleField !== "title" ? titleField : params.titleField;
+        params.isSinger = isSinger !== false ? isSinger : params.isSinger === "false" || params.isSinger === "" || params.isSinger === undefined ? false : true;
+        params.singerBottomShowFlag = singerBottomShowFlag !== false ? singerBottomShowFlag : params.singerBottomShowFlag === "false" || params.singerBottomShowFlag === "" || params.singerBottomShowFlag === undefined ? false : true;
+        params.treeShowIcon = treeShowIcon !== false ? treeShowIcon : params.treeShowIcon === "false" || params.treeShowIcon === "" || params.treeShowIcon === undefined ? false : true;
+        params.footerFlag = footerFlag !== true ? footerFlag : params.footerFlag === "true" || params.footerFlag === "" || params.footerFlag === undefined ? true : false;
+        params.columns = columns !== undefined ? columns : params.columns;
+        params.searchField = searchField !== undefined ? searchField : params.searchField;
+        params.searchWidth = searchWidth !== "230" ? searchWidth : params.searchWidth;
+        params.placeholder = placeholder !== "请输入查询条件" ? placeholder : params.placeholder;
+        params.showHeader = showHeader !== true ? showHeader : params.showHeader === "true" || params.showHeader === "" || params.showHeader === undefined ? true : false;
+        params.searchRender = searchRender !== undefined ? searchRender : params.searchRender;
+        params.rowRender = rowRender !== undefined ? rowRender : params.rowRender;
+        params.singerBottomShowRender = singerBottomShowRender;
+        if (singerBottomShowRender !== undefined && (0, _keys2.default)(funcParams).length !== 0) {
+          params.singerBottomShowRender = funcParams[params.singerBottomShowRender];
+        }
+        params.footerRender = footerRender;
+        if (footerRender !== undefined && (0, _keys2.default)(funcParams).length !== 0) {
+          params.footerRender = funcParams[params.footerRender];
+        }
+        //计算宽度和高度
+        var height = parseInt(_this.props.height !== undefined ? _this.props.height : params.height, 10) > maxHeight ? maxHeight : parseInt(_this.props.height !== undefined ? _this.props.height : params.height, 10);
+        var treeWidth = (_this.props.treeWidth !== undefined ? _this.props.treeWidth : params.treeWidth) ? parseInt(_this.props.treeWidth !== undefined ? _this.props.treeWidth : params.treeWidth, 10) : 0;
+        var tableWidth = (_this.props.tableWidth !== undefined ? _this.props.tableWidth : params.tableWidth) ? parseInt(_this.props.tableWidth !== undefined ? _this.props.tableWidth : params.tableWidth, 10) : 0;
+        var resultWidth = (_this.props.resultWidth !== undefined ? _this.props.resultWidth : params.resultWidth) ? parseInt(_this.props.resultWidth !== undefined ? _this.props.resultWidth : params.resultWidth, 10) : 0;
+        var treeUrl = _this.props.treeUrl || params.treeUrl || (params.baseUrl || window.baseUrl) + "/proData/selector/tree/list";
+        var tableUrl = (_this.props.tableUrl !== undefined ? _this.props.tableUrl : params.tableUrl) === undefined ? (params.baseUrl ? params.baseUrl : window.baseUrl) + "/proData/selector/table/list" : _this.props.tableUrl !== undefined ? _this.props.tableUrl : params.tableUrl;
+        if (params.isSinger === true && params.singerBottomShowFlag === true) {
+          resultWidth = 0;
+        }
+        if (params.mode === "treeAndTable") {
+          if (treeWidth + tableWidth + resultWidth + 2 > maxWidth) {
+            tableWidth = maxWidth - treeWidth - resultWidth - 2;
+            if (tableWidth <= 300) {
+              tableWidth = 300;
+            }
+          }
+        }
+        _this.setState({
+          params: params,
+          height: height,
+          treeWidth: treeWidth,
+          tableWidth: tableWidth,
+          resultWidth: resultWidth,
+          treeUrl: treeUrl,
+          tableUrl: tableUrl
+        });
+      } else {
+        var _params = {};
+        _params.baseUrl = baseUrl;
+        _params.title = title;
+        _params.mode = mode;
+        _params.keyField = keyField;
+        _params.titleField = titleField;
+        _params.isSinger = isSinger;
+        _params.singerBottomShowFlag = singerBottomShowFlag;
+        _params.treeShowIcon = treeShowIcon;
+        _params.columns = columns;
+        _params.searchField = searchField;
+        _params.searchWidth = searchWidth;
+        _params.placeholder = placeholder;
+        _params.showHeader = showHeader;
+        _params.searchRender = searchRender;
+        _params.rowRender = rowRender;
+        _params.singerBottomShowRender = singerBottomShowRender;
+        _params.footerRender = footerRender;
+        //计算宽度和高度
+        var _height = parseInt(_this.props.height, 10) > maxHeight ? maxHeight : parseInt(_this.props.height, 10);
+        var _treeWidth = _this.props.treeWidth ? parseInt(_this.props.treeWidth, 10) : 0;
+        var _tableWidth = _this.props.tableWidth ? parseInt(_this.props.tableWidth, 10) : 0;
+        var _resultWidth = _this.props.resultWidth ? parseInt(_this.props.resultWidth, 10) : 0;
+        var _treeUrl = _this.props.treeUrl || (_params.baseUrl ? _params.baseUrl : window.baseUrl) + "/proData/selector/tree/list";
+        var _tableUrl = _this.props.tableUrl === undefined ? (_params.baseUrl ? _params.baseUrl : window.baseUrl) + "/proData/selector/table/list" : _this.props.tableUrl;
+        if (_this.state.params.isSinger === true && singerBottomShowFlag === true) {
+          _resultWidth = 0;
+        }
+        if (mode === "treeAndTable") {
+          if (_treeWidth + _tableWidth + _resultWidth + 2 > maxWidth) {
+            _tableWidth = maxWidth - _treeWidth - _resultWidth - 2;
+            if (_tableWidth <= 300) {
+              _tableWidth = 300;
+            }
+          }
+        }
+        _this.setState({
+          params: _params,
+          height: _height,
+          treeWidth: _treeWidth,
+          tableWidth: _tableWidth,
+          resultWidth: _resultWidth,
+          treeUrl: _treeUrl,
+          tableUrl: _tableUrl
+        });
+      }
+    };
+
+    _this.show = function (initValues) {
+      var _this$props2 = _this.props,
+          isRememberLastSelect = _this$props2.isRememberLastSelect,
+          treeParams = _this$props2.treeParams,
+          tableParams = _this$props2.tableParams;
+      var selectTableDataCache = _this.state.selectTableDataCache;
+
+      _this.selModal.show();
+      //刚打开弹窗的时候，里面的树等组件还未渲染
+      var obj = _this;
+      var t1 = setInterval(function () {
+        var isBoolean = (obj.state.params.mode === "tree" || obj.state.params.mode === "treeAndTable") && obj.lyTree || (obj.state.params.mode === "table" || obj.state.params.mode === "treeAndTable") && obj.lySelectorTable;
+        if (obj.lyResultView && isBoolean) {
+          window.clearTimeout(t1);
+          //1、初始化树和列表的数据
+          if (obj.state.params.mode === "tree" || obj.state.params.mode === "treeAndTable") {
+            obj.lyTree.getData();
+            obj.lyTree.setCheckedKeys([]);
+            obj.lyTree.setSelectedKeys([]);
+          }
+          if (obj.state.params.mode === "table" || obj.state.params.mode === "treeAndTable") {
+            // 是否要开启记住上次选择
+            var selectTableData = isRememberLastSelect ? selectTableDataCache : {};
+            //执行初始化查询之前，先初始化树查询的条件
+            _this.setState((0, _extends3.default)({
+              treeTableParams: {}
+            }, selectTableData), function () {
+              obj.lySelectorTable.onRest();
+            });
+            obj.lySelectorTable.setSelectedRowKeys(isRememberLastSelect ? selectTableDataCache.selectRowKeys : [], isRememberLastSelect ? selectTableDataCache.selectRows : []);
+          }
+          //2、初始化展示需要显示的数据
+          obj.lyResultView.initValues(initValues, _this.state.params.mode === "tree" ? treeParams : tableParams);
+        }
+      }, 10);
+    };
+
+    _this.handleTreeSelect = function (treeSelectKeys, treeSelectNodes) {
+      //如果是tree模式，树选中的结果就是最终的选择的结果
+      if (_this.state.params.mode === "tree") {
+        _this.setState({
+          selectRowKeys: treeSelectKeys,
+          selectRows: treeSelectNodes
+        });
+      } else {
+        //如果是treeAndTable模式，树选中的结果就是列表的搜索条件
+        var treeTableParams = {};
+        if (treeSelectKeys.length > 0) {
+          var searchFieldKey = treeSelectNodes[0].SEARCH_FIELD_KEY || treeSelectNodes[0].search_field_key || treeSelectNodes[0].searchFieldKey;
+          treeTableParams["S_" + searchFieldKey + "_EQ"] = treeSelectKeys[0];
+        }
+        _this.setState({
+          treeTableParams: treeTableParams
+        }, function () {
+          _this.lySelectorTable.filterTableData();
+        });
+      }
+    };
+
+    _this.handleTableSelect = function (tableSelectKeys, tableSelectNodes) {
+      _this.setState({
+        selectRowKeys: tableSelectKeys,
+        selectRows: tableSelectNodes
+      });
+    };
+
+    _this.updateSelectValues = function (selectRowKeys, selectRows) {
+      _this.setState({
+        selectRows: selectRows,
+        selectRowKeys: selectRowKeys
+      });
+      var obj = _this;
+      var t1 = setInterval(function () {
+        //使用定时器是为了解决可能出现的先加载了显示的数据，然后才加载列表和树
+        var isBoolean = _this.state.params.mode === "tree" && obj.lyTree || _this.state.params.mode !== "tree" && obj.lySelectorTable;
+        if (isBoolean) {
+          window.clearTimeout(t1);
+          if (_this.state.params.mode === "tree") {
+            //改变树选中的值
+            _this.lyTree.setCheckedKeys(selectRowKeys);
+          } else {
+            //改变列表的值
+            _this.lySelectorTable.setSelectedRowKeys(selectRowKeys, selectRows);
+          }
+        }
+      }, 10);
+    };
+
+    _this.handleTree = function () {
+      var _this$props3 = _this.props,
+          treeParams = _this$props3.treeParams,
+          sign = _this$props3.sign,
+          treeSqlParams = _this$props3.treeSqlParams;
+
+      return _react2.default.createElement(_tree2.default, {
+        ref: function ref(modal) {
+          _this.lyTree = modal;
+        },
+        url: _this.state.treeUrl,
+        keyField: _this.state.params.keyField,
+        width: _this.state.treeWidth,
+        height: _this.state.height,
+        checkable: _this.state.params.mode === "tree" ? !_this.state.params.isSinger : false //如果是tree模式，则使用设置的是否多选，否则树将作为一个搜索条件，此处只能值单选
+        , onSelect: _this.handleTreeSelect,
+        params: treeParams,
+        sign: sign,
+        sqlParams: treeSqlParams,
+        showIcon: _this.state.params.treeShowIcon
+      });
+    };
+
+    _this.handleResult = function () {
+      var _this$props4 = _this.props,
+          sign = _this$props4.sign,
+          footerRender = _this$props4.footerRender,
+          rowRender = _this$props4.rowRender,
+          tableParams = _this$props4.tableParams,
+          tableSqlParams = _this$props4.tableSqlParams,
+          singerBottomShowRender = _this$props4.singerBottomShowRender,
+          unit = _this$props4.unit;
+
+      return _react2.default.createElement(_resultview2.default, {
+        ref: function ref(modal) {
+          _this.lyResultView = modal;
+        },
+        sign: sign,
+        width: _this.state.resultWidth,
+        height: _this.state.height,
+        selectRows: _this.state.selectRows,
+        selectRowKeys: _this.state.selectRowKeys,
+        footerRender: footerRender,
+        rowRender: rowRender,
+        titleField: _this.state.params.titleField,
+        keyField: _this.state.params.keyField,
+        updateSelectValues: _this.updateSelectValues,
+        mode: _this.state.params.mode,
+        url: _this.state.params.mode === "tree" ? _this.state.treeUrl : _this.state.tableUrl,
+        initParams: tableParams //初始化过滤的值
+        , sqlParams: tableSqlParams,
+        isSinger: _this.state.params.isSinger,
+        singerBottomShowFlag: _this.state.params.singerBottomShowFlag,
+        singerBottomShowRender: singerBottomShowRender,
+        unit: unit
+      });
+    };
+
+    _this.handleTable = function () {
+      var _this$props5 = _this.props,
+          sign = _this$props5.sign,
+          tableParams = _this$props5.tableParams,
+          tableSqlParams = _this$props5.tableSqlParams,
+          tableWidth = _this$props5.tableWidth,
+          funcParams = _this$props5.funcParams,
+          rangeFilter = _this$props5.rangeFilter,
+          rangeFilterList = _this$props5.rangeFilterList,
+          historyRangeFilter = _this$props5.historyRangeFilter,
+          historyCycleList = _this$props5.historyCycleList,
+          safeMode = _this$props5.safeMode;
+
+      return _react2.default.createElement(_table2.default, {
+        sign: sign,
+        ref: function ref(modal) {
+          _this.lySelectorTable = modal;
+        },
+        rowKey: _this.state.params.keyField,
+        keyField: _this.state.params.keyField,
+        url: _this.state.tableUrl,
+        initParams: tableParams //初始化过滤的值
+        , sqlParams: tableSqlParams,
+        type: _this.state.params.isSinger === true ? "radio" : "checkbox",
+        footerFlag: _this.state.params.footerFlag,
+        onSelect: _this.handleTableSelect //数据选中事件
+        , columns: _this.state.params.columns,
+        searchField: _this.state.params.searchField //需要查询的字段
+        , searchWidth: _this.state.params.searchWidth,
+        placeholder: _this.state.params.placeholder,
+        width: tableWidth,
+        showHeader: _this.state.params.showHeader,
+        treeParams: _this.state.treeTableParams,
+        searchRender: _this.state.params.searchRender,
+        funcParams: funcParams,
+        rangeFilter: rangeFilter //是否开启职务范围过滤
+        , rangeFilterList: rangeFilterList // 自定义职务过滤列表
+        , historyRangeFilter: historyRangeFilter // 历史职务过滤(目前只支持班级职务)。读取历史带班表【ZHXG_XGDW_LSDBXX】，开启后班级职务使用历史带班表，其他层级职务照旧
+        , historyCycleList: historyCycleList //  历史数据周期（学年学期格式）。值为空时查询全表，historyRangeFilter为true时生效。
+        , safeMode: safeMode
+      });
+    };
+
+    _this.onOk = function () {
+      var onSelect = _this.props.onSelect;
+
+      if (onSelect) {
+        onSelect(_this.state.selectRowKeys, _this.state.selectRows);
+      }
+      _this.selModal.close();
+      //清空此次选择的数据,缓存此次选择的数据
+      _this.setState({
+        selectTableDataCache: {
+          selectRowKeys: _this.state.selectRowKeys,
+          selectRows: _this.state.selectRows
+        },
+        selectRowKeys: [],
+        selectRows: []
+      });
+      if (_this.lySelectorTable) {
+        _this.lySelectorTable.setSelectedRowKeys([], []);
+      }
+    };
+
+    _this.onClear = function () {
+      //清空此次选择的数据
+      _this.setState({
+        selectRowKeys: [],
+        selectRows: []
+      });
+      if (_this.state.params.mode === "tree") {
+        //改变树选中的值
+        _this.lyTree.setCheckedKeys([]);
+        _this.lyTree.setSelectedKeys([]);
+      } else {
+        //改变列表的值
+        _this.lySelectorTable.setSelectedRowKeys([], []);
+      }
+    };
+
+    _this.onCancel = function () {
+      //清空此次选择的数据
+      _this.setState({
+        selectRowKeys: [],
+        selectRows: []
+      });
+      if (_this.lySelectorTable) {
+        _this.lySelectorTable.setSelectedRowKeys([], []);
+      }
+    };
+
+    _this.filterTableData = function () {
+      if (_this.lySelectorTable) {
+        _this.lySelectorTable.filterTableData();
+      }
+    };
+
+    _this.state = {
+      selectRows: [], //选中的数据结果集
+      selectRowKeys: [], //选中的数据Key值
+      selectTableDataCache: {
+        // 选中数据缓存，可保留选中结果
+        selectRows: [],
+        selectRowKeys: []
+      },
+      treeWidth: 0, //树宽度,250
+      tableWidth: 0, //列表宽度,600
+      resultWidth: 0, //结果区域宽度,150
+      height: 400, //选择器高度
+      treeTableParams: {},
+      treeUrl: undefined, //查询树的数据的URL
+      tableUrl: undefined, //查询列表数据的URL
+      sign: undefined, //如果标志存在，则说明根据这个标志去读取配置的sql语句
+
+      params: {
+        title: "标题",
+        mode: "treeAndTable", //模式：tree:只存在树，table:只存在列表，treeAndTable：存在树和列表
+        keyField: "key", //数据的key字段，该字段的值可以唯一表示一条数据
+        titleField: "title", //数据的title值，主要用来做显示的
+        isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+        singerBottomShowFlag: false, //单选时，结果显示在下方，默认false
+        singerBottomShowRender: undefined, //单选时，结果显示在下方的数据展示渲染的回调方法
+        // 结果面板
+        footerRender: undefined, //结果面板底部渲染方法，function(count:人数){}
+        rowRender: undefined, //结果面板每行数据渲染的方法，function(key:关键值,title:显示的值,row:所有数据,len:建议做多显示中文个数,seq:在显示面板中显示的序号){}
+        //树面板
+        treeShowIcon: false, //树是否需要显示图标，如果需要此处设置为true,且树的数据需要设置显示那个图标
+        //列表面板
+        footerFlag: true, //列表是否需要尾部
+        columns: undefined, //列表头部配置文件
+        searchField: undefined, //需要查询的字段
+        searchWidth: "230", //查询框的宽度
+        placeholder: "请输入查询条件", //查询框的提示
+        showHeader: true, //是否显示头部
+        searchRender: undefined //自定义搜索框面板
+      }
+    };
+    return _this;
+  }
+
+  //在组件挂载之前调用一次。如果在这个函数里面调用setState，本次的render函数可以看到更新后的state，并且只渲染一次。
+
+
+  (0, _createClass3.default)(NHSelector, [{
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
+      //组件挂载之前先去获取配置信息
+      this.ansysParams();
+    }
+
+    //获取配置信息
+
+
+    /**
+     * 打开选择器
+     */
+
+
+    /**
+     * 绑定树的选择事件
+     */
+
+
+    /**
+     * 绑定列表的选择事件
+     */
+
+
+    /**
+     * 改变选中的值
+     */
+
+    /**
+     * 绑定左边的树
+     */
+
+
+    /**
+     * 绑定右边的结果显示区域
+     */
+
+
+    /**
+     * 选中数据的时候调用的方法
+     */
+
+
+    //清空所有的选择
+
+
+    /**
+     * 执行列表查询操作
+     */
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          zIndex = _props.zIndex,
+          wrapClassName = _props.wrapClassName,
+          className = _props.className;
+
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(_selectormodal2.default, {
+          ref: function ref(modal) {
+            _this2.selModal = modal;
+          },
+          mode: this.state.params.mode,
+          title: this.state.params.title,
+          treeWidth: this.state.treeWidth,
+          tableWidth: this.state.tableWidth,
+          resultWidth: this.state.resultWidth,
+          height: this.state.height,
+          treeRender: this.handleTree,
+          tableRender: this.handleTable,
+          resultRender: this.handleResult,
+          onOk: this.onOk,
+          onCancel: this.onCancel,
+          onClear: this.onClear,
+          isSinger: this.state.params.isSinger,
+          singerBottomShowFlag: this.state.params.singerBottomShowFlag,
+          zIndex: zIndex,
+          wrapClassName: wrapClassName,
+          className: className
+        })
+      );
+    }
+  }]);
+  return NHSelector;
+}(_react2.default.Component);
+
+NHSelector.defaultProps = {
+  sign: undefined, //如果标志存在，则说明根据这个标志去读取配置的sql语句
+  title: "标题",
+  mode: "treeAndTable", //模式：tree:只存在树，table:只存在列表，treeAndTable：存在树和列表
+  keyField: "key", //数据的key字段，该字段的值可以唯一表示一条数据
+  titleField: "title", //数据的title值，主要用来做显示的
+  treeWidth: undefined, //树宽度,250
+  tableWidth: undefined, //列表宽度,600
+  resultWidth: undefined, //结果区域宽度,150
+  height: 400, //选择器高度
+  isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+  onSelect: function onSelect() {}, //选中结果的时候的回调方法
+  singerBottomShowFlag: false, //单选时，结果显示在下方，默认false
+  singerBottomShowRender: undefined, //单选时，结果显示在下方的数据展示渲染的回调方法
+  //结果面板
+  footerRender: undefined, //结果面板底部渲染方法，function(count:人数){}
+  rowRender: undefined, ///结果面板每行数据渲染的方法，function(key:关键值,title:显示的值,row:所有数据,len:建议做多显示中文个数,seq:在显示面板中显示的序号){}
+  //树面板
+  treeUrl: undefined, //查询树的数据的URL
+  treeParams: {}, //树数据查询条件
+  treeSqlParams: undefined, //树的sql语句内的参数
+  treeShowIcon: false, //树是否需要显示图标，如果需要此处设置为true,且树的数据需要设置显示那个图标
+  //列表面板
+  tableUrl: undefined, //查询列表数据的URL
+  tableParams: {}, //列表数据查询条件
+  tableSqlParams: undefined, //列表的sql语句内的参数
+  footerFlag: true, //列表是否需要尾部
+  columns: undefined, //列表头部配置文件
+  searchField: undefined, //需要查询的字段
+  searchWidth: "230", //查询框的宽度
+  placeholder: "请输入查询条件", //查询框的提示
+  showHeader: true, //是否显示头部
+  searchRender: undefined, //自定义搜索框面板
+  baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+
+  funcParams: {}, //如果在columns内部写代码操作时，用键值对的形式存起来
+
+  rangeFilter: undefined, //是否开启职务范围过滤
+  rangeFilterList: undefined, // 自定义职务过滤列表
+
+  historyRangeFilter: undefined, // 历史职务过滤(目前只支持班级职务)。读取历史带班表【ZHXG_XGDW_LSDBXX】，开启后班级职务使用历史带班表，其他层级职务照旧
+  historyCycleList: undefined, //  历史数据周期（学年学期格式）。值为空时查询全表，historyRangeFilter为true时生效。
+
+  isRememberLastSelect: false, // 是否记住上次选择
+  wrapClassName: "", // 对话框外层容器的类名
+  className: "", // 类名
+  zIndex: undefined, // 设置 Modal 的 z-index
+  unit: "人", // 选中的单位
+  safeMode: false // 是否开启安全模式
+};
+exports.default = NHSelector;