@alifd/next
Version:
A configurable component library for web built on React.
945 lines (780 loc) • 32.3 kB
JavaScript
'use strict';
exports.__esModule = true;
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _class, _temp;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactLifecyclesCompat = require('react-lifecycles-compat');
var _lodash = require('lodash.clonedeep');
var _lodash2 = _interopRequireDefault(_lodash);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _menu = require('../menu');
var _menu2 = _interopRequireDefault(_menu);
var _util = require('../util');
var _menu3 = require('./menu');
var _menu4 = _interopRequireDefault(_menu3);
var _item = require('./item');
var _item2 = _interopRequireDefault(_item);
var _utils = require('./utils');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var bindCtx = _util.func.bindCtx;
var pickOthers = _util.obj.pickOthers;
var addClass = _util.dom.addClass,
removeClass = _util.dom.removeClass,
setStyle = _util.dom.setStyle,
getStyle = _util.dom.getStyle;
// 数据打平
var flatDataSource = function flatDataSource(data) {
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
var v2n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var p2n = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
data.forEach(function (item, index) {
var value = item.value,
children = item.children;
var pos = prefix + '-' + index;
var newValue = String(value);
item.value = newValue;
v2n[newValue] = p2n[pos] = (0, _extends3.default)({}, item, {
pos: pos,
_source: item
});
if (children && children.length) {
flatDataSource(children, pos, v2n, p2n);
}
});
return { v2n: v2n, p2n: p2n };
};
function preHandleData(data, immutable) {
var _data = immutable ? (0, _lodash2.default)(data) : data;
try {
return flatDataSource(_data);
} catch (err) {
if ((err.message || '').match('Cannot assign to read only property')) {
// eslint-disable-next-line no-console
console.error(err.message, 'try to set immutable to true to allow immutable dataSource');
}
throw err;
}
}
var getExpandedValue = function getExpandedValue(v, _v2n, _p2n) {
if (!v || !_v2n[v]) {
return [];
}
var pos = _v2n[v].pos;
if (pos.split('-').length === 2) {
return [];
}
var expandedMap = {};
Object.keys(_p2n).forEach(function (p) {
if ((0, _utils.isDescendantOrSelf)(p, pos) && p !== pos) {
expandedMap[_p2n[p].value] = p;
}
});
return Object.keys(expandedMap).sort(function (prev, next) {
return expandedMap[prev].split('-').length - expandedMap[next].split('-').length;
});
};
var normalizeValue = function normalizeValue(value) {
if (value) {
if (Array.isArray(value)) {
return value;
}
return [value];
}
return [];
};
/**
* Cascader
*/
var Cascader = (_temp = _class = function (_Component) {
(0, _inherits3.default)(Cascader, _Component);
function Cascader(props, context) {
(0, _classCallCheck3.default)(this, Cascader);
var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call(this, props, context));
var defaultValue = props.defaultValue,
value = props.value,
defaultExpandedValue = props.defaultExpandedValue,
expandedValue = props.expandedValue,
dataSource = props.dataSource,
multiple = props.multiple,
checkStrictly = props.checkStrictly,
canOnlyCheckLeaf = props.canOnlyCheckLeaf,
loadData = props.loadData,
immutable = props.immutable;
var _preHandleData = preHandleData(dataSource, immutable),
v2n = _preHandleData.v2n,
p2n = _preHandleData.p2n;
var normalizedValue = normalizeValue(typeof value === 'undefined' ? defaultValue : value);
if (!loadData) {
normalizedValue = normalizedValue.filter(function (v) {
return v2n[v];
});
}
var realExpandedValue = typeof expandedValue === 'undefined' ? typeof defaultExpandedValue === 'undefined' ? getExpandedValue(normalizedValue[0], v2n, p2n) : normalizeValue(defaultExpandedValue) : normalizeValue(expandedValue);
var st = {
value: normalizedValue,
expandedValue: realExpandedValue
};
if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
st.value = (0, _utils.getAllCheckedValues)(st.value, v2n, p2n);
}
_this.lastExpandedValue = [].concat(st.expandedValue);
_this.state = (0, _extends3.default)({}, st, {
_v2n: v2n,
_p2n: p2n
});
bindCtx(_this, ['handleMouseLeave', 'handleFocus', 'handleFold', 'getCascaderNode', 'onBlur']);
return _this;
}
Cascader.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
var _preHandleData2 = preHandleData(props.dataSource, props.immutable),
v2n = _preHandleData2.v2n,
p2n = _preHandleData2.p2n;
var states = {};
if ('value' in props) {
states.value = normalizeValue(props.value);
if (!props.loadData) {
states.value = states.value.filter(function (v) {
return v2n[v];
});
}
var multiple = props.multiple,
checkStrictly = props.checkStrictly,
canOnlyCheckLeaf = props.canOnlyCheckLeaf;
if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
states.value = (0, _utils.getAllCheckedValues)(states.value, v2n, p2n);
}
if (!state.expandedValue.length && !('expandedValue' in props)) {
states.expandedValue = getExpandedValue(states.value[0], v2n, p2n);
}
}
if ('expandedValue' in props) {
states.expandedValue = normalizeValue(props.expandedValue);
}
return (0, _extends3.default)({}, states, {
_v2n: v2n,
_p2n: p2n
});
};
Cascader.prototype.componentDidMount = function componentDidMount() {
this.setCascaderInnerWidth();
};
Cascader.prototype.componentDidUpdate = function componentDidUpdate() {
this.setCascaderInnerWidth();
};
Cascader.prototype.getCascaderNode = function getCascaderNode(ref) {
this.cascader = ref;
if (this.cascader) {
this.cascaderInner = this.cascader.querySelector('.' + this.props.prefix + 'cascader-inner');
}
};
Cascader.prototype.setCascaderInnerWidth = function setCascaderInnerWidth() {
if (!this.cascaderInner) {
return;
}
var menus = [].slice.call(this.cascaderInner.querySelectorAll('.' + this.props.prefix + 'cascader-menu-wrapper'));
if (menus.length === 0) {
return;
}
var menusWidth = Math.ceil(menus.reduce(function (ret, menu) {
return ret + Math.ceil(menu.getBoundingClientRect().width);
}, 0));
if (getStyle(this.cascaderInner, 'width') !== menusWidth) {
setStyle(this.cascaderInner, 'width', menusWidth);
}
if (getStyle(this.cascader, 'display') === 'inline-block') {
var hasRightBorderClass = this.props.prefix + 'has-right-border';
menus.forEach(function (menu) {
return removeClass(menu, hasRightBorderClass);
});
if (this.cascader.clientWidth > menusWidth) {
addClass(menus[menus.length - 1], hasRightBorderClass);
}
}
};
/*eslint-enable*/
Cascader.prototype.flatValue = function flatValue(value) {
return (0, _utils.filterChildValue)(value, this.state._v2n, this.state._p2n);
};
Cascader.prototype.getValue = function getValue(pos) {
return this.state._p2n[pos] ? this.state._p2n[pos].value : null;
};
Cascader.prototype.getPos = function getPos(value) {
return this.state._v2n[value] ? this.state._v2n[value].pos : null;
};
Cascader.prototype.getData = function getData(value) {
var _this2 = this;
return value.map(function (v) {
return _this2.state._v2n[v];
});
};
Cascader.prototype.processValue = function processValue(value, v, checked) {
var index = value.indexOf(v);
if (checked && index === -1) {
value.push(v);
} else if (!checked && index > -1) {
value.splice(index, 1);
}
};
Cascader.prototype.handleSelect = function handleSelect(v, canExpand) {
var _this3 = this;
if (!(this.props.canOnlySelectLeaf && canExpand)) {
var data = this.state._v2n[v];
var nums = data.pos.split('-');
var selectedPath = nums.slice(1).reduce(function (ret, num, index) {
var p = nums.slice(0, index + 2).join('-');
ret.push(_this3.state._p2n[p]);
return ret;
}, []);
if (this.state.value[0] !== v) {
if (!('value' in this.props)) {
this.setState({
value: [v]
});
}
if ('onChange' in this.props) {
this.props.onChange(v, data, {
selectedPath: selectedPath
});
}
}
if ('onSelect' in this.props) {
this.props.onSelect(v, data, {
selectedPath: selectedPath
});
}
}
if (canExpand) {
if (!this.props.canOnlySelectLeaf) {
this.lastExpandedValue = this.state.expandedValue.slice(0, -1);
}
} else {
this.lastExpandedValue = [].concat(this.state.expandedValue);
}
};
/*eslint-disable max-statements*/
Cascader.prototype.handleCheck = function handleCheck(v, checked) {
var _this4 = this;
var _props = this.props,
checkStrictly = _props.checkStrictly,
canOnlyCheckLeaf = _props.canOnlyCheckLeaf;
var value = [].concat(this.state.value);
if (checkStrictly || canOnlyCheckLeaf) {
this.processValue(value, v, checked);
} else {
var pos = this.getPos(v);
var ps = Object.keys(this.state._p2n);
(0, _utils.forEachEnableNode)(this.state._v2n[v], function (node) {
if (node.checkable === false) return;
_this4.processValue(value, node.value, checked);
});
var currentPos = pos;
var nums = pos.split('-');
for (var i = nums.length; i > 2; i--) {
var parentCheck = true;
var parentPos = nums.slice(0, i - 1).join('-');
if (this.state._p2n[parentPos].disabled || this.state._p2n[parentPos].checkboxDisabled || this.state._p2n[parentPos].checkable === false) {
currentPos = parentPos;
continue;
}
var parentValue = this.state._p2n[parentPos].value;
var parentChecked = value.indexOf(parentValue) > -1;
if (!checked && !parentChecked) {
break;
}
for (var j = 0; j < ps.length; j++) {
var p = ps[j];
var pnode = this.state._p2n[p];
if ((0, _utils.isSiblingOrSelf)(currentPos, p) && !pnode.disabled && !pnode.checkboxDisabled) {
var k = pnode.value;
// eslint-disable-next-line max-depth
if (pnode.checkable === false) {
// eslint-disable-next-line max-depth
if (!pnode.children || pnode.children.length === 0) {
continue;
}
// eslint-disable-next-line max-depth
for (var m = 0; m < pnode.children.length; m++) {
// eslint-disable-next-line max-depth
if (!pnode.children.every(function (child) {
return (0, _utils.isNodeChecked)(child, value);
})) {
parentCheck = false;
break;
}
}
} else if (value.indexOf(k) === -1) {
parentCheck = false;
}
if (!parentCheck) break;
}
}
this.processValue(value, parentValue, parentCheck);
currentPos = parentPos;
}
}
if (!('value' in this.props)) {
this.setState({
value: value
});
}
if ('onChange' in this.props) {
if (checkStrictly || canOnlyCheckLeaf) {
var data = this.getData(value);
this.props.onChange(value, data, {
checked: checked,
currentData: this.state._v2n[v],
checkedData: data
});
} else {
var flatValue = this.flatValue(value);
var flatData = this.getData(flatValue);
var checkedData = this.getData(value);
var indeterminateValue = this.getIndeterminate(value);
var indeterminateData = this.getData(indeterminateValue);
this.props.onChange(flatValue, flatData, {
checked: checked,
currentData: this.state._v2n[v],
checkedData: checkedData,
indeterminateData: indeterminateData
});
}
}
this.lastExpandedValue = [].concat(this.state.expandedValue);
};
Cascader.prototype.handleExpand = function handleExpand(value, level, canExpand, focusedFirstChild) {
var _this5 = this;
var expandedValue = this.state.expandedValue;
if (canExpand || expandedValue.length > level) {
if (canExpand) {
expandedValue.splice(level, expandedValue.length - level, value);
} else {
expandedValue.splice(level);
}
var callback = function callback() {
_this5.setExpandValue(expandedValue);
if (focusedFirstChild) {
var endExpandedValue = expandedValue[expandedValue.length - 1];
_this5.setState({
focusedValue: _this5.state._v2n[endExpandedValue].children[0].value
});
}
};
var loadData = this.props.loadData;
if (canExpand && loadData) {
var data = this.state._v2n[value];
return loadData(data, data._source).then(callback);
} else {
return callback();
}
}
};
Cascader.prototype.handleMouseLeave = function handleMouseLeave() {
this.setExpandValue([].concat(this.lastExpandedValue));
};
Cascader.prototype.setExpandValue = function setExpandValue(expandedValue) {
if (!('expandedValue' in this.props)) {
this.setState({
expandedValue: expandedValue
});
}
if ('onExpand' in this.props) {
this.props.onExpand(expandedValue);
}
};
Cascader.prototype.getFirstFocusKeyByDataSource = function getFirstFocusKeyByDataSource(dataSource) {
if (!dataSource || dataSource.length === 0) {
return '';
}
for (var i = 0; i < dataSource.length; i++) {
if (dataSource[i] && !dataSource[i].disabled) {
return dataSource[i].value;
}
}
return '';
};
Cascader.prototype.getFirstFocusKeyByFilteredPaths = function getFirstFocusKeyByFilteredPaths(filteredPaths) {
if (!filteredPaths || filteredPaths.length === 0) {
return '';
}
for (var i = 0; i < filteredPaths.length; i++) {
var path = filteredPaths[i];
if (!path.some(function (item) {
return item.disabled;
})) {
var lastItem = path[path.length - 1];
return lastItem.value;
}
}
return '';
};
Cascader.prototype.getFirstFocusKey = function getFirstFocusKey() {
var _props2 = this.props,
dataSource = _props2.dataSource,
searchValue = _props2.searchValue,
filteredPaths = _props2.filteredPaths;
return !searchValue ? this.getFirstFocusKeyByDataSource(dataSource) : this.getFirstFocusKeyByFilteredPaths(filteredPaths);
};
Cascader.prototype.setFocusValue = function setFocusValue() {
this.setState({
focusedValue: this.getFirstFocusKey()
});
};
Cascader.prototype.handleFocus = function handleFocus(focusedValue) {
this.setState({
focusedValue: focusedValue
});
};
Cascader.prototype.handleFold = function handleFold() {
var expandedValue = this.state.expandedValue;
if (expandedValue.length > 0) {
this.setExpandValue(expandedValue.slice(0, -1));
}
this.setState({
focusedValue: expandedValue[expandedValue.length - 1]
});
};
Cascader.prototype.getIndeterminate = function getIndeterminate(value) {
var _this6 = this;
var indeterminateValues = [];
var poss = (0, _utils.filterChildValue)(value.filter(function (v) {
return !!_this6.state._v2n[v];
}).filter(function (v) {
return !_this6.state._v2n[v].disabled && !_this6.state._v2n[v].checkboxDisabled && _this6.state._v2n[v].checkable !== false;
}), this.state._v2n, this.state._p2n).map(function (v) {
return _this6.state._v2n[v].pos;
});
poss.forEach(function (pos) {
var nums = pos.split('-');
for (var i = nums.length; i > 2; i--) {
var parentPos = nums.slice(0, i - 1).join('-');
var parent = _this6.state._p2n[parentPos];
if (parent.disabled || parent.checkboxDisabled) break;
var parentValue = parent.value;
if (indeterminateValues.indexOf(parentValue) === -1) {
indeterminateValues.push(parentValue);
}
}
});
return indeterminateValues;
};
Cascader.prototype.onBlur = function onBlur(e) {
this.setState({
focusedValue: undefined
});
this.props.onBlur && this.props.onBlur(e);
};
Cascader.prototype.renderMenu = function renderMenu(data, level) {
var _this7 = this;
var _props3 = this.props,
prefix = _props3.prefix,
multiple = _props3.multiple,
useVirtual = _props3.useVirtual,
checkStrictly = _props3.checkStrictly,
expandTriggerType = _props3.expandTriggerType,
loadData = _props3.loadData,
canOnlyCheckLeaf = _props3.canOnlyCheckLeaf,
listClassName = _props3.listClassName,
listStyle = _props3.listStyle,
itemRender = _props3.itemRender;
var _state = this.state,
value = _state.value,
expandedValue = _state.expandedValue,
focusedValue = _state.focusedValue;
return _react2.default.createElement(
_menu4.default,
{
key: level,
prefix: prefix,
useVirtual: useVirtual,
className: listClassName,
style: listStyle,
ref: this.saveMenuRef,
focusedKey: focusedValue,
onItemFocus: this.handleFocus,
onBlur: this.onBlur
},
data.map(function (item) {
var disabled = !!item.disabled;
var canExpand = !!item.children && !!item.children.length || !!loadData && !item.isLeaf;
var expanded = expandedValue[level] === item.value;
var props = {
prefix: prefix,
disabled: disabled,
canExpand: canExpand,
expanded: expanded,
expandTriggerType: expandTriggerType,
onExpand: _this7.handleExpand.bind(_this7, item.value, level, canExpand),
onFold: _this7.handleFold
};
if ('title' in item) {
props.title = item.title;
}
if (multiple) {
props.checkable = !(canOnlyCheckLeaf && canExpand);
props.checked = value.indexOf(item.value) > -1 || !!item.checked;
props.indeterminate = (checkStrictly || canOnlyCheckLeaf ? false : _this7.indeterminate.indexOf(item.value) > -1) || !!item.indeterminate;
props.checkboxDisabled = !!item.checkboxDisabled;
props.onCheck = _this7.handleCheck.bind(_this7, item.value);
} else {
props.selected = value[0] === item.value;
props.onSelect = _this7.handleSelect.bind(_this7, item.value, canExpand);
}
var itemContent = itemRender(item, props);
if (itemContent === null) {
return null;
}
return _react2.default.createElement(
_item2.default,
(0, _extends3.default)({ key: item.value }, props),
itemContent
);
}).filter(function (v) {
return v;
})
);
};
Cascader.prototype.renderMenus = function renderMenus() {
var dataSource = this.props.dataSource;
var expandedValue = this.state.expandedValue;
var menus = [];
var data = dataSource;
for (var i = 0; i <= expandedValue.length; i++) {
if (!data) {
break;
}
menus.push(this.renderMenu(data, i));
var expandedItem = void 0;
for (var j = 0; j < data.length; j++) {
if (data[j].value === expandedValue[i]) {
expandedItem = data[j];
break;
}
}
data = expandedItem ? expandedItem.children : null;
}
return menus;
};
Cascader.prototype.renderFilteredItem = function renderFilteredItem(path) {
var _props4 = this.props,
prefix = _props4.prefix,
resultRender = _props4.resultRender,
searchValue = _props4.searchValue,
multiple = _props4.multiple;
var value = this.state.value;
var lastItem = path[path.length - 1];
var Item = void 0;
var props = {
key: lastItem.value,
className: prefix + 'cascader-filtered-item',
disabled: path.some(function (item) {
return item.disabled;
}),
children: resultRender(searchValue, path)
};
if (multiple) {
Item = _menu2.default.CheckboxItem;
var _props5 = this.props,
checkStrictly = _props5.checkStrictly,
canOnlyCheckLeaf = _props5.canOnlyCheckLeaf;
props.checked = value.indexOf(lastItem.value) > -1;
props.indeterminate = !checkStrictly && !canOnlyCheckLeaf && this.indeterminate.indexOf(lastItem.value) > -1;
props.checkboxDisabled = lastItem.checkboxDisabled;
props.onChange = this.handleCheck.bind(this, lastItem.value);
} else {
Item = _menu2.default.Item;
props.selected = value[0] === lastItem.value;
props.onSelect = this.handleSelect.bind(this, lastItem.value, false);
}
return _react2.default.createElement(Item, props);
};
Cascader.prototype.renderFilteredList = function renderFilteredList() {
var _this8 = this;
var _props6 = this.props,
prefix = _props6.prefix,
filteredListStyle = _props6.filteredListStyle,
filteredPaths = _props6.filteredPaths,
_props6$focusable = _props6.focusable,
focusable = _props6$focusable === undefined ? false : _props6$focusable;
var focusedValue = this.state.focusedValue;
return _react2.default.createElement(
_menu2.default
// 如果不设置为false， CascaderSelect 开启 showSearch后，弹窗展开时，光标无法到input上去，也无法输入.
// TODO: set focusable=true in 2.x
,
{ focusable: focusable,
focusedKey: focusedValue,
onItemFocus: this.handleFocus,
className: prefix + 'cascader-filtered-list',
style: filteredListStyle
},
filteredPaths.map(function (path) {
return _this8.renderFilteredItem(path);
})
);
};
Cascader.prototype.render = function render() {
var _cx;
var _props7 = this.props,
prefix = _props7.prefix,
rtl = _props7.rtl,
className = _props7.className,
expandTriggerType = _props7.expandTriggerType,
multiple = _props7.multiple,
dataSource = _props7.dataSource,
checkStrictly = _props7.checkStrictly,
canOnlyCheckLeaf = _props7.canOnlyCheckLeaf,
searchValue = _props7.searchValue;
var others = pickOthers(Object.keys(Cascader.propTypes), this.props);
var value = this.state.value;
if (rtl) {
others.dir = 'rtl';
}
var props = (0, _extends3.default)({
className: (0, _classnames2.default)((_cx = {}, _cx[prefix + 'cascader'] = true, _cx.multiple = multiple, _cx[className] = !!className, _cx)),
ref: 'cascader'
}, others);
if (expandTriggerType === 'hover') {
props.onMouseLeave = this.handleMouseLeave;
}
if (multiple && !checkStrictly && !canOnlyCheckLeaf) {
this.indeterminate = this.getIndeterminate(value);
}
return _react2.default.createElement(
'div',
(0, _extends3.default)({}, props, { ref: this.getCascaderNode }),
!searchValue ? _react2.default.createElement(
'div',
{ className: prefix + 'cascader-inner' },
dataSource && dataSource.length ? this.renderMenus() : null
) : this.renderFilteredList()
);
};
return Cascader;
}(_react.Component), _class.propTypes = {
prefix: _propTypes2.default.string,
rtl: _propTypes2.default.bool,
pure: _propTypes2.default.bool,
className: _propTypes2.default.string,
/**
* 数据源，结构可参考下方说明
*/
dataSource: _propTypes2.default.arrayOf(_propTypes2.default.object),
/**
* （非受控）默认值
*/
defaultValue: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]),
/**
* （受控）当前值
*/
value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]),
/**
* 选中值改变时触发的回调函数
* @param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组
* @param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点
* @param {Object} extra 额外参数
* @param {Array} extra.selectedPath 单选时选中的数据的路径
* @param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中
* @param {Object} extra.currentData 多选时当前操作的数据
* @param {Array} extra.checkedData 多选时所有被选中的数据
* @param {Array} extra.indeterminateData 多选时半选的数据
*/
onChange: _propTypes2.default.func,
onSelect: _propTypes2.default.func,
/**
* （非受控）默认展开值，如果不设置，组件内部会根据 defaultValue/value 进行自动设置
*/
defaultExpandedValue: _propTypes2.default.arrayOf(_propTypes2.default.string),
/**
* （受控）当前展开值
*/
expandedValue: _propTypes2.default.arrayOf(_propTypes2.default.string),
/**
* 展开触发的方式
*/
expandTriggerType: _propTypes2.default.oneOf(['click', 'hover']),
/**
* 展开时触发的回调函数
* @param {Array} expandedValue 各列展开值的数组
*/
onExpand: _propTypes2.default.func,
/**
* 是否开启虚拟滚动
*/
useVirtual: _propTypes2.default.bool,
/**
* 是否多选
*/
multiple: _propTypes2.default.bool,
/**
* 单选时是否只能选中叶子节点
*/
canOnlySelectLeaf: _propTypes2.default.bool,
/**
* 多选时是否只能选中叶子节点
*/
canOnlyCheckLeaf: _propTypes2.default.bool,
/**
* 父子节点是否选中不关联
*/
checkStrictly: _propTypes2.default.bool,
/**
* 每列列表样式对象
*/
listStyle: _propTypes2.default.object,
/**
* 每列列表类名
*/
listClassName: _propTypes2.default.string,
/**
* 每列列表项渲染函数
* @param {Object} data 数据
* @return {ReactNode} 列表项内容
*/
itemRender: _propTypes2.default.func,
/**
* 异步加载数据函数
* @param {Object} data 当前点击异步加载的数据
* @param {Object} source 当前点击数据，source是原始对象
*/
loadData: _propTypes2.default.func,
searchValue: _propTypes2.default.string,
onBlur: _propTypes2.default.func,
filteredPaths: _propTypes2.default.array,
filteredListStyle: _propTypes2.default.object,
resultRender: _propTypes2.default.func,
/**
* 是否是不可变数据
* @version 1.23
*/
immutable: _propTypes2.default.bool
}, _class.defaultProps = {
prefix: 'next-',
rtl: false,
pure: false,
dataSource: [],
defaultValue: null,
canOnlySelectLeaf: false,
canOnlyCheckLeaf: false,
expandTriggerType: 'click',
multiple: false,
useVirtual: false,
checkStrictly: false,
itemRender: function itemRender(item) {
return item.label;
},
immutable: false
}, _temp);
Cascader.displayName = 'Cascader';
exports.default = (0, _reactLifecyclesCompat.polyfill)(Cascader);
module.exports = exports['default'];