mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-01 22:03:59 +00:00
731 lines
22 KiB
JavaScript
731 lines
22 KiB
JavaScript
import _extends from 'babel-runtime/helpers/extends';
|
||
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
|
||
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
|
||
import _inherits from 'babel-runtime/helpers/inherits';
|
||
|
||
var _class, _temp;
|
||
|
||
import React, { Children } from 'react';
|
||
import { findDOMNode } from 'react-dom';
|
||
import PropTypes from 'prop-types';
|
||
import classNames from 'classnames';
|
||
import { func, dom, events } from '../util';
|
||
import Menu from '../menu';
|
||
import Overlay from '../overlay';
|
||
import Input from '../input';
|
||
|
||
import zhCN from '../locale/zh-cn';
|
||
import DataStore from './data-store';
|
||
import VirtualList from '../virtual-list';
|
||
import { isSingle, filter, isNull, valueToSelectKey } from './util';
|
||
|
||
var Popup = Overlay.Popup;
|
||
var MenuItem = Menu.Item,
|
||
MenuGroup = Menu.Group;
|
||
var noop = func.noop,
|
||
bindCtx = func.bindCtx,
|
||
makeChain = func.makeChain;
|
||
|
||
|
||
function preventDefault(e) {
|
||
e.preventDefault();
|
||
}
|
||
|
||
var Base = (_temp = _class = function (_React$Component) {
|
||
_inherits(Base, _React$Component);
|
||
|
||
function Base(props) {
|
||
_classCallCheck(this, Base);
|
||
|
||
var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
|
||
|
||
_this.saveSelectRef = function (ref) {
|
||
_this.selectDOM = findDOMNode(ref);
|
||
};
|
||
|
||
_this.saveInputRef = function (ref) {
|
||
if (ref && ref.getInstance()) {
|
||
_this.inputRef = ref.getInstance();
|
||
}
|
||
};
|
||
|
||
_this.savePopupRef = function (ref) {
|
||
_this.popupRef = ref;
|
||
if (_this.props.popupProps && typeof _this.props.popupProps.ref === 'function') {
|
||
_this.props.popupProps.ref(ref);
|
||
}
|
||
};
|
||
|
||
_this.dataStore = new DataStore({
|
||
filter: props.filter,
|
||
filterLocal: props.filterLocal
|
||
});
|
||
|
||
_this.state = {
|
||
value: 'value' in props ? props.value : props.defaultValue,
|
||
visible: 'visible' in props ? props.visible : props.defaultVisible,
|
||
dataSource: [],
|
||
width: 100,
|
||
// current highlight key
|
||
highlightKey: null,
|
||
srReader: ''
|
||
};
|
||
|
||
bindCtx(_this, ['handleMenuBodyClick', 'handleVisibleChange', 'focusInput', 'beforeOpen', 'beforeClose', 'afterClose', 'handleResize']);
|
||
return _this;
|
||
}
|
||
|
||
Base.prototype.componentWillMount = function componentWillMount() {
|
||
this.setState({
|
||
dataSource: this.setDataSource(this.props)
|
||
});
|
||
};
|
||
|
||
Base.prototype.componentDidMount = function componentDidMount() {
|
||
var _this2 = this;
|
||
|
||
// overlay 还没有完成 mount，所以需要滞后同步宽度
|
||
setTimeout(function () {
|
||
return _this2.syncWidth();
|
||
}, 0);
|
||
|
||
events.on(window, 'resize', this.handleResize);
|
||
};
|
||
|
||
Base.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
|
||
if (prevProps.label !== this.props.label || prevState.value !== this.state.value) {
|
||
this.syncWidth();
|
||
}
|
||
};
|
||
|
||
Base.prototype.componentWillUnmount = function componentWillUnmount() {
|
||
events.off(window, 'resize', this.handleResize);
|
||
clearTimeout(this.resizeTimeout);
|
||
};
|
||
|
||
/**
|
||
* Calculate and set width of popup menu
|
||
* @protected
|
||
*/
|
||
|
||
|
||
Base.prototype.syncWidth = function syncWidth() {
|
||
var _this3 = this;
|
||
|
||
var _props2 = this.props,
|
||
popupStyle = _props2.popupStyle,
|
||
popupProps = _props2.popupProps;
|
||
|
||
if (popupStyle && 'width' in popupStyle || popupProps && popupProps.style && 'width' in popupProps.style) {
|
||
return;
|
||
}
|
||
|
||
var width = dom.getStyle(this.selectDOM, 'width');
|
||
if (width && this.width !== width) {
|
||
this.width = width;
|
||
|
||
if (this.popupRef && this.shouldAutoWidth()) {
|
||
// overy 的 node 节点可能没有挂载完成，所以这里需要异步
|
||
setTimeout(function () {
|
||
if (_this3.popupRef && _this3.popupRef.getInstance().overlay) {
|
||
dom.setStyle(_this3.popupRef.getInstance().overlay.getInstance().getContentNode(), 'width', _this3.width);
|
||
}
|
||
}, 0);
|
||
}
|
||
}
|
||
};
|
||
|
||
Base.prototype.handleResize = function handleResize() {
|
||
var _this4 = this;
|
||
|
||
clearTimeout(this.resizeTimeout);
|
||
if (this.state.visible) {
|
||
this.resizeTimeout = setTimeout(function () {
|
||
_this4.syncWidth();
|
||
}, 200);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Get structured dataSource, for cache
|
||
* @protected
|
||
* @param {Object} [props=this.props]
|
||
* @return {Array}
|
||
*/
|
||
|
||
|
||
Base.prototype.setDataSource = function setDataSource(props) {
|
||
var dataSource = props.dataSource,
|
||
children = props.children;
|
||
|
||
// children is higher priority then dataSource
|
||
|
||
if (Children.count(children)) {
|
||
return this.dataStore.updateByDS(children, true);
|
||
} else if (Array.isArray(dataSource)) {
|
||
return this.dataStore.updateByDS(dataSource, false);
|
||
}
|
||
return [];
|
||
};
|
||
|
||
/**
|
||
* Set popup visible
|
||
* @protected
|
||
* @param {boolean} visible
|
||
* @param {string} type trigger type
|
||
*/
|
||
|
||
|
||
Base.prototype.setVisible = function setVisible(visible, type) {
|
||
if (this.props.disabled || this.state.visible === visible) {
|
||
return;
|
||
}
|
||
|
||
if (!('visible' in this.props)) {
|
||
this.setState({
|
||
visible: visible
|
||
});
|
||
}
|
||
|
||
this.props.onVisibleChange(visible, type);
|
||
};
|
||
|
||
Base.prototype.setFirstHightLightKeyForMenu = function setFirstHightLightKeyForMenu() {
|
||
// 设置高亮 item key
|
||
if (this.dataStore.getMenuDS().length && this.dataStore.getEnableDS().length) {
|
||
this.setState({
|
||
highlightKey: '' + this.dataStore.getEnableDS()[0].value
|
||
});
|
||
}
|
||
};
|
||
|
||
Base.prototype.handleChange = function handleChange(value) {
|
||
var _props3;
|
||
|
||
// 非受控模式清空内部数据
|
||
if (!('value' in this.props)) {
|
||
this.setState({
|
||
value: value
|
||
});
|
||
}
|
||
|
||
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||
args[_key - 1] = arguments[_key];
|
||
}
|
||
|
||
(_props3 = this.props).onChange.apply(_props3, [value].concat(args));
|
||
};
|
||
|
||
/**
|
||
* Handle Menu body click
|
||
* @param {Event} e click event
|
||
*/
|
||
|
||
|
||
Base.prototype.handleMenuBodyClick = function handleMenuBodyClick(e) {
|
||
this.focusInput(e);
|
||
};
|
||
|
||
/**
|
||
* Toggle highlight MenuItem
|
||
* @private
|
||
* @param {number} dir -1: up, 1: down
|
||
*/
|
||
|
||
|
||
Base.prototype.toggleHighlightItem = function toggleHighlightItem(dir) {
|
||
if (!this.state.visible) {
|
||
this.setVisible(true, 'enter');
|
||
return;
|
||
}
|
||
|
||
var maxCount = this.dataStore.getEnableDS().length;
|
||
// When there is no enabled item
|
||
if (!maxCount) {
|
||
return false;
|
||
}
|
||
|
||
var highlightKey = this.state.highlightKey;
|
||
|
||
var highlightIndex = -1;
|
||
|
||
// find previous highlight index
|
||
highlightKey !== null && this.dataStore.getEnableDS().some(function (item, index) {
|
||
if ('' + item.value === highlightKey) {
|
||
highlightIndex = index;
|
||
}
|
||
return highlightIndex > -1;
|
||
});
|
||
|
||
// toggle highlight index
|
||
highlightIndex += dir;
|
||
if (highlightIndex < 0) {
|
||
highlightIndex = maxCount - 1;
|
||
}
|
||
if (highlightIndex >= maxCount) {
|
||
highlightIndex = 0;
|
||
}
|
||
|
||
// get highlight key
|
||
var highlightItem = this.dataStore.getEnableDS()[highlightIndex];
|
||
highlightKey = highlightItem ? '' + highlightItem.value : null;
|
||
|
||
this.setState({ highlightKey: highlightKey, srReader: highlightItem.label });
|
||
|
||
this.scrollMenuIntoView();
|
||
|
||
return highlightItem;
|
||
};
|
||
|
||
// scroll into focus item
|
||
|
||
|
||
Base.prototype.scrollMenuIntoView = function scrollMenuIntoView() {
|
||
var _this5 = this;
|
||
|
||
var prefix = this.props.prefix;
|
||
|
||
|
||
clearTimeout(this.highlightTimer);
|
||
this.highlightTimer = setTimeout(function () {
|
||
try {
|
||
var menuNode = findDOMNode(_this5.menuRef);
|
||
var itemNode = menuNode.querySelector('.' + prefix + 'select-menu-item.' + prefix + 'focused');
|
||
itemNode && itemNode.scrollIntoViewIfNeeded();
|
||
} catch (ex) {
|
||
// I don't care...
|
||
}
|
||
});
|
||
};
|
||
|
||
/**
|
||
* render popup menu header
|
||
* @abstract
|
||
*/
|
||
|
||
|
||
Base.prototype.renderMenuHeader = function renderMenuHeader() {
|
||
var menuProps = this.props.menuProps;
|
||
|
||
|
||
if (menuProps && 'header' in menuProps) {
|
||
return menuProps.header;
|
||
}
|
||
|
||
return null;
|
||
};
|
||
|
||
Base.prototype.handleSelect = function handleSelect() {};
|
||
|
||
/**
|
||
* render popup children
|
||
* @protected
|
||
* @param {object} props
|
||
*/
|
||
|
||
|
||
Base.prototype.renderMenu = function renderMenu() {
|
||
var _classNames,
|
||
_this6 = this;
|
||
|
||
var _props4 = this.props,
|
||
prefix = _props4.prefix,
|
||
mode = _props4.mode,
|
||
locale = _props4.locale,
|
||
notFoundContent = _props4.notFoundContent,
|
||
useVirtual = _props4.useVirtual,
|
||
menuProps = _props4.menuProps;
|
||
var _state = this.state,
|
||
dataSource = _state.dataSource,
|
||
highlightKey = _state.highlightKey;
|
||
|
||
var value = this.state.value;
|
||
var selectedKeys = void 0;
|
||
|
||
if (isNull(value) || value.length === 0 || this.isAutoComplete) {
|
||
selectedKeys = [];
|
||
} else if (isSingle(mode)) {
|
||
selectedKeys = [valueToSelectKey(value)];
|
||
} else {
|
||
selectedKeys = [].concat(value).map(function (n) {
|
||
return valueToSelectKey(n);
|
||
});
|
||
}
|
||
|
||
var children = this.renderMenuItem(dataSource);
|
||
|
||
var menuClassName = classNames((_classNames = {}, _classNames[prefix + 'select-menu'] = true, _classNames[prefix + 'select-menu-empty'] = !children || !children.length, _classNames));
|
||
|
||
if (!children || !children.length) {
|
||
children = React.createElement(
|
||
'span',
|
||
{ className: prefix + 'select-menu-empty-content' },
|
||
notFoundContent || locale.notFoundContent
|
||
);
|
||
}
|
||
|
||
var customProps = _extends({}, menuProps, {
|
||
children: children,
|
||
role: 'listbox',
|
||
selectedKeys: selectedKeys,
|
||
focusedKey: highlightKey,
|
||
focusable: false,
|
||
selectMode: isSingle(mode) ? 'single' : 'multiple',
|
||
onSelect: this.handleMenuSelect,
|
||
onItemClick: this.handleItemClick,
|
||
header: this.renderMenuHeader(),
|
||
onClick: this.handleMenuBodyClick,
|
||
onMouseDown: preventDefault,
|
||
className: menuClassName
|
||
});
|
||
var menuStyle = this.shouldAutoWidth() ? { width: this.width } : { minWidth: this.width };
|
||
|
||
return useVirtual && children.length ? React.createElement(
|
||
'div',
|
||
{
|
||
className: prefix + 'select-menu-wrapper',
|
||
style: _extends({ position: 'relative' }, menuStyle)
|
||
},
|
||
React.createElement(
|
||
VirtualList,
|
||
{
|
||
itemsRenderer: function itemsRenderer(items, _ref) {
|
||
return React.createElement(
|
||
Menu,
|
||
_extends({
|
||
ref: function ref(c) {
|
||
_ref(c);
|
||
_this6.menuRef = c;
|
||
}
|
||
}, customProps),
|
||
items
|
||
);
|
||
}
|
||
},
|
||
children
|
||
)
|
||
) : React.createElement(Menu, _extends({}, customProps, { style: menuStyle }));
|
||
};
|
||
|
||
/**
|
||
* render menu item
|
||
* @protected
|
||
* @param {Array} dataSource
|
||
*/
|
||
|
||
|
||
Base.prototype.renderMenuItem = function renderMenuItem(dataSource) {
|
||
var _this7 = this;
|
||
|
||
var _props5 = this.props,
|
||
prefix = _props5.prefix,
|
||
itemRender = _props5.itemRender;
|
||
// If it has.
|
||
|
||
var searchKey = void 0;
|
||
if (this.isAutoComplete) {
|
||
// In AutoComplete, value is the searchKey
|
||
searchKey = this.state.value;
|
||
} else {
|
||
searchKey = this.state.searchValue;
|
||
}
|
||
|
||
return dataSource.map(function (item, index) {
|
||
if (!item) {
|
||
return null;
|
||
}
|
||
if (Array.isArray(item.children)) {
|
||
return React.createElement(
|
||
MenuGroup,
|
||
{ key: index, label: item.label },
|
||
_this7.renderMenuItem(item.children)
|
||
);
|
||
} else {
|
||
var itemProps = {
|
||
role: 'option',
|
||
key: item.value,
|
||
className: prefix + 'select-menu-item',
|
||
disabled: item.disabled
|
||
};
|
||
if (item.title) {
|
||
itemProps.title = item.title;
|
||
}
|
||
|
||
return React.createElement(
|
||
MenuItem,
|
||
itemProps,
|
||
itemRender(item, searchKey)
|
||
);
|
||
}
|
||
});
|
||
};
|
||
|
||
/**
|
||
* 点击 arrow 或 label 的时候焦点切到 input 中
|
||
* @override
|
||
*/
|
||
Base.prototype.focusInput = function focusInput() {
|
||
this.inputRef.focus();
|
||
};
|
||
|
||
Base.prototype.beforeOpen = function beforeOpen() {
|
||
var _state2 = this.state,
|
||
value = _state2.value,
|
||
highlightKey = _state2.highlightKey;
|
||
|
||
if (this.props.mode === 'single' && !value && !highlightKey) {
|
||
this.setFirstHightLightKeyForMenu();
|
||
}
|
||
this.syncWidth();
|
||
};
|
||
|
||
Base.prototype.beforeClose = function beforeClose() {};
|
||
|
||
Base.prototype.afterClose = function afterClose() {};
|
||
|
||
Base.prototype.shouldAutoWidth = function shouldAutoWidth() {
|
||
if (this.props.popupComponent) {
|
||
return false;
|
||
}
|
||
|
||
return this.props.autoWidth;
|
||
};
|
||
|
||
Base.prototype.render = function render(props) {
|
||
var _classNames2;
|
||
|
||
var prefix = props.prefix,
|
||
mode = props.mode,
|
||
popupProps = props.popupProps,
|
||
popupContainer = props.popupContainer,
|
||
popupClassName = props.popupClassName,
|
||
popupStyle = props.popupStyle,
|
||
popupContent = props.popupContent,
|
||
canCloseByTrigger = props.canCloseByTrigger,
|
||
followTrigger = props.followTrigger,
|
||
cache = props.cache,
|
||
popupComponent = props.popupComponent,
|
||
isPreview = props.isPreview,
|
||
renderPreview = props.renderPreview,
|
||
style = props.style,
|
||
className = props.className;
|
||
|
||
|
||
var cls = classNames((_classNames2 = {}, _classNames2[prefix + 'select-auto-complete-menu'] = !popupContent && this.isAutoComplete, _classNames2[prefix + 'select-' + mode + '-menu'] = !popupContent && !!mode, _classNames2), popupClassName || popupProps.className);
|
||
|
||
if (isPreview) {
|
||
if (this.isAutoComplete) {
|
||
return React.createElement(Input, {
|
||
style: style,
|
||
className: className,
|
||
isPreview: isPreview,
|
||
renderPreview: renderPreview,
|
||
value: this.state.value
|
||
});
|
||
} else {
|
||
var valueDS = this.valueDataSource.valueDS;
|
||
if (typeof renderPreview === 'function') {
|
||
var _classNames3;
|
||
|
||
var previewCls = classNames((_classNames3 = {}, _classNames3[prefix + 'form-preview'] = true, _classNames3[className] = !!className, _classNames3));
|
||
return React.createElement(
|
||
'div',
|
||
{ style: style, className: previewCls },
|
||
renderPreview(valueDS, this.props)
|
||
);
|
||
} else {
|
||
var fillProps = this.props.fillProps;
|
||
|
||
if (mode === 'single') {
|
||
return React.createElement(Input, {
|
||
style: style,
|
||
className: className,
|
||
isPreview: isPreview,
|
||
value: fillProps ? valueDS[fillProps] : valueDS.label
|
||
});
|
||
} else {
|
||
return React.createElement(Input, {
|
||
style: style,
|
||
className: className,
|
||
isPreview: isPreview,
|
||
value: valueDS.map(function (i) {
|
||
return i.label;
|
||
}).join(', ')
|
||
});
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
var _props = _extends({
|
||
triggerType: 'click',
|
||
autoFocus: false,
|
||
cache: cache
|
||
}, popupProps, {
|
||
//beforeOpen node not mount, afterOpen too slow.
|
||
// from display:none to block, we may need to recompute width
|
||
beforeOpen: makeChain(this.beforeOpen, popupProps.beforeOpen),
|
||
beforeClose: makeChain(this.beforeClose, popupProps.beforeClose),
|
||
afterClose: makeChain(this.afterClose, popupProps.afterClose),
|
||
canCloseByTrigger: canCloseByTrigger,
|
||
followTrigger: followTrigger,
|
||
visible: this.state.visible,
|
||
onVisibleChange: this.handleVisibleChange,
|
||
shouldUpdatePosition: true,
|
||
container: popupContainer || popupProps.container,
|
||
className: cls,
|
||
style: popupStyle || popupProps.style
|
||
});
|
||
|
||
var Tag = popupComponent ? popupComponent : Popup;
|
||
|
||
return React.createElement(
|
||
Tag,
|
||
_extends({}, _props, {
|
||
trigger: this.renderSelect(),
|
||
ref: this.savePopupRef
|
||
}),
|
||
popupContent ? React.createElement(
|
||
'div',
|
||
{
|
||
className: prefix + 'select-popup-wrap',
|
||
style: this.shouldAutoWidth() ? { width: this.width } : {}
|
||
},
|
||
popupContent
|
||
) : this.renderMenu()
|
||
);
|
||
};
|
||
|
||
return Base;
|
||
}(React.Component), _class.propTypes = {
|
||
prefix: PropTypes.string,
|
||
/**
|
||
* 选择器尺寸
|
||
*/
|
||
size: PropTypes.oneOf(['small', 'medium', 'large']),
|
||
// 当前值，用于受控模式
|
||
value: PropTypes.any, // to be override
|
||
// 初始化的默认值
|
||
defaultValue: PropTypes.any, // to be override
|
||
/**
|
||
* 没有值的时候的占位符
|
||
*/
|
||
placeholder: PropTypes.string,
|
||
/**
|
||
* 下拉菜单是否与选择器对齐
|
||
*/
|
||
autoWidth: PropTypes.bool,
|
||
/**
|
||
* 自定义内联 label
|
||
*/
|
||
label: PropTypes.node,
|
||
/**
|
||
* 是否有清除按钮（单选模式有效）
|
||
*/
|
||
hasClear: PropTypes.bool,
|
||
/**
|
||
* 校验状态
|
||
*/
|
||
state: PropTypes.oneOf(['error', 'loading']),
|
||
/**
|
||
* 是否只读，只读模式下可以展开弹层但不能选
|
||
*/
|
||
readOnly: PropTypes.bool,
|
||
/**
|
||
* 是否禁用选择器
|
||
*/
|
||
disabled: PropTypes.bool,
|
||
/**
|
||
* 当前弹层是否显示
|
||
*/
|
||
visible: PropTypes.bool,
|
||
/**
|
||
* 弹层初始化是否显示
|
||
*/
|
||
defaultVisible: PropTypes.bool,
|
||
/**
|
||
* 弹层显示或隐藏时触发的回调
|
||
* @param {Boolean} visible 弹层是否显示
|
||
* @param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发
|
||
*/
|
||
onVisibleChange: PropTypes.func,
|
||
/**
|
||
* 弹层挂载的容器节点
|
||
*/
|
||
popupContainer: PropTypes.any,
|
||
/**
|
||
* 弹层的 className
|
||
*/
|
||
popupClassName: PropTypes.any,
|
||
/**
|
||
* 弹层的内联样式
|
||
*/
|
||
popupStyle: PropTypes.object,
|
||
/**
|
||
* 添加到弹层上的属性
|
||
*/
|
||
popupProps: PropTypes.object,
|
||
/**
|
||
* 是否跟随滚动
|
||
*/
|
||
followTrigger: PropTypes.bool,
|
||
/**
|
||
* 自定义弹层的内容
|
||
*/
|
||
popupContent: PropTypes.node,
|
||
/**
|
||
* 添加到菜单上的属性
|
||
*/
|
||
menuProps: PropTypes.object,
|
||
/**
|
||
* 是否使用本地过滤，在数据源为远程的时候需要关闭此项
|
||
*/
|
||
filterLocal: PropTypes.bool,
|
||
/**
|
||
* 本地过滤方法，返回一个 Boolean 值确定是否保留
|
||
*/
|
||
filter: PropTypes.func,
|
||
/**
|
||
* 键盘上下键切换菜单高亮选项的回调
|
||
*/
|
||
onToggleHighlightItem: PropTypes.func,
|
||
/**
|
||
* 是否开启虚拟滚动模式
|
||
*/
|
||
useVirtual: PropTypes.bool,
|
||
// 自定义类名
|
||
className: PropTypes.any,
|
||
children: PropTypes.any,
|
||
dataSource: PropTypes.array,
|
||
itemRender: PropTypes.func,
|
||
mode: PropTypes.string,
|
||
notFoundContent: PropTypes.node,
|
||
locale: PropTypes.object,
|
||
rtl: PropTypes.bool,
|
||
popupComponent: PropTypes.any,
|
||
/**
|
||
* 是否为预览态
|
||
*/
|
||
isPreview: PropTypes.bool,
|
||
/**
|
||
* 预览态模式下渲染的内容
|
||
* @param {number} value 评分值
|
||
*/
|
||
renderPreview: PropTypes.func
|
||
}, _class.defaultProps = {
|
||
prefix: 'next-',
|
||
size: 'medium',
|
||
autoWidth: true,
|
||
onChange: noop,
|
||
onVisibleChange: noop,
|
||
onToggleHighlightItem: noop,
|
||
popupProps: {},
|
||
filterLocal: true,
|
||
filter: filter,
|
||
itemRender: function itemRender(item) {
|
||
return item.label || item.value;
|
||
},
|
||
locale: zhCN.Select
|
||
}, _temp);
|
||
Base.displayName = 'Base';
|
||
export { Base as default }; |