dlt-for-react 1.0.1

package/lib/components/NHAuditSubmit/components/Selector/index.js

@@ -0,0 +1,857 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+	value: true
+});
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _tag = require('antd/lib/tag');
+
+var _tag2 = _interopRequireDefault(_tag);
+
+var _table = require('antd/lib/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _extends4 = require('babel-runtime/helpers/extends');
+
+var _extends5 = _interopRequireDefault(_extends4);
+
+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 _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _tree = require('antd/lib/tree');
+
+var _tree2 = _interopRequireDefault(_tree);
+
+require('antd/lib/row/style');
+
+require('antd/lib/tag/style');
+
+require('antd/lib/table/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/spin/style');
+
+require('antd/lib/button/style');
+
+require('antd/lib/tooltip/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/form/style');
+
+require('antd/lib/tree/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../index.js');
+
+var _api = require('../../config/api');
+
+var _index2 = require('../../../../../assets/NHAuditSubmit/index.less');
+
+var _index3 = _interopRequireDefault(_index2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 选择器--用户、部门、角色、岗位
+ * @author huangzhichan
+ * @created 2019/03/19 09:10:48
+ */
+
+var TreeNode = _tree2.default.TreeNode;
+
+var FormItem = _form2.default.Item;
+var Search = _input2.default.Search;
+
+var rowKeyMap = {
+	userSelector: 'userId',
+	deptSelector: 'departmentId',
+	roleSelector: 'roleId',
+	postsSelector: 'postId'
+};
+
+var rowNameMap = {
+	userSelector: 'userName',
+	deptSelector: 'departmentName',
+	roleSelector: 'roleName',
+	postsSelector: 'postName'
+};
+
+var selectorNameMap = {
+	userSelector: '用户选择器',
+	deptSelector: '部门选择器',
+	roleSelector: '角色选择器',
+	postsSelector: '岗位选择器'
+};
+
+var hasTreeSelectors = ['userSelector', 'deptSelector'];
+
+var Selector = function (_React$Component) {
+	(0, _inherits3.default)(Selector, _React$Component);
+
+	function Selector() {
+		var _ref;
+
+		var _temp, _this, _ret;
+
+		(0, _classCallCheck3.default)(this, Selector);
+
+		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+			args[_key] = arguments[_key];
+		}
+
+		return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Selector.__proto__ || (0, _getPrototypeOf2.default)(Selector)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+			loading: false,
+			loadingTree: false,
+			treeData: [], // 树数据
+			dataSource: [], // 列表数据
+			total: 0,
+			selectedTreeKeys: '', //（受控）选中的树节点
+			expandedKeys: [], //展开的树节点
+			searchValue: '', // 树搜索value
+			autoExpandParent: true,
+			selectedRowKeys: [], // 选中项的key数组
+			selectedRows: [] // 选中项数据
+		}, _this.params = {
+			pageNum: 1,
+			pageSize: 15,
+			keyword: ''
+		}, _this.dataList = [], _this.setSelectedValues = function (props) {
+			var selectedKeys = props.selectedKeys,
+			    selectedNames = props.selectedNames,
+			    selectedDeptId = props.selectedDeptId,
+			    type = props.type;
+
+			var selectedRowKeys = selectedKeys ? selectedKeys.split(',') : [],
+			    selectedRowNames = selectedNames ? selectedNames.split(',') : [],
+			    selectedRows = [];
+
+			selectedRowKeys.forEach(function (item, index) {
+				var _extends2;
+
+				selectedRows.push((0, _extends5.default)((_extends2 = {}, (0, _defineProperty3.default)(_extends2, rowKeyMap[type], item), (0, _defineProperty3.default)(_extends2, rowNameMap[type], selectedRowNames[index]), _extends2), selectedDeptId ? { departmentId: selectedDeptId.split(',')[index] } : {}));
+			});
+
+			_this.setState({ selectedRowKeys: selectedRowKeys, selectedRows: selectedRows });
+		}, _this.setTableBodyHeight = function () {
+			if (_this.tableRef) {
+				if (_this.state.dataSource.length) {
+					_this.tableRef.querySelector('.ant-table-body').style.height = '345px';
+				} else {
+					_this.tableRef.querySelector('.ant-table-body').style.height = 'auto';
+				}
+			}
+		}, _this.getTreeData = function () {
+			var params = {
+				pageNum: 1,
+				pageSize: 0
+			};
+
+			_this.setState({ loadingTree: true });
+			(0, _api.reqGetDepartmentsTree)(params).then(function (res) {
+				_this.setState({ loadingTree: false });
+				var meta = res.meta,
+				    data = res.data;
+
+				if (meta.success) {
+					_this.setState({ treeData: data.list });
+					_this.flattenTreeData(data.list);
+				} else {
+					_message3.default.error(meta.message);
+				}
+			});
+		}, _this.getTableData = function () {
+			var selectedTreeKeys = _this.state.selectedTreeKeys;
+			var type = _this.props.type;
+
+
+			var apiMap = {
+				userSelector: _api.reqGetUserList,
+				deptSelector: _api.reqGetDepartmentsList,
+				roleSelector: _api.reqGetRoleList,
+				postsSelector: _api.reqGetPostsList
+			};
+			var idMap = {
+				userSelector: 'departmentsTreeId',
+				deptSelector: 'parentId'
+			};
+
+			_this.setState({ loading: true });
+			apiMap[type]((0, _extends5.default)({}, _this.params, (0, _defineProperty3.default)({}, idMap[type], selectedTreeKeys ? selectedTreeKeys : null), type === 'userSelector' && { selectType: '1' }, type === 'roleSelector' && { status: '1' }) // 状态 0 禁用 1激活
+			).then(function (res) {
+				var meta = res.meta,
+				    data = res.data;
+
+				if (meta.success) {
+					_this.setState({ dataSource: data.list, total: data.total });
+				} else {
+					_message3.default.error(meta.message);
+				}
+				_this.setState({ loading: false });
+			});
+		}, _this.handleTableChange = function (pagination) {
+			var current = pagination.current,
+			    pageSize = pagination.pageSize;
+
+			_this.params.pageNum = current;
+			_this.params.pageSize = pageSize;
+			_this.getTableData();
+		}, _this.handleSearch = function () {
+			_this.props.form.validateFields(function (err, values) {
+				if (!err) {
+					_this.params.keyword = values.keyword;
+					_this.getTableData();
+				}
+			});
+		}, _this.handleReset = function () {
+			_this.params.pageNum = 1;
+			_this.params.keyword = '';
+			_this.props.form.setFieldsValue({ keyword: '' });
+			_this.handleSearch();
+		}, _this.handleOk = function () {
+			var _this$props = _this.props,
+			    onOk = _this$props.onOk,
+			    type = _this$props.type;
+			var _this$state = _this.state,
+			    selectedRowKeys = _this$state.selectedRowKeys,
+			    selectedRows = _this$state.selectedRows;
+
+
+			var params = {
+				selectedKeys: selectedRowKeys,
+				selectedNames: selectedRows.map(function (item) {
+					return item[rowNameMap[type]];
+				}),
+				selectedRows: selectedRows
+			};
+
+			onOk && onOk(params);
+			_this.handleCancel();
+		}, _this.handleCancel = function () {
+			var onCancel = _this.props.onCancel;
+
+			onCancel && onCancel();
+		}, _this.handleClear = function () {
+			_this.setState({
+				selectedRowKeys: [],
+				selectedRows: []
+			});
+		}, _this.renderTreeNodes = function (data) {
+			return data.map(function (item) {
+				var index = item.departmentName.indexOf(_this.state.searchValue);
+				var beforeStr = item.departmentName.substr(0, index);
+				var afterStr = item.departmentName.substr(index + _this.state.searchValue.length);
+				var title = index > -1 ? _react2.default.createElement(
+					'span',
+					null,
+					beforeStr,
+					_react2.default.createElement(
+						'span',
+						{ style: { color: '#f50' } },
+						_this.state.searchValue
+					),
+					afterStr
+				) : _react2.default.createElement(
+					'span',
+					null,
+					item.departmentName
+				);
+
+				if (item.childrens && item.childrens.length) {
+					return _react2.default.createElement(
+						TreeNode,
+						{
+							title: title,
+							key: item.departmentId,
+							dataRef: item,
+							icon: _this.state.expandedKeys.includes(item.departmentId) ? _react2.default.createElement(_icon2.default, { type: 'folder-open', style: { color: '#F0A31C' } }) : _react2.default.createElement(_icon2.default, { type: 'folder', style: { color: '#F0A31C' } })
+						},
+						_this.renderTreeNodes(item.childrens)
+					);
+				}
+				return _react2.default.createElement(TreeNode, {
+					title: title,
+					key: item.departmentId,
+					dataRef: item,
+					icon: _react2.default.createElement(_icon2.default, { type: 'file', style: { color: '#7ED772' } })
+				});
+			});
+		}, _this.onSelect = function (selectedKeys) {
+			_this.setState({ selectedTreeKeys: selectedKeys.join('') }, function () {
+				_this.getTableData();
+			});
+		}, _this.onExpand = function (expandedKeys, info) {
+			_this.setState({ expandedKeys: expandedKeys, autoExpandParent: false });
+		}, _this.flattenTreeData = function (data) {
+			for (var i = 0; i < data.length; i++) {
+				var node = data[i];
+				var key = node.departmentId;
+				var title = node.departmentName;
+				_this.dataList.push({ key: key, title: title });
+				if (node.childrens) {
+					_this.flattenTreeData(node.childrens, key);
+				}
+			}
+		}, _this.getParentKey = function (key, tree) {
+			var parentKey = void 0;
+			for (var i = 0; i < tree.length; i++) {
+				var node = tree[i];
+				if (node.childrens) {
+					if (node.childrens.some(function (item) {
+						return item.departmentId === key;
+					})) {
+						parentKey = node.departmentId;
+					} else if (_this.getParentKey(key, node.childrens)) {
+						parentKey = _this.getParentKey(key, node.childrens);
+					}
+				}
+			}
+			return parentKey;
+		}, _this.onChange = function (e) {
+			var value = e.target.value;
+			var expandedKeys = _this.dataList.map(function (item) {
+				if (item.title.indexOf(value) > -1) {
+					return _this.getParentKey(item.key, _this.state.treeData);
+				}
+				return null;
+			}).filter(function (item, i, self) {
+				return item && self.indexOf(item) === i;
+			});
+			_this.setState({
+				expandedKeys: expandedKeys,
+				searchValue: value,
+				autoExpandParent: true
+			});
+		}, _this.selectRow = function (record) {
+			var selectedRowKeys = [].concat((0, _toConsumableArray3.default)(_this.state.selectedRowKeys)),
+			    selectedRows = [].concat((0, _toConsumableArray3.default)(_this.state.selectedRows));
+			var _this$props2 = _this.props,
+			    isSingleSelection = _this$props2.isSingleSelection,
+			    type = _this$props2.type,
+			    key = record[rowKeyMap[type]];
+
+
+			if (isSingleSelection) {
+				// 单选
+				selectedRowKeys = [key];
+				selectedRows = [record];
+			} else {
+				// 多选
+				if (selectedRowKeys.indexOf(key) >= 0) {
+					selectedRowKeys.splice(selectedRowKeys.indexOf(key), 1);
+					selectedRows = selectedRows.filter(function (item) {
+						return selectedRowKeys.includes(item[rowKeyMap[type]]) === true;
+					});
+				} else {
+					selectedRowKeys.push(key);
+					selectedRows.push(record);
+				}
+			}
+			_this.setState({ selectedRowKeys: selectedRowKeys, selectedRows: selectedRows });
+		}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+	}
+
+	(0, _createClass3.default)(Selector, [{
+		key: 'componentDidMount',
+		value: function componentDidMount() {
+			this.props.onRef && this.props.onRef(this);
+
+			this.getTreeData();
+			this.getTableData();
+			this.setSelectedValues(this.props);
+		}
+	}, {
+		key: 'componentDidUpdate',
+		value: function componentDidUpdate(prevProps, prevState) {
+			this.setTableBodyHeight();
+		}
+
+		// 选中值回显
+
+
+		// 获取左侧树数据
+
+
+		// 获取表格数据
+
+
+		// 分页改变
+
+
+		// 查询
+
+
+		// 重置
+
+
+		// 保存
+
+
+		// 取消
+
+
+		// 清空
+
+
+		// 渲染树节点
+
+
+		// 点击树节点
+
+
+		// 展开/收起树节点
+
+
+		// 扁平化树数据
+
+
+		// 树搜索回调
+
+
+		// 行点击事件
+
+	}, {
+		key: 'render',
+		value: function render() {
+			var _this2 = this;
+
+			var _state = this.state,
+			    loading = _state.loading,
+			    loadingTree = _state.loadingTree,
+			    treeData = _state.treeData,
+			    dataSource = _state.dataSource,
+			    total = _state.total,
+			    selectedRowKeys = _state.selectedRowKeys,
+			    selectedRows = _state.selectedRows,
+			    expandedKeys = _state.expandedKeys,
+			    autoExpandParent = _state.autoExpandParent;
+			var _props = this.props,
+			    type = _props.type,
+			    form = _props.form,
+			    visible = _props.visible,
+			    title = _props.title,
+			    width = _props.width,
+			    columns = _props.columns,
+			    isSingleSelection = _props.isSingleSelection;
+			var getFieldDecorator = form.getFieldDecorator;
+
+
+			var rowSelection = {
+				type: isSingleSelection ? 'radio' : 'checkbox',
+				selectedRowKeys: selectedRowKeys,
+				onSelect: function onSelect(record, selected, selectedRows) {
+					var selectedRowKeys = _this2.state.selectedRowKeys,
+					    _selectedRows = _this2.state.selectedRows;
+
+					if (selected) {
+						if (isSingleSelection) {
+							selectedRowKeys = [record[rowKeyMap[type]]];
+							_selectedRows = [].concat((0, _toConsumableArray3.default)(selectedRows));
+						} else {
+							selectedRowKeys.push(record[rowKeyMap[type]]);
+							_selectedRows.push(record);
+						}
+					} else {
+						selectedRowKeys = selectedRowKeys.filter(function (value) {
+							return value !== record[rowKeyMap[type]];
+						});
+						_selectedRows = _selectedRows.filter(function (item) {
+							return item[rowKeyMap[type]] !== record[rowKeyMap[type]];
+						});
+					}
+					_this2.setState({ selectedRowKeys: selectedRowKeys, selectedRows: _selectedRows });
+				},
+				onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
+					var selectedRowKeys = _this2.state.selectedRowKeys,
+					    _selectedRows = _this2.state.selectedRows;
+
+					if (selected) {
+						var _iteratorNormalCompletion = true;
+						var _didIteratorError = false;
+						var _iteratorError = undefined;
+
+						try {
+							for (var _iterator = (0, _getIterator3.default)(changeRows), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+								var item = _step.value;
+
+								var selectedKey = item[rowKeyMap[type]];
+								if (selectedRowKeys.indexOf(selectedKey) == -1) {
+									selectedRowKeys.push(selectedKey);
+									_selectedRows.push(item);
+								}
+							}
+						} catch (err) {
+							_didIteratorError = true;
+							_iteratorError = err;
+						} finally {
+							try {
+								if (!_iteratorNormalCompletion && _iterator.return) {
+									_iterator.return();
+								}
+							} finally {
+								if (_didIteratorError) {
+									throw _iteratorError;
+								}
+							}
+						}
+					} else {
+						var _iteratorNormalCompletion2 = true;
+						var _didIteratorError2 = false;
+						var _iteratorError2 = undefined;
+
+						try {
+							var _loop = function _loop() {
+								var item = _step2.value;
+
+								var key = item[rowKeyMap[type]];
+								selectedRowKeys = selectedRowKeys.filter(function (value) {
+									return value !== key;
+								});
+								_selectedRows = _selectedRows.filter(function (row) {
+									return row[rowKeyMap[type]] !== key;
+								});
+							};
+
+							for (var _iterator2 = (0, _getIterator3.default)(changeRows), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+								_loop();
+							}
+						} catch (err) {
+							_didIteratorError2 = true;
+							_iteratorError2 = err;
+						} finally {
+							try {
+								if (!_iteratorNormalCompletion2 && _iterator2.return) {
+									_iterator2.return();
+								}
+							} finally {
+								if (_didIteratorError2) {
+									throw _iteratorError2;
+								}
+							}
+						}
+					}
+					_this2.setState({ selectedRowKeys: selectedRowKeys, selectedRows: _selectedRows });
+				}
+			};
+
+			var columnsMap = {
+				userSelector: [{
+					title: '中文名',
+					dataIndex: 'userName'
+				}, {
+					title: '用户id',
+					dataIndex: 'userId',
+					width: 120
+				}, {
+					title: '职务',
+					dataIndex: 'jobtitle',
+					width: 150,
+					render: function render(text) {
+						return _react2.default.createElement(
+							_tooltip2.default,
+							{ placement: 'topLeft', title: text },
+							text
+						);
+					}
+				}, {
+					title: '所属部门',
+					dataIndex: 'departmentName',
+					width: 150,
+					render: function render(text) {
+						return _react2.default.createElement(
+							_tooltip2.default,
+							{ placement: 'topLeft', title: text },
+							text
+						);
+					}
+				}],
+				deptSelector: [{
+					title: '序号',
+					dataIndex: 'xh',
+					width: 100,
+					render: function render(text, record, index) {
+						var _params = _this2.params,
+						    pageNum = _params.pageNum,
+						    pageSize = _params.pageSize;
+
+						return (pageNum - 1) * pageSize + index + 1;
+					}
+				}, {
+					title: '部门',
+					dataIndex: 'departmentName',
+					render: function render(text) {
+						return _react2.default.createElement(
+							_tooltip2.default,
+							{ placement: 'topLeft', title: text },
+							text
+						);
+					}
+				}],
+				roleSelector: [{
+					title: '角色名称',
+					dataIndex: 'roleName'
+				}, {
+					title: '角色编号',
+					dataIndex: 'roleId',
+					width: '40%'
+				}],
+				postsSelector: [{
+					title: '岗位名称',
+					dataIndex: 'postName'
+				}, {
+					title: '岗位编号',
+					dataIndex: 'postId',
+					width: '40%'
+				}]
+			};
+
+			return _react2.default.createElement(
+				_index.DragModal,
+				{
+					visible: visible,
+					title: title ? title : selectorNameMap[type],
+					width: width,
+					bodyStyle: { padding: 0 },
+					onCancel: this.handleCancel,
+					footer: [_react2.default.createElement(
+						_button2.default,
+						{ key: 'submit', type: 'primary', onClick: this.handleOk },
+						'\u786E\u5B9A'
+					), _react2.default.createElement(
+						_button2.default,
+						{ key: 'clear', type: 'primary', ghost: true, onClick: this.handleClear },
+						'\u6E05\u7A7A'
+					), _react2.default.createElement(
+						_button2.default,
+						{ key: 'back', type: 'primary', ghost: true, onClick: this.handleCancel },
+						'\u53D6\u6D88'
+					)]
+				},
+				_react2.default.createElement(
+					'div',
+					{ className: _index3.default.selector },
+					_react2.default.createElement(
+						_row2.default,
+						null,
+						hasTreeSelectors.includes(type) && _react2.default.createElement(
+							_col2.default,
+							{ span: 5, className: _index3.default.selector_tree },
+							_react2.default.createElement(_input2.default, {
+								style: { marginBottom: 8, padding: '0 6px' },
+								allowClear: true,
+								placeholder: '\u8BF7\u8F93\u5165\u5173\u952E\u5B57',
+								prefix: _react2.default.createElement(_icon2.default, { type: 'search' }),
+								onChange: this.onChange
+							}),
+							_react2.default.createElement(
+								_index.Scrollbars,
+								{ autoHide: true, style: { height: 460 } },
+								_react2.default.createElement(
+									_spin2.default,
+									{ spinning: loadingTree },
+									_react2.default.createElement(
+										_tree2.default,
+										{
+											showIcon: true,
+											onSelect: this.onSelect,
+											onExpand: this.onExpand,
+											expandedKeys: expandedKeys,
+											autoExpandParent: autoExpandParent
+										},
+										this.renderTreeNodes(treeData)
+									)
+								)
+							)
+						),
+						_react2.default.createElement(
+							_col2.default,
+							{ span: hasTreeSelectors.includes(type) ? 15 : 19, className: _index3.default.selector_body },
+							_react2.default.createElement(
+								_form2.default,
+								{ layout: 'inline', style: { margin: 16 } },
+								_react2.default.createElement(
+									FormItem,
+									null,
+									getFieldDecorator('keyword')(_react2.default.createElement(Search, { onSearch: this.handleSearch, placeholder: '\u8BF7\u8F93\u5165\u5173\u952E\u5B57' }))
+								),
+								_react2.default.createElement(
+									FormItem,
+									null,
+									_react2.default.createElement(
+										_button2.default,
+										{ type: 'primary', onClick: this.handleSearch },
+										'\u67E5\u8BE2'
+									),
+									_react2.default.createElement(
+										_button2.default,
+										{ style: { marginLeft: 8 }, onClick: this.handleReset },
+										'\u91CD\u7F6E'
+									)
+								)
+							),
+							_react2.default.createElement(
+								'div',
+								{
+									ref: function ref(_ref2) {
+										_this2.tableRef = _ref2;
+									}
+								},
+								_react2.default.createElement(_table2.default, {
+									rowKey: function rowKey(record) {
+										return record[rowKeyMap[type]];
+									},
+									loading: loading,
+									columns: columns ? columns : columnsMap[type],
+									dataSource: dataSource,
+									rowSelection: rowSelection,
+									pagination: {
+										total: total,
+										size: 'small',
+										showSizeChanger: true,
+										showQuickJumper: true,
+										pageSize: this.params.pageSize,
+										pageSizeOptions: ['15', '20', '30', '40'],
+										showTotal: function showTotal(total) {
+											return '\u5171' + total + '\u6761\u6570\u636E';
+										}
+									},
+									onChange: this.handleTableChange,
+									scroll: {
+										x: 520,
+										y: 345
+									},
+									onRow: function onRow(record) {
+										return {
+											onClick: function onClick() {
+												_this2.selectRow(record);
+											}
+										};
+									}
+								})
+							)
+						),
+						_react2.default.createElement(
+							_col2.default,
+							{ span: hasTreeSelectors.includes(type) ? 4 : 5, className: _index3.default.selector_result },
+							_react2.default.createElement(
+								_index.Scrollbars,
+								{ autoHide: true, style: { height: 478 } },
+								_react2.default.createElement(
+									'div',
+									{ style: { padding: '16px 5px' } },
+									selectedRows.length > 0 && selectedRows.map(function (item, index) {
+										return _react2.default.createElement(
+											'div',
+											{ key: index },
+											_react2.default.createElement(
+												_tag2.default,
+												{ style: { margin: 4, background: '#fff' } },
+												item[rowNameMap[type]]
+											)
+										);
+									})
+								)
+							),
+							_react2.default.createElement(
+								'div',
+								{ className: _index3.default.selector_result_tip },
+								'\u603B\u5171',
+								selectedRows.length,
+								'\u4EBA'
+							)
+						)
+					)
+				)
+			);
+		}
+	}]);
+	return Selector;
+}(_react2.default.Component);
+
+Selector.defaultProps = {
+	type: 'userSelector', // 选择器类型：userSelector、deptSelector、roleSelector、postSelector
+	title: '', // 选择器标题
+	visible: false, // 是否显示选择器对话框
+	width: 1000, // 对话框宽度
+	isSingleSelection: false, // 是否单选，默认多选
+	selectedKeys: '', // 用户之前选中的所有id字符串，以，分隔
+	selectedNames: '', // 用户之前选中的所有name字符串，以，分隔
+	selectedDeptId: '', // 用户之前选中的所有departmentId字符串，以，分隔。需要传部门id的情况
+	onOk: function onOk() {}, // 保存回调
+	onCancel: function onCancel() {} // 取消回调
+};
+exports.default = _form2.default.create()(Selector);