acud 1.0.7 → 1.0.10

package/es/card/style/index.css

@@ -869,7 +869,6 @@
 .acud-card-loading .acud-card-body {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-card-loading-content p {

package/es/date-picker/src/PickerPanel.js

@@ -122,7 +122,6 @@ function PickerPanel(props) {
       var now = generateConfig.getNow();
       if (!date) return now; // When value is null and set showTime
 
-      // When value is null and set showTime
       if (!mergedValue && showTime) {
         if (_typeof(showTime) === 'object') {
           return setDateTime(generateConfig, date, showTime.defaultValue || now);

package/es/date-picker/src/RangePicker.js

@@ -172,7 +172,6 @@ function InnerRangePicker(props) {
       } // Fill disabled unit
 
 
-      // Fill disabled unit
       for (var i = 0; i < 2; i += 1) {
         if (mergedDisabled[i] && !getValue(postValues, i) && !getValue(allowEmpty, i)) {
           postValues = updateValues(postValues, generateConfig.getNow(), i);

package/es/dialog-box/style/index.css

@@ -26,7 +26,6 @@
           animation-duration: 0.3s;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-dialogbox-mask {

package/es/form/style/index.css

@@ -742,8 +742,7 @@
 .acud-form-item-label > label .acud-form-item-tooltip {
   color: #B8BABF;
   cursor: help;
-  -ms-writing-mode: lr-tb;
-      writing-mode: horizontal-tb;
+  writing-mode: horizontal-tb;
   -webkit-margin-start: 4px;
           margin-inline-start: 4px;
 }

package/es/input-number/src/hooks/useFrame.d.ts

@@ -1,5 +1,5 @@
-declare const _default: () => (callback: () => void) => void;
 /**
  * Always trigger latest once when call multiple time
  */
+declare const _default: () => (callback: () => void) => void;
 export default _default;

package/es/input-number/style/index.css

@@ -249,7 +249,6 @@
   transition: all 0.1s linear;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-input-number-handler-up-inner > *,
@@ -314,18 +313,12 @@
 .acud-input-number-input::-moz-placeholder {
   opacity: 1;
 }
-.acud-input-number-input:-ms-input-placeholder {
-  color: #D4D6D9;
-}
 .acud-input-number-input::placeholder {
   color: #D4D6D9;
 }
 .acud-input-number-input:-moz-placeholder-shown {
   text-overflow: ellipsis;
 }
-.acud-input-number-input:-ms-input-placeholder {
-  text-overflow: ellipsis;
-}
 .acud-input-number-input:placeholder-shown {
   text-overflow: ellipsis;
 }

package/es/locale/zh_CN.js

@@ -44,7 +44,8 @@ var localeValues = {
     sourceNoData: '暂无数据',
     targetTitle: '已选项',
     targetNoData: '请选择左侧数据',
-    clearAll: '清空'
+    clearAll: '清空',
+    workerLoadingTip: '数据计算中...'
   },
   Upload: {
     uploading: '上传中',

package/es/modal/style/index.css

@@ -28,7 +28,6 @@
           animation-duration: 0.3s;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-modal-mask {

package/es/pagination/pagination.js

@@ -87,7 +87,8 @@ var Pagination = function Pagination(_a) {
       mini: isSmall
     }, 'rtl', direction === 'rtl'), className);
     return /*#__PURE__*/React.createElement(RcPagination, _extends({
-      showSizeChanger: showSizeChanger
+      showSizeChanger: showSizeChanger,
+      locale: LOCALE
     }, restProps, {
       prefixCls: prefixCls,
       selectPrefixCls: selectPrefixCls
@@ -95,8 +96,7 @@ var Pagination = function Pagination(_a) {
       className: extendedClassName,
       selectComponentClass: showSizeChanger ? Select : undefined,
       Option: Option,
-      showQuickJumper: showQuickJumper,
-      locale: LOCALE
+      showQuickJumper: showQuickJumper
     }));
   };
 

package/es/pagination/rc-pagination/Options.js

@@ -24,7 +24,7 @@ var Options = function Options(_ref) {
   }, []);
   buildOptionText = React.useCallback(function (value) {
     return "".concat(value, " ").concat(locale.items_per_page);
-  }, []);
+  }, [locale]);
   var handleChangeSize = React.useCallback(function (value) {
     changeSize(Number(value));
   }, [changeSize]);

package/es/pagination/style/index.css

@@ -67,7 +67,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   box-sizing: border-box;
   font-weight: 400;
@@ -251,7 +250,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-pagination-prev.acud-pagination-disabled button,

package/es/popover/style/index.css

@@ -22,7 +22,6 @@
   cursor: auto;
   -webkit-user-select: text;
      -moz-user-select: text;
-      -ms-user-select: text;
           user-select: text;
 }
 .acud-popover::after {

package/es/rate/style/index.css

@@ -130,7 +130,6 @@
   margin-bottom: 4px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   transition: all 0.3s;
   cursor: pointer;

package/es/select/style/index.css

@@ -38,7 +38,6 @@
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #151B26;
 }
@@ -191,7 +190,6 @@
   transition: font-size 0.3s, line-height 0.3s, height 0.3s;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   -webkit-margin-end: 5px;
           margin-inline-end: 5px;

package/es/slider/style/index.css

@@ -253,7 +253,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-slider-mark-text:first-child {

package/es/switch/style/index.css

@@ -202,7 +202,6 @@
   vertical-align: middle;
   -webkit-user-select: text;
      -moz-user-select: text;
-      -ms-user-select: text;
           user-select: text;
   pointer-events: none;
 }

package/es/tabs/style/index.css

@@ -537,7 +537,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #151B26;
 }

package/es/tag/style/index.css

@@ -312,7 +312,6 @@
 .acud-tag-type-edit {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding-right: 4px;
   line-height: 24px;

package/es/timeline/style/index.css

@@ -166,7 +166,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .common-content-link {
@@ -579,7 +578,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-timeline-item-content-link {

package/es/transfer/DataSource.d.ts

@@ -4,5 +4,7 @@ export interface DataSourceProps<RecordType> extends TransferProps<RecordType> {
     tKeys: string[];
     setTKeys: (t: string[]) => void;
     expansionSource: RecordType[];
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
 }
 export default function dataSource<RecordType extends TransferItem = TransferItem>(props: DataSourceProps<RecordType>): JSX.Element;

package/es/transfer/DataSource.js

@@ -38,23 +38,30 @@ export default function dataSource(props) {
       useWorker = _props$useWorker === void 0 ? false : _props$useWorker,
       tKeys = props.tKeys,
       setTKeys = props.setTKeys,
+      loading = props.loading,
+      setLoading = props.setLoading,
+      _props$workerLimit = props.workerLimit,
+      workerLimit = _props$workerLimit === void 0 ? 20000 : _props$workerLimit,
+      _props$workerLoading = props.workerLoading,
+      workerLoading = _props$workerLoading === void 0 ? true : _props$workerLoading,
       leftStyle = props.leftStyle,
       locale = props.locale;
   var filterOption = filterOptionProp || (displayType === 'table' ? defaultTableFilterOption : defaultFilterOption);
   var dataSourceCls = "".concat(prefixCls, "-datasource");
   var sourceTitle = locale.sourceTitle,
       searchPlaceholder = locale.searchPlaceholder,
-      sourceNoData = locale.sourceNoData; // 搜索关键字
+      sourceNoData = locale.sourceNoData,
+      workerLoadingTip = locale.workerLoadingTip; // 搜索关键字
 
   var _React$useState = React.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       searchValue = _React$useState2[0],
       setSearchValue = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
+  var _React$useState3 = React.useState([]),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      loading = _React$useState4[0],
-      setLoading = _React$useState4[1];
+      totalSelectedUndisabledKeys = _React$useState4[0],
+      setTotalSelectedUndisabledKeys = _React$useState4[1];
 
   var filterSource = React.useMemo(function () {
     if (searchValue === '') {
@@ -100,37 +107,60 @@ export default function dataSource(props) {
     var unDisabledDataSource = filterSource.filter(function (data) {
       return !data.group && !data.disabled;
     });
-    return unDisabledDataSource.map(function (data) {
+    var udd = unDisabledDataSource.map(function (data) {
       return data.key;
     });
+    return udd;
   }, [filterSource]);
-  var totalSelectedUndisabledKeys = React.useMemo(function () {
-    return tKeys.filter(function (key) {
-      return totalUndisabledKeys.includes(key);
-    });
-  }, [totalUndisabledKeys, tKeys]);
+  React.useEffect(function () {
+    if (useWorker && tKeys.length >= workerLimit && totalUndisabledKeys.length >= workerLimit) {
+      workerLoading && setLoading(true);
+      var tsuWorker = createWorker(function (e) {
+        var _e$data = e.data,
+            tKeys = _e$data.tKeys,
+            totalUndisabledKeys = _e$data.totalUndisabledKeys;
+        var tsu = tKeys.filter(function (key) {
+          return totalUndisabledKeys.includes(key);
+        });
+        self.postMessage(tsu);
+      });
+      tsuWorker.addEventListener('message', function (event) {
+        setTotalSelectedUndisabledKeys(event.data);
+        tsuWorker.terminate();
+        workerLoading && setLoading(false);
+      });
+      tsuWorker.postMessage({
+        tKeys: tKeys,
+        totalUndisabledKeys: totalUndisabledKeys
+      });
+    } else {
+      var tsu = tKeys.filter(function (key) {
+        return totalUndisabledKeys.includes(key);
+      });
+      setTotalSelectedUndisabledKeys(tsu);
+    }
+  }, [totalUndisabledKeys, tKeys, useWorker, workerLimit, workerLoading]);
   var allChecked = totalUndisabledKeys.length === totalSelectedUndisabledKeys.length;
   var indeterminate = totalSelectedUndisabledKeys.length && totalUndisabledKeys.length > totalSelectedUndisabledKeys.length;
   var selectAll = React.useCallback(function () {
     var newTKeys = []; // 取消全选
 
     if (allChecked) {
-      if (useWorker) {
-        setLoading(true);
+      if (useWorker && tKeys.length > workerLimit && totalUndisabledKeys.length >= workerLimit) {
+        workerLoading && setLoading(true);
         var cancelAllWorker = createWorker(function (e) {
-          var _e$data = e.data,
-              tKeys = _e$data.tKeys,
-              totalUndisabledKeys = _e$data.totalUndisabledKeys;
+          var _e$data2 = e.data,
+              tKeys = _e$data2.tKeys,
+              totalUndisabledKeys = _e$data2.totalUndisabledKeys;
           var nKeys = tKeys.filter(function (key) {
             return !totalUndisabledKeys.includes(key);
           });
           self.postMessage(nKeys);
-        }); // 主线程监听worker线程返回的数据
-
+        });
         cancelAllWorker.addEventListener('message', function (event) {
           setTKeys(event.data);
           cancelAllWorker.terminate();
-          setLoading(false);
+          workerLoading && setLoading(false);
         });
         cancelAllWorker.postMessage({
           tKeys: tKeys,
@@ -146,7 +176,7 @@ export default function dataSource(props) {
       newTKeys = _toConsumableArray(new Set([].concat(_toConsumableArray(tKeys), _toConsumableArray(totalUndisabledKeys))));
       setTKeys(newTKeys);
     }
-  }, [totalSelectedUndisabledKeys, totalUndisabledKeys, allChecked, tKeys]);
+  }, [expansionSource, totalSelectedUndisabledKeys, totalUndisabledKeys, useWorker, workerLimit, workerLoading, allChecked, tKeys]);
   var searchChange = React.useCallback(function (e) {
     var searchValue = e.target.value;
     setSearchValue(searchValue);
@@ -167,13 +197,13 @@ export default function dataSource(props) {
     onChange: onSelectChange,
     selectedRowKeys: tKeys
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: dataSourceCls,
-    style: leftStyle
-  }, /*#__PURE__*/React.createElement(Loading, {
+  return /*#__PURE__*/React.createElement(Loading, {
     loading: loading,
-    tip: "\u52A0\u8F7D\u4E2D...",
+    tip: workerLoadingTip,
     size: "small"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: dataSourceCls,
+    style: leftStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(dataSourceCls, "-header")
   }, showSelectAll && displayType === 'single' && /*#__PURE__*/React.createElement(Checkbox, {

package/es/transfer/Target.d.ts

@@ -3,6 +3,8 @@ import { TransferItem, TransferProps } from '.';
 export interface DataSourceProps<RecordType> extends TransferProps<RecordType> {
     tKeys: string[];
     setTKeys: (t: string[]) => void;
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
     expansionSource: RecordType[];
 }
 export default function target<RecordType extends TransferItem = TransferItem>(props: DataSourceProps<RecordType>): JSX.Element;

package/es/transfer/Target.js

@@ -10,6 +10,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import classnames from 'classnames/dedupe';
 import { OutlinedClose } from 'acud-icon';
+import { createWorker } from '../_util/createWorker';
+import Loading from '../loading';
 import Table from '../table';
 import TargetList from './TargetList';
 import Search from '../search';
@@ -32,6 +34,13 @@ export default function target(props) {
       showSearchClear = _props$showSearchClea === void 0 ? true : _props$showSearchClea,
       tKeys = props.tKeys,
       setTKeys = props.setTKeys,
+      loading = props.loading,
+      setLoading = props.setLoading,
+      useWorker = props.useWorker,
+      _props$workerLimit = props.workerLimit,
+      workerLimit = _props$workerLimit === void 0 ? 20000 : _props$workerLimit,
+      _props$workerLoading = props.workerLoading,
+      workerLoading = _props$workerLoading === void 0 ? true : _props$workerLoading,
       rightStyle = props.rightStyle,
       locale = props.locale,
       expansionSource = props.expansionSource,
@@ -40,26 +49,58 @@ export default function target(props) {
   var targetTitle = locale.targetTitle,
       searchPlaceholder = locale.searchPlaceholder,
       targetNoData = locale.targetNoData,
-      clearAll = locale.clearAll;
-  var targetSource = React.useMemo(function () {
-    return expansionSource.filter(function (data) {
-      return tKeys.includes(data.key) || data.group && data.childrenKeys.some(function (childKey) {
-        return tKeys.includes(childKey);
+      clearAll = locale.clearAll,
+      workerLoadingTip = locale.workerLoadingTip;
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      targetSource = _React$useState2[0],
+      setTargetSource = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (useWorker && expansionSource.length > workerLimit && tKeys.length > workerLimit) {
+      workerLoading && setLoading(true);
+      var tsWorker = createWorker(function (e) {
+        var _e$data = e.data,
+            expansionSource = _e$data.expansionSource,
+            tKeys = _e$data.tKeys;
+        var tsArr = expansionSource.filter(function (data) {
+          return tKeys.includes(data.key) || data.group && data.childrenKeys.some(function (childKey) {
+            return tKeys.includes(childKey);
+          });
+        });
+        self.postMessage(tsArr);
       });
-    });
+      tsWorker.addEventListener('message', function (event) {
+        setTargetSource(event.data);
+        tsWorker.terminate();
+        workerLoading && setLoading(false);
+      });
+      tsWorker.postMessage({
+        expansionSource: expansionSource,
+        tKeys: tKeys
+      });
+    } else {
+      var ts = expansionSource.filter(function (data) {
+        return tKeys.includes(data.key) || data.group && data.childrenKeys.some(function (childKey) {
+          return tKeys.includes(childKey);
+        });
+      });
+      setTargetSource(ts);
+    }
   }, [expansionSource, tKeys]); // 搜索关键字
 
-  var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      searchValue = _React$useState2[0],
-      setSearchValue = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      searchValue = _React$useState4[0],
+      setSearchValue = _React$useState4[1];
 
   var filterSource = React.useMemo(function () {
     if (searchValue === '') {
       return targetSource;
     }
 
-    return targetSource.filter(function (data) {
+    var tfs = targetSource.filter(function (data) {
       if (data.group) {
         return filterOption(searchValue, data) || data.children.some(function (child) {
           return tKeys.includes(child.key) && filterOption(searchValue, child);
@@ -75,6 +116,7 @@ export default function target(props) {
 
       return filterOption(searchValue, data);
     });
+    return tfs;
   }, [searchValue, targetSource]); // 已选项
 
   var optionSource = React.useMemo(function () {
@@ -101,11 +143,33 @@ export default function target(props) {
     });
   }, [optionSource]);
   var handleClearAll = React.useCallback(function () {
-    var newTKeys = tKeys.filter(function (key) {
-      return !totalUndisabledKeys.includes(key);
-    });
-    setTKeys(newTKeys);
-  }, [totalUndisabledKeys, tKeys]);
+    if (useWorker && tKeys.length > workerLimit && totalUndisabledKeys.length > workerLimit) {
+      workerLoading && setLoading(true);
+      var tkWorker = createWorker(function (e) {
+        var _e$data2 = e.data,
+            totalUndisabledKeys = _e$data2.totalUndisabledKeys,
+            tKeys = _e$data2.tKeys;
+        var newTKeys = tKeys.filter(function (key) {
+          return !totalUndisabledKeys.includes(key);
+        });
+        self.postMessage(newTKeys);
+      });
+      tkWorker.addEventListener('message', function (event) {
+        setTKeys(event.data);
+        tkWorker.terminate();
+        workerLoading && setLoading(false);
+      });
+      tkWorker.postMessage({
+        totalUndisabledKeys: totalUndisabledKeys,
+        tKeys: tKeys
+      });
+    } else {
+      var newTKeys = tKeys.filter(function (key) {
+        return !totalUndisabledKeys.includes(key);
+      });
+      setTKeys(newTKeys);
+    }
+  }, [totalUndisabledKeys, tKeys, useWorker, workerLimit, workerLoading]);
   var searchChange = React.useCallback(function (e) {
     var searchValue = e.target.value;
     setSearchValue(searchValue);
@@ -156,7 +220,11 @@ export default function target(props) {
     return tColumns;
   }, [columns, tKeys]);
   var clearCls = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(targetCls, "-clear-all"), true), _defineProperty(_classnames, "".concat(targetCls, "-clear-all-disabled"), filterSource.length === totalDisabledKeys.length), _classnames));
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Loading, {
+    loading: loading,
+    tip: workerLoadingTip,
+    size: "small"
+  }, /*#__PURE__*/React.createElement("div", {
     className: targetCls,
     style: rightStyle
   }, /*#__PURE__*/React.createElement("div", {
@@ -185,5 +253,5 @@ export default function target(props) {
     filterSource: filterSource
   })), filterSource.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "".concat(prefixCls, "-target-nodata")
-  }, /*#__PURE__*/React.createElement("span", null, targetNoData))));
+  }, /*#__PURE__*/React.createElement("span", null, targetNoData)))));
 }

package/es/transfer/index.d.ts

@@ -14,6 +14,7 @@ export interface TransferLocale {
     sourceNoData: React.ReactNode;
     targetNoData: React.ReactNode;
     clearAll: string;
+    workerLoadingTip: string;
 }
 export interface TransferItem {
     key?: string;
@@ -45,6 +46,8 @@ export interface TransferProps<RecordType> {
     defaultExpandGroupKey?: string[] | string | number[] | number | boolean;
     virtual?: boolean;
     useWorker?: boolean;
+    workerLimit?: number;
+    workerLoading?: boolean;
     columns?: ColumnsType<RecordType>;
 }
 export default function transfer<RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): JSX.Element;

package/es/transfer/index.js

@@ -24,7 +24,12 @@ export default function transfer(props) {
       locale = _props$locale === void 0 ? {} : _props$locale,
       dataSource = props.dataSource;
 
-  var userLocale = _extends(_extends({}, baseLocale.Transfer), locale); // 二级数据展开成一级数据
+  var userLocale = _extends(_extends({}, baseLocale.Transfer), locale);
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      loading = _React$useState2[0],
+      setLoading = _React$useState2[1]; // 二级数据展开成一级数据
 
 
   var expansionSource = React.useMemo(function () {
@@ -55,10 +60,10 @@ export default function transfer(props) {
     return expansionArr;
   }, [dataSource]);
 
-  var _React$useState = React.useState(targetKeys || []),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      tKeys = _React$useState2[0],
-      setTKeys = _React$useState2[1];
+  var _React$useState3 = React.useState(targetKeys || []),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      tKeys = _React$useState4[0],
+      setTKeys = _React$useState4[1];
 
   var mergedKeys = 'targetKeys' in props ? targetKeys : tKeys;
   React.useEffect(function () {
@@ -73,6 +78,8 @@ export default function transfer(props) {
     prefixCls: prefixCls,
     tKeys: mergedKeys,
     setTKeys: setTKeys,
+    loading: loading,
+    setLoading: setLoading,
     expansionSource: expansionSource
   })), /*#__PURE__*/React.createElement(Target, _extends({}, props, {
     displayType: displayType,
@@ -80,6 +87,8 @@ export default function transfer(props) {
     prefixCls: prefixCls,
     tKeys: mergedKeys,
     setTKeys: setTKeys,
+    loading: loading,
+    setLoading: setLoading,
     expansionSource: expansionSource
   })));
 }

package/es/transfer/style/index.css

@@ -49,7 +49,8 @@
 .acud-transfer-datasource-label {
   color: #151B26;
   font-size: 12px;
-  font-weight: #FFECD4;
+  font-weight: 400;
+  word-break: break-all;
 }
 .acud-transfer-datasource-body {
   overflow: hidden;

package/es/transfer/style/index.less

@@ -42,7 +42,8 @@
         &-label {
             color: @G2;
             font-size: @T2;
-            font-weight: @W2;
+            font-weight: @font-weight-400;
+            word-break: break-all;
         }
         &-body {
             overflow: hidden;

package/es/tree/style/index.css

@@ -277,7 +277,6 @@
   white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-tree-indent-unit {
@@ -295,7 +294,6 @@
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-tree-switcher .acud-tree-switcher-icon,
@@ -437,7 +435,6 @@
   line-height: 24px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .acud-tree-node-content-wrapper .acud-tree-drop-indicator {