@douyinfe/semi-ui 2.25.2 → 2.25.4

package/lib/es/timePicker/TimeInput.js

@@ -126,9 +126,9 @@ class TimeInput extends BaseComponent {
           rest = __rest(_a, ["prefixCls", "placeholder", "inputReadOnly", "onFocus", "disabled", "type", "locale", "localeCode", "insetLabel", "validateStatus", "value", "onChange", "invalid", "format", "clearText", "disabledHours", "disabledMinutes", "disabledSeconds", "onEsc", "defaultOpenValue", "currentSelectPanel", "focusOnOpen", "timeStampValue", "timeZone", "defaultOpen", "dateFnsLocale"]); // const { focusing } = this.state;
 
 
-    const inputCls = classNames("".concat(prefixCls, "-input"), {
-      ["".concat(prefixCls, "-input-invalid")]: invalid,
-      ["".concat(prefixCls, "-input-readonly")]: inputReadOnly
+    const inputCls = classNames(`${prefixCls}-input`, {
+      [`${prefixCls}-input-invalid`]: invalid,
+      [`${prefixCls}-input-readonly`]: inputReadOnly
     });
     const mergeValidateStatus = invalid ? 'error' : validateStatus;
     return /*#__PURE__*/React.createElement(Input, Object.assign({}, rest, {
@@ -155,7 +155,7 @@ class TimeInput extends BaseComponent {
       prefixCls
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-input-wrap")
+      className: `${prefixCls}-input-wrap`
     }, this.getInput());
   }
 

package/lib/es/timePicker/TimePicker.js

@@ -197,7 +197,7 @@ export default class TimePicker extends BaseComponent {
       format: format,
       isAM: isAM[0],
       timeStampValue: value[0],
-      prefixCls: "".concat(prefixCls, "-panel"),
+      prefixCls: `${prefixCls}-panel`,
       onChange: v => this.handlePanelChange(v, 0),
       onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
     }, this.createPanelProps(0)))];
@@ -208,7 +208,7 @@ export default class TimePicker extends BaseComponent {
         format: format,
         isAM: isAM[1],
         timeStampValue: value[1],
-        prefixCls: "".concat(prefixCls, "-panel"),
+        prefixCls: `${prefixCls}-panel`,
         onChange: v => this.handlePanelChange(v, 1),
         onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
       }, this.createPanelProps(1))));
@@ -252,10 +252,10 @@ export default class TimePicker extends BaseComponent {
       selectColumnCount += 1;
     }
 
-    return classNames("".concat(prefixCls, "-panel"), popupClassName, {
-      ["".concat(prefixCls, "-panel-narrow")]: (!showHour || !showMinute || !showSecond) && !use12Hours,
+    return classNames(`${prefixCls}-panel`, popupClassName, {
+      [`${prefixCls}-panel-narrow`]: (!showHour || !showMinute || !showSecond) && !use12Hours,
       [cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
-    }, "".concat(prefixCls, "-panel-column-").concat(selectColumnCount));
+    }, `${prefixCls}-panel-column-${selectColumnCount}`);
   }
 
   focus() {// TODO this.picker is undefined, confirm keep this func or not
@@ -315,11 +315,11 @@ export default class TimePicker extends BaseComponent {
     } = this.state;
     const popupClassName = this.getPopupClassName();
     const headerPrefix = classNames({
-      ["".concat(prefixCls, "-header")]: true
+      [`${prefixCls}-header`]: true
     });
     const panelPrefix = classNames({
-      ["".concat(prefixCls, "-panel")]: true,
-      ["".concat(prefixCls, "-panel-").concat(size)]: size
+      [`${prefixCls}-panel`]: true,
+      [`${prefixCls}-panel-${size}`]: size
     });
     const inputProps = Object.assign(Object.assign({}, rest), {
       disabled,

package/lib/es/timeline/index.js

@@ -18,26 +18,26 @@ class Timeline extends PureComponent {
 
       if (mode === 'alternate') {
         if (ele.props.position) {
-          return "".concat(prefixCls, "-item-").concat(ele.props.position);
+          return `${prefixCls}-item-${ele.props.position}`;
         }
 
-        return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
+        return idx % 2 === 0 ? `${prefixCls}-item-left` : `${prefixCls}-item-right`;
       }
 
       if (mode === 'center') {
         if (ele.props.position) {
-          return "".concat(prefixCls, "-item-").concat(ele.props.position);
+          return `${prefixCls}-item-${ele.props.position}`;
         }
 
-        return "".concat(prefixCls, "-item-left");
+        return `${prefixCls}-item-left`;
       }
 
       if (mode === 'left' || mode === 'right') {
-        return "".concat(prefixCls, "-item-").concat(mode);
+        return `${prefixCls}-item-${mode}`;
       }
 
       if (ele.props.position) {
-        return "".concat(prefixCls, "-item-").concat(ele.props.position);
+        return `${prefixCls}-item-${ele.props.position}`;
       }
 
       return '';
@@ -64,13 +64,13 @@ class Timeline extends PureComponent {
       dataSource
     } = this.props;
     const classString = cls(prefixCls, className, {
-      ["".concat(prefixCls, "-").concat(mode)]: mode
+      [`${prefixCls}-${mode}`]: mode
     });
     let childrenList;
 
     if (dataSource && dataSource.length) {
       const items = dataSource.map((item, index) => /*#__PURE__*/React.createElement(Item, Object.assign({
-        key: "timeline-item-".concat(index)
+        key: `timeline-item-${index}`
       }, item), item.content));
       childrenList = this.addClassName(items);
     }

package/lib/es/timeline/item.js

@@ -20,9 +20,9 @@ export default class Item extends PureComponent {
     } = this.props;
     const itemCls = cls(prefixCls, className);
     const dotCls = cls({
-      ["".concat(prefixCls, "-head")]: true,
-      ["".concat(prefixCls, "-head-custom")]: dot,
-      ["".concat(prefixCls, "-head-").concat(type)]: type
+      [`${prefixCls}-head`]: true,
+      [`${prefixCls}-head-custom`]: dot,
+      [`${prefixCls}-head-${type}`]: type
     });
     const dotStyle = color ? {
       style: {
@@ -34,17 +34,17 @@ export default class Item extends PureComponent {
       style: style,
       onClick: onClick
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-tail"),
+      className: `${prefixCls}-tail`,
       "aria-hidden": true
     }), /*#__PURE__*/React.createElement("div", Object.assign({
       className: dotCls,
       "aria-hidden": true
     }, dotStyle), dot), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: `${prefixCls}-content`
     }, children, extra && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-extra")
+      className: `${prefixCls}-content-extra`
     }, extra), time && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-time")
+      className: `${prefixCls}-content-time`
     }, time)));
   }
 

package/lib/es/toast/index.js

@@ -56,7 +56,7 @@ const createBaseToast = () => {
         ['top', 'left', 'bottom', 'right'].map(pos => {
           if (pos in ToastList.defaultOpts || pos in opts) {
             const val = opts[pos] ? opts[pos] : ToastList.defaultOpts[pos];
-            div.style[pos] = typeof val === 'number' ? "".concat(val, "px") : val;
+            div.style[pos] = typeof val === 'number' ? `${val}px` : val;
           }
         }); // document.body.appendChild(div);
 
@@ -75,10 +75,10 @@ const createBaseToast = () => {
           }));
         });
       } else {
-        const node = document.querySelector("#".concat(this.wrapperId));
+        const node = document.querySelector(`#${this.wrapperId}`);
         ['top', 'left', 'bottom', 'right'].map(pos => {
           if (pos in opts) {
-            node.style[pos] = typeof opts[pos] === 'number' ? "".concat(opts[pos], "px") : opts[pos];
+            node.style[pos] = typeof opts[pos] === 'number' ? `${opts[pos]}px` : opts[pos];
           }
         });
 
@@ -105,7 +105,7 @@ const createBaseToast = () => {
     static destroyAll() {
       if (ToastList.ref) {
         ToastList.ref.destroyAll();
-        const wrapper = document.querySelector("#".concat(this.wrapperId));
+        const wrapper = document.querySelector(`#${this.wrapperId}`);
         ReactDOM.unmountComponentAtNode(wrapper);
         wrapper && wrapper.parentNode.removeChild(wrapper);
         ToastList.ref = null;
@@ -238,7 +238,7 @@ const createBaseToast = () => {
           key: item.id,
           motion: item.motion,
           animationState: isRemoved ? "leave" : "enter",
-          startClassName: isRemoved ? "".concat(cssClasses.PREFIX, "-animation-hide") : "".concat(cssClasses.PREFIX, "-animation-show")
+          startClassName: isRemoved ? `${cssClasses.PREFIX}-animation-hide` : `${cssClasses.PREFIX}-animation-show`
         }, _ref2 => {
           let {
             animationClassName,

package/lib/es/toast/toast.js

@@ -69,12 +69,12 @@ class Toast extends BaseComponent {
     };
     const iconType = iconMap[type];
     const iconSize = 'large';
-    const iconCls = cls("".concat(prefixCls, "-icon"), "".concat(prefixCls, "-icon-").concat(type));
+    const iconCls = cls(`${prefixCls}-icon`, `${prefixCls}-icon-${type}`);
 
     if (icon) {
       return isSemiIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
         size: iconSize,
-        className: "".concat(prefixCls, "-icon")
+        className: `${prefixCls}-icon`
       }) : icon;
     }
 
@@ -100,9 +100,9 @@ class Toast extends BaseComponent {
     } = this.props;
     const direction = this.props.direction || this.context.direction;
     const toastCls = cls(prefixCls, className, {
-      ["".concat(prefixCls, "-").concat(type)]: true,
-      ["".concat(prefixCls, "-").concat(theme)]: theme === 'light',
-      ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
+      [`${prefixCls}-${type}`]: true,
+      [`${prefixCls}-${theme}`]: theme === 'light',
+      [`${prefixCls}-rtl`]: direction === 'rtl'
     });
     const textStyle = {};
     textStyle.maxWidth = textMaxWidth;
@@ -110,7 +110,7 @@ class Toast extends BaseComponent {
     const btnSize = 'small';
     return /*#__PURE__*/React.createElement("div", {
       role: "alert",
-      "aria-label": "".concat(type ? type : 'default', " type"),
+      "aria-label": `${type ? type : 'default'} type`,
       className: toastCls,
       style: style,
       onMouseEnter: this.clearCloseTimer,
@@ -118,13 +118,13 @@ class Toast extends BaseComponent {
       onAnimationStart: this.props.onAnimationStart,
       onAnimationEnd: this.props.onAnimationEnd
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: `${prefixCls}-content`
     }, this.renderIcon(), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-content-text"),
+      className: `${prefixCls}-content-text`,
       style: textStyle,
       "x-semi-prop": "content"
     }, content), showClose && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-close-button")
+      className: `${prefixCls}-close-button`
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: e => this.close(e),
       type: "tertiary",

package/lib/es/tooltip/index.js

@@ -99,7 +99,7 @@ export default class Tooltip extends BaseComponent {
         style
       } = this.props;
       let icon = null;
-      const triangleCls = classNames(["".concat(prefixCls, "-icon-arrow")]);
+      const triangleCls = classNames([`${prefixCls}-icon-arrow`]);
 
       const bgColor = _get(style, 'backgroundColor');
 
@@ -174,10 +174,10 @@ export default class Tooltip extends BaseComponent {
       } = this.props;
       const direction = this.context.direction;
       const className = classNames(propClassName, {
-        ["".concat(prefixCls, "-wrapper")]: true,
-        ["".concat(prefixCls, "-wrapper-show")]: visible,
-        ["".concat(prefixCls, "-with-arrow")]: Boolean(showArrow),
-        ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
+        [`${prefixCls}-wrapper`]: true,
+        [`${prefixCls}-wrapper-show`]: visible,
+        [`${prefixCls}-with-arrow`]: Boolean(showArrow),
+        [`${prefixCls}-rtl`]: direction === 'rtl'
       });
       const icon = this.renderIcon();
 
@@ -192,7 +192,7 @@ export default class Tooltip extends BaseComponent {
         fillMode: "forwards",
         animationState: transitionState,
         motion: motion && isPositionUpdated,
-        startClassName: transitionState === 'enter' ? "".concat(prefix, "-animation-show") : "".concat(prefix, "-animation-hide"),
+        startClassName: transitionState === 'enter' ? `${prefix}-animation-show` : `${prefix}-animation-hide`,
         onAnimationEnd: () => {
           var _a, _b;
 
@@ -226,7 +226,7 @@ export default class Tooltip extends BaseComponent {
           zIndex
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(BASE_CLASS_PREFIX, "-portal-inner"),
+        className: `${BASE_CLASS_PREFIX}-portal-inner`,
         style: portalInnerStyle,
         ref: this.setContainerEl,
         onClick: this.handlePortalInnerClick,

package/lib/es/transfer/index.js

@@ -27,7 +27,7 @@ const SortableList = SortableContainer(_ref => {
     items
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixcls, "-right-list"),
+    className: `${prefixcls}-right-list`,
     role: "list",
     "aria-label": "Selected list"
   }, items.map((item, index) =>
@@ -179,7 +179,7 @@ class Transfer extends BaseComponent {
     return /*#__PURE__*/React.createElement("div", {
       role: "search",
       "aria-label": "Transfer filter",
-      className: "".concat(prefixcls, "-filter")
+      className: `${prefixcls}-filter`
     }, /*#__PURE__*/React.createElement(Input, Object.assign({
       prefix: /*#__PURE__*/React.createElement(IconSearch, null),
       placeholder: locale.placeholder,
@@ -202,20 +202,20 @@ class Transfer extends BaseComponent {
       showButton
     } = headerConfig;
     const headerCls = cls({
-      ["".concat(prefixcls, "-header")]: true,
-      ["".concat(prefixcls, "-right-header")]: type === 'right',
-      ["".concat(prefixcls, "-left-header")]: type === 'left'
+      [`${prefixcls}-header`]: true,
+      [`${prefixcls}-right-header`]: type === 'right',
+      [`${prefixcls}-left-header`]: type === 'left'
     });
     return /*#__PURE__*/React.createElement("div", {
       className: headerCls
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixcls, "-header-total")
+      className: `${prefixcls}-header-total`
     }, totalContent), showButton ? /*#__PURE__*/React.createElement(Button, {
       theme: "borderless",
       disabled: disabled,
       type: "tertiary",
       size: "small",
-      className: "".concat(prefixcls, "-header-all"),
+      className: `${prefixcls}-header-all`,
       onClick: onAllClick
     }, allContent) : null);
   }
@@ -238,8 +238,8 @@ class Transfer extends BaseComponent {
     }
 
     const leftItemCls = cls({
-      ["".concat(prefixcls, "-item")]: true,
-      ["".concat(prefixcls, "-item-disabled")]: item.disabled
+      [`${prefixcls}-item`]: true,
+      [`${prefixcls}-item-disabled`]: item.disabled
     });
     return /*#__PURE__*/React.createElement(Checkbox, {
       key: index,
@@ -248,7 +248,7 @@ class Transfer extends BaseComponent {
       checked: checked,
       role: "listitem",
       onChange: () => this.onSelectOrRemove(item),
-      "x-semi-children-alias": "dataSource[".concat(index, "].label")
+      "x-semi-children-alias": `dataSource[${index}].label`
     }, item.label);
   }
 
@@ -275,7 +275,7 @@ class Transfer extends BaseComponent {
     // The selected option is 2,3,4, then it is false
 
     const leftContainesNotInSelected = Boolean(filterData.find(f => !selectedItems.has(f.key)));
-    const totalText = totalToken.replace('${total}', "".concat(showNumber));
+    const totalText = totalToken.replace('${total}', `${showNumber}`);
     const headerConfig = {
       totalContent: totalText,
       allContent: leftContainesNotInSelected ? locale.selectAll : locale.clearSelectAll,
@@ -344,15 +344,15 @@ class Transfer extends BaseComponent {
     }
 
     return /*#__PURE__*/React.createElement("section", {
-      className: "".concat(prefixcls, "-left")
+      className: `${prefixcls}-left`
     }, inputCom, content);
   }
 
   renderGroupTitle(group, index) {
-    const groupCls = cls("".concat(prefixcls, "-group-title"));
+    const groupCls = cls(`${prefixcls}-group-title`);
     return /*#__PURE__*/React.createElement("div", {
       className: groupCls,
-      key: "title-".concat(index)
+      key: `title-${index}`
     }, group.title);
   }
 
@@ -417,7 +417,7 @@ class Transfer extends BaseComponent {
       }
     });
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixcls, "-left-list"),
+      className: `${prefixcls}-left-list`,
       role: "list",
       "aria-label": "Option list"
     }, content);
@@ -434,9 +434,9 @@ class Transfer extends BaseComponent {
     const onRemove = () => this.foundation.handleSelectOrRemove(item);
 
     const rightItemCls = cls({
-      ["".concat(prefixcls, "-item")]: true,
-      ["".concat(prefixcls, "-right-item")]: true,
-      ["".concat(prefixcls, "-right-item-draggable")]: draggable
+      [`${prefixcls}-item`]: true,
+      [`${prefixcls}-right-item`]: true,
+      [`${prefixcls}-right-item-draggable`]: draggable
     });
     const shouldShowPath = type === strings.TYPE_TREE_TO_LIST && showPath === true;
     const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
@@ -451,7 +451,7 @@ class Transfer extends BaseComponent {
     const DragHandle = SortableHandle(() => /*#__PURE__*/React.createElement(IconHandle, {
       role: "button",
       "aria-label": "Drag and sort",
-      className: "".concat(prefixcls, "-right-item-drag-handler")
+      className: `${prefixcls}-right-item-drag-handler`
     }));
     return (
       /*#__PURE__*/
@@ -461,12 +461,12 @@ class Transfer extends BaseComponent {
         className: rightItemCls,
         key: item.key
       }, draggable ? /*#__PURE__*/React.createElement(DragHandle, null) : null, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixcls, "-right-item-text")
+        className: `${prefixcls}-right-item-text`
       }, label), /*#__PURE__*/React.createElement(IconClose, {
         onClick: onRemove,
         "aria-disabled": item.disabled,
-        className: cls("".concat(prefixcls, "-item-close-icon"), {
-          ["".concat(prefixcls, "-item-close-icon-disabled")]: item.disabled
+        className: cls(`${prefixcls}-item-close-icon`, {
+          [`${prefixcls}-item-close-icon-disabled`]: item.disabled
         })
       }))
     );
@@ -474,9 +474,9 @@ class Transfer extends BaseComponent {
 
   renderEmpty(type, emptyText) {
     const emptyCls = cls({
-      ["".concat(prefixcls, "-empty")]: true,
-      ["".concat(prefixcls, "-right-empty")]: type === 'right',
-      ["".concat(prefixcls, "-left-empty")]: type === 'left'
+      [`${prefixcls}-empty`]: true,
+      [`${prefixcls}-right-empty`]: type === 'right',
+      [`${prefixcls}-left-empty`]: type === 'left'
     });
     return /*#__PURE__*/React.createElement("div", {
       "aria-label": "empty",
@@ -492,7 +492,7 @@ class Transfer extends BaseComponent {
 
     const sortList = /*#__PURE__*/React.createElement(SortableList, {
       useDragHandle: true,
-      helperClass: "".concat(prefixcls, "-right-item-drag-item-move"),
+      helperClass: `${prefixcls}-right-item-drag-item-move`,
       onSortEnd: this.onSortEnd,
       items: sortableListItems
     });
@@ -523,7 +523,7 @@ class Transfer extends BaseComponent {
     }
 
     const selectedToken = locale.selected;
-    const selectedText = selectedToken.replace('${total}', "".concat(selectedData.length));
+    const selectedText = selectedToken.replace('${total}', `${selectedData.length}`);
     const headerConfig = {
       totalContent: selectedText,
       allContent: locale.clear,
@@ -533,7 +533,7 @@ class Transfer extends BaseComponent {
     };
     const headerCom = this.renderHeader(headerConfig);
     const emptyCom = this.renderEmpty('right', emptyContent.right ? emptyContent.right : locale.emptyRight);
-    const panelCls = "".concat(prefixcls, "-right");
+    const panelCls = `${prefixcls}-right`;
     let content = null;
 
     switch (true) {
@@ -544,7 +544,7 @@ class Transfer extends BaseComponent {
 
       case selectedData.length && !draggable:
         const list = /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixcls, "-right-list"),
+          className: `${prefixcls}-right-list`,
           role: "list",
           "aria-label": "Selected list"
         }, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
@@ -573,8 +573,8 @@ class Transfer extends BaseComponent {
       renderSourcePanel
     } = this.props;
     const transferCls = cls(prefixcls, className, {
-      ["".concat(prefixcls, "-disabled")]: disabled,
-      ["".concat(prefixcls, "-custom-panel")]: renderSelectedPanel && renderSourcePanel
+      [`${prefixcls}-disabled`]: disabled,
+      [`${prefixcls}-custom-panel`]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Transfer"

package/lib/es/tree/autoSizer.js

@@ -67,7 +67,7 @@ export default class AutoSizer extends PureComponent {
         height: defaultHeight,
         overflow: 'visible'
       },
-      className: "".concat(prefixcls, "-auto-wrapper")
+      className: `${prefixcls}-auto-wrapper`
     }, !bailoutOnChildren && children({
       height,
       width: defaultWidth

package/lib/es/tree/index.js

@@ -515,7 +515,7 @@ class Tree extends BaseComponent {
       searchPlaceholder,
       showClear
     } = this.props;
-    const inputcls = cls("".concat(prefixcls, "-input"));
+    const inputcls = cls(`${prefixcls}-input`);
     const {
       inputValue
     } = this.state;
@@ -527,7 +527,7 @@ class Tree extends BaseComponent {
       showClear,
       placeholder: searchPlaceholder
     };
-    const wrapperCls = cls("".concat(prefixcls, "-search-wrapper"), searchClassName);
+    const wrapperCls = cls(`${prefixcls}-search-wrapper`, searchClassName);
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperCls,
       style: searchStyle
@@ -606,7 +606,7 @@ class Tree extends BaseComponent {
         width: width,
         itemKey: this.itemKey,
         itemData: flattenNodes,
-        className: "".concat(prefixcls, "-virtual-list"),
+        className: `${prefixcls}-virtual-list`,
         style: {
           direction
         }
@@ -646,9 +646,9 @@ class Tree extends BaseComponent {
       virtualize,
       checkRelation
     } = this.props;
-    const wrapperCls = cls("".concat(prefixcls, "-wrapper"), className);
-    const listCls = cls("".concat(prefixcls, "-option-list"), {
-      ["".concat(prefixcls, "-option-list-block")]: blockNode
+    const wrapperCls = cls(`${prefixcls}-wrapper`, className);
+    const listCls = cls(`${prefixcls}-option-list`, {
+      [`${prefixcls}-option-list-block`]: blockNode
     });
     const searchNoRes = Boolean(inputValue) && !filteredKeys.size;
     const noData = _isEmpty(keyEntities) || showFilteredOnly && searchNoRes;

package/lib/es/tree/nodeList.js

@@ -95,7 +95,7 @@ export default class NodeList extends PureComponent {
           open: motionType === 'hide',
           duration: 200,
           motion: Boolean(motionType),
-          key: "motion-".concat(nodeKey),
+          key: `motion-${nodeKey}`,
           onMotionEnd: this.onMotionEnd
         }, treeNode.map(node => renderTreeNode(node)));
       }