tdesign-react 0.20.2 → 0.21.0

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.2
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -1732,12 +1732,14 @@
   var ReactPropTypesSecret$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
   var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
 
+  var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+
   var printWarning$1 = function printWarning() {};
 
   {
     var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
     var loggedTypeFailures = {};
-    var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
+    var has$1 = has$2;
 
     printWarning$1 = function printWarning(text) {
       var message = 'Warning: ' + text;
@@ -1751,7 +1753,9 @@
         // This error was thrown as a convenience so that you can use this stack
         // to find the callsite that caused this warning to fire.
         throw new Error(message);
-      } catch (x) {}
+      } catch (x) {
+        /**/
+      }
     };
   }
   /**
@@ -1779,7 +1783,7 @@
             // This is intentionally an invariant that gets caught. It's the same
             // behavior as without this statement except with a better message.
             if (typeof typeSpecs[typeSpecName] !== 'function') {
-              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _typeof(typeSpecs[typeSpecName]) + '`.');
+              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + _typeof(typeSpecs[typeSpecName]) + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
               err.name = 'Invariant Violation';
               throw err;
             }
@@ -1822,8 +1826,8 @@
   var ReactIs$1 = reactIs$1.exports;
   var assign = objectAssign;
   var ReactPropTypesSecret = ReactPropTypesSecret_1;
+  var has = has$2;
   var checkPropTypes = checkPropTypes_1;
-  var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
   var printWarning = function printWarning() {};
 
@@ -1928,6 +1932,7 @@
 
     var ReactPropTypes = {
       array: createPrimitiveTypeChecker('array'),
+      bigint: createPrimitiveTypeChecker('bigint'),
       bool: createPrimitiveTypeChecker('boolean'),
       func: createPrimitiveTypeChecker('function'),
       number: createPrimitiveTypeChecker('number'),
@@ -1975,8 +1980,9 @@
      */
 
 
-    function PropTypeError(message) {
+    function PropTypeError(message, data) {
       this.message = message;
+      this.data = data && _typeof(data) === 'object' ? data : {};
       this.stack = '';
     } // Make `instanceof Error` still work for returned errors.
 
@@ -2042,7 +2048,9 @@
           // check, but we can offer a more precise error message here rather than
           // 'of type `object`'.
           var preciseType = getPreciseType(propValue);
-          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
+            expectedType: expectedType
+          });
         }
 
         return null;
@@ -2208,15 +2216,23 @@
       }
 
       function validate(props, propName, componentName, location, propFullName) {
+        var expectedTypes = [];
+
         for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
           var checker = arrayOfTypeCheckers[i];
+          var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
 
-          if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+          if (checkerResult == null) {
             return null;
           }
+
+          if (checkerResult.data.hasOwnProperty('expectedType')) {
+            expectedTypes.push(checkerResult.data.expectedType);
+          }
         }
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+        var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
       }
 
       return createChainableTypeChecker(validate);
@@ -2234,6 +2250,10 @@
       return createChainableTypeChecker(validate);
     }
 
+    function invalidValidatorError(componentName, location, propFullName, key, type) {
+      return new PropTypeError((componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.');
+    }
+
     function createShapeTypeChecker(shapeTypes) {
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
@@ -2246,8 +2266,8 @@
         for (var key in shapeTypes) {
           var checker = shapeTypes[key];
 
-          if (!checker) {
-            continue;
+          if (typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
           }
 
           var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
@@ -2270,8 +2290,7 @@
 
         if (propType !== 'object') {
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-        } // We need to check all keys in case some are required but missing from
-        // props.
+        } // We need to check all keys in case some are required but missing from props.
 
 
         var allKeys = assign({}, props[propName], shapeTypes);
@@ -2279,6 +2298,10 @@
         for (var key in allKeys) {
           var checker = shapeTypes[key];
 
+          if (has(shapeTypes, key) && typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
+
           if (!checker) {
             return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, '  ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  '));
           }
@@ -10933,20 +10956,20 @@
       switch (status) {
         case "error":
           iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item-icon__number")
+            className: "".concat(classPrefix, "-steps-item__icon--number")
           }, /* @__PURE__ */React__default["default"].createElement(CloseIcon, null));
           break;
 
         case "finish":
           iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item-icon__number")
+            className: "".concat(classPrefix, "-steps-item__icon--number")
           }, /* @__PURE__ */React__default["default"].createElement(CheckIcon, null));
           break;
 
         case "default":
         case "process":
           iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
-            className: "".concat(classPrefix, "-steps-item-icon__number")
+            className: "".concat(classPrefix, "-steps-item__icon--number")
           }, Number.isNaN(valueNum) ? value : valueNum + 1);
           break;
       }
@@ -10960,15 +10983,15 @@
     }, /* @__PURE__ */React__default["default"].createElement("div", {
       className: "".concat(classPrefix, "-steps-item__inner")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item-icon ").concat(status === "finish" ? "".concat(classPrefix, "-steps-item-finish") : "")
+      className: "".concat(classPrefix, "-steps-item__icon ").concat(status === "finish" ? "".concat(classPrefix, "-steps-item-finish") : "")
     }, iconEle), /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item-content")
+      className: "".concat(classPrefix, "-steps-item__content")
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item-title")
+      className: "".concat(classPrefix, "-steps-item__title")
     }, title), /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item-description")
+      className: "".concat(classPrefix, "-steps-item__description")
     }, content), children ? /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-steps-item-extra")
+      className: "".concat(classPrefix, "-steps-item__extra")
     }, children) : null)));
   }
   StepItem.displayName = "StepItem";
@@ -22265,9 +22288,9 @@
       return child;
     });
     return /* @__PURE__ */React__default["default"].createElement("li", {
-      className: classNames$1("".concat(classPrefix, "-option-group"), _defineProperty$2({}, "".concat(classPrefix, "-option-group__divider"), divider))
+      className: classNames$1("".concat(classPrefix, "-select-option-group"), _defineProperty$2({}, "".concat(classPrefix, "-select-option-group__divider"), divider))
     }, /* @__PURE__ */React__default["default"].createElement("ul", {
-      className: "".concat(classPrefix, "-option-group-header")
+      className: "".concat(classPrefix, "-select-option-group__header")
     }, label), /* @__PURE__ */React__default["default"].createElement("ul", null, childrenWithProps));
   };
 
@@ -22720,13 +22743,13 @@
 
     if (isEmpty) {
       return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-select-empty")
+        className: "".concat(classPrefix, "-select__empty")
       }, empty ? empty : /* @__PURE__ */React__default["default"].createElement("p", null, emptyText));
     }
 
     if (loading) {
       return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-select-loading-tips")
+        className: "".concat(classPrefix, "-select__loading-tips")
       }, loadingText);
     }
 
@@ -22937,7 +22960,7 @@
     };
 
     var defaultLabel = /* @__PURE__ */React__default["default"].createElement("span", {
-      className: classNames$1(className, _defineProperty$2({}, "".concat(name, "-placeholder"), !value && !lodash.exports.isNumber(value) || Array.isArray(value) && value.length < 1), _defineProperty$2({}, "".concat(name, "-selectedSingle"), selectedLabel))
+      className: classNames$1(className, _defineProperty$2({}, "".concat(name, "__placeholder"), !value && !lodash.exports.isNumber(value) || Array.isArray(value) && value.length < 1), _defineProperty$2({}, "".concat(name, "__single"), selectedLabel))
     }, selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-");
 
     var renderMultipleTags = function renderMultipleTags() {
@@ -22992,7 +23015,7 @@
       return /* @__PURE__ */React__default["default"].createElement(Input, {
         value: isString_1(inputVal) ? inputVal : selectedLabel,
         placeholder: multiple && get_1(value, "length") > 0 ? null : selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-",
-        className: "".concat(name, "-input"),
+        className: "".concat(name, "__input"),
         onChange: handleInputChange,
         size: size,
         onFocus: function onFocus(_, context) {
@@ -23043,7 +23066,7 @@
     var renderSuffixIcon = function renderSuffixIcon() {
       if (loading) {
         return /* @__PURE__ */React__default["default"].createElement(Loading, {
-          className: classNames$1(className, "".concat(name, "-right-icon"), "".concat(name, "-active-icon")),
+          className: classNames$1(className, "".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
           loading: true,
           size: "small"
         });
@@ -23052,12 +23075,12 @@
       if (clearable && value && isHover) {
         return /* @__PURE__ */React__default["default"].createElement(CloseCircleFilledIcon, {
           onClick: clearable ? onClearValue : void 0,
-          className: classNames$1(className, "".concat(name, "-right-icon"), "".concat(name, "-right-icon__clear"))
+          className: classNames$1(className, "".concat(name, "__right-icon"), "".concat(name, "__right-icon-clear"))
         });
       }
 
       return /* @__PURE__ */React__default["default"].createElement(FakeArrow, {
-        overlayClassName: "".concat(name, "-right-icon"),
+        overlayClassName: "".concat(name, "__right-icon"),
         isActive: showPopup,
         disabled: disabled
       });
@@ -23096,7 +23119,7 @@
     };
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(name, "-wrap"),
+      className: "".concat(name, "__wrap"),
       style: _objectSpread$Z({}, style),
       onMouseEnter: function onMouseEnter() {
         return toggleHover(true);
@@ -23114,8 +23137,8 @@
         width: width ? "".concat(width, "px") : "none"
       },
       onVisibleChange: handleShowPopup,
-      overlayClassName: classNames$1(className, "".concat(name, "-dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
-      className: "".concat(name, "-popup-reference"),
+      overlayClassName: classNames$1(className, "".concat(name, "__dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
+      className: "".concat(name, "__popup-reference"),
       expandAnimation: true
     }, popupProps), /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1(className, name, (_classNames3 = {}, _defineProperty$2(_classNames3, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty$2(_classNames3, "".concat(classPrefix, "-is-active"), showPopup), _defineProperty$2(_classNames3, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$2(_classNames3, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$2(_classNames3, "".concat(classPrefix, "-no-border"), !bordered), _defineProperty$2(_classNames3, "".concat(classPrefix, "-has-prefix"), !!prefixIcon), _classNames3)),
@@ -23125,7 +23148,7 @@
       },
       onClick: onInputClick
     }, /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(name, "-left-icon")
+      className: "".concat(name, "__left-icon")
     }, prefixIcon), multiple ? renderMultipleInput() : null, filterable && renderInput(), !multiple && !filterable && defaultLabel, renderSuffixIcon())));
   }, {
     displayName: "Select",
@@ -33841,7 +33864,7 @@
     var searchInput = showFilter && /* @__PURE__ */React__default["default"].createElement(Input, {
       ref: ref,
       value: filterText,
-      className: "".concat(classPrefix, "-select-input"),
+      className: "".concat(classPrefix, "-select__input"),
       size: size,
       disabled: disabled,
       placeholder: filterPlaceholder,
@@ -33850,9 +33873,9 @@
       onFocus: handleFocus
     });
     return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, showPlaceholder && /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-select-placeholder")
+      className: "".concat(classPrefix, "-select__placeholder")
     }, placeholder), !multiple && !showPlaceholder && !showFilter && /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-select-selectedSingle")
+      className: "".concat(classPrefix, "-select__single")
     }, selectedSingle), searchInput);
   });
 
@@ -33877,16 +33900,16 @@
       return clearable && isHover && !disabled && (!multiple && (!!value || value === 0) || multiple && !isEmpty_1(value));
     }, [clearable, isHover, disabled, multiple, value]);
     return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, showArrow && !showLoading && /* @__PURE__ */React__default["default"].createElement(FakeArrow, {
-      overlayClassName: "".concat(classPrefix, "-select-right-icon"),
+      overlayClassName: "".concat(classPrefix, "-select__right-icon"),
       isActive: visible,
       disabled: disabled
     }), showClose && !showLoading && /* @__PURE__ */React__default["default"].createElement(CloseCircleFilledIcon, {
-      className: "".concat(classPrefix, "-select-right-icon ").concat(classPrefix, "-select-right-icon__clear"),
+      className: "".concat(classPrefix, "-select__right-icon ").concat(classPrefix, "-select__right-icon-clear"),
       size: size,
       onClick: handleClear
     }), showLoading && /* @__PURE__ */React__default["default"].createElement(Loading, {
       loading: true,
-      className: classNames$1("".concat(classPrefix, "-select-right-icon"), "".concat(classPrefix, "-select-active-icon")),
+      className: classNames$1("".concat(classPrefix, "-select__right-icon"), "".concat(classPrefix, "-select__active-icon")),
       size: "small"
     }));
   }
@@ -34212,7 +34235,7 @@
       checkable: multiple,
       disabled: disabled || multiLimitDisabled,
       empty: empty || /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-select-empty")
+        className: "".concat(classPrefix, "-select__empty")
       }, emptyText),
       filter: filterByText,
       actived: actived,
@@ -34223,9 +34246,9 @@
       onExpand: treeNodeExpand
     }, treeProps));
     var loadingTip = showLoading && /* @__PURE__ */React__default["default"].createElement("p", {
-      className: "".concat(classPrefix, "-select-loading-tips")
+      className: "".concat(classPrefix, "-select__loading-tips")
     }, loadingText || /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-select-empty")
+      className: "".concat(classPrefix, "-select__empty")
     }, loadingTextLabel));
     return /* @__PURE__ */React__default["default"].createElement("div", {
       ref: ref,
@@ -34233,7 +34256,7 @@
       style: treeSelectStyle
     }, /* @__PURE__ */React__default["default"].createElement(Popup, {
       ref: popupRef,
-      className: "".concat(classPrefix, "-select-popup-reference"),
+      className: "".concat(classPrefix, "-select__popup-reference"),
       visible: visible,
       disabled: disabled,
       placement: popupObject.placement,
@@ -34255,7 +34278,7 @@
         return setIsHover(false);
       }
     }, prefixIcon && /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-select-left-icon")
+      className: "".concat(classPrefix, "-select__left-icon")
     }, prefixIcon), /* @__PURE__ */React__default["default"].createElement(TreeSelectTags$1, _objectSpread$t({
       tagList: tagList
     }, props)), /* @__PURE__ */React__default["default"].createElement(TreeSelectTags, _objectSpread$t({
@@ -46816,7 +46839,7 @@
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
 
-    var CLASSPREFIX = "".concat(classPrefix, "-transfer-list");
+    var CLASSPREFIX = "".concat(classPrefix, "-transfer__list");
 
     var handleCheckbox = function handleCheckbox(vals) {
       if (isFunction_1(onCheckbox)) onCheckbox(vals);
@@ -46830,7 +46853,7 @@
 
     var HeaderCmp = function HeaderCmp() {
       return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(CLASSPREFIX, "__header")
+        className: "".concat(CLASSPREFIX, "-header")
       }, /* @__PURE__ */React__default["default"].createElement("div", null, /* @__PURE__ */React__default["default"].createElement(Checkbox, {
         indeterminate: indeterminate,
         checked: allChecked,
@@ -46841,7 +46864,7 @@
 
     var SearchCmp = function SearchCmp() {
       return search ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(CLASSPREFIX, "-search-wrapper")
+        className: "".concat(classPrefix, "-transfer__search-wrapper")
       }, /* @__PURE__ */React__default["default"].createElement(Input, {
         placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
         suffixIcon: /* @__PURE__ */React__default["default"].createElement(SearchIcon, null),
@@ -46861,7 +46884,7 @@
 
     var EmptyCmp = function EmptyCmp() {
       return isString_1(empty) ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-transfer-empty")
+        className: "".concat(classPrefix, "-transfer__empty")
       }, /* @__PURE__ */React__default["default"].createElement("span", null, empty || "\u6682\u65E0\u6570\u636E")) : empty;
     };
 
@@ -46881,7 +46904,7 @@
           key: item.value,
           value: item.value,
           disabled: item.disabled,
-          className: "".concat(CLASSPREFIX, "__item")
+          className: "".concat(CLASSPREFIX, "-item")
         }, /* @__PURE__ */React__default["default"].createElement("span", null, typeof transferItem === "function" ? transferItem({
           data: item,
           index: index,
@@ -46892,9 +46915,9 @@
 
     var BodyCmp = function BodyCmp() {
       return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: classNames$1("".concat(CLASSPREFIX, "__body"), _defineProperty$2({}, "".concat(CLASSPREFIX, "-with-search"), search))
+        className: classNames$1("".concat(CLASSPREFIX, "-body"), _defineProperty$2({}, "".concat(CLASSPREFIX, "--with-search"), search))
       }, SearchCmp(), /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(CLASSPREFIX, "__content narrow-scrollbar")
+        className: "".concat(CLASSPREFIX, "-content narrow-scrollbar")
       }, viewData.length ? contentCmp() : EmptyCmp()));
     };
 
@@ -46908,7 +46931,7 @@
       };
 
       return pagination ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(CLASSPREFIX, "__pagination")
+        className: "".concat(CLASSPREFIX, "-pagination")
       }, /* @__PURE__ */React__default["default"].createElement(Pagination, {
         size: "small",
         theme: "simple",
@@ -46922,7 +46945,7 @@
 
     var footerCmp = function footerCmp() {
       return !isEmpty_1(footer) ? /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-transfer-footer")
+        className: "".concat(classPrefix, "-transfer__footer")
       }, footer) : null;
     };
 
@@ -47152,7 +47175,7 @@
       var isSourceDisabled = sourceDisable || !checkeds.source.length;
       var isTargetDisabled = targetDisable || !checkeds.target.length;
       return /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(transferClassName, "-operations")
+        className: "".concat(transferClassName, "__operations")
       }, /* @__PURE__ */React__default["default"].createElement(Button, {
         key: isSourceDisabled ? "right-outline" : "right-base",
         variant: isSourceDisabled ? "outline" : "base",
@@ -47219,9 +47242,9 @@
       }
     }, [checked, state, isCheckedControled]);
     return /* @__PURE__ */React__default["default"].createElement("div", {
-      className: classNames$1(transferClassName, (_classnames = {}, _defineProperty$2(_classnames, "".concat(transferClassName, "-search"), search), _defineProperty$2(_classnames, "".concat(transferClassName, "-pagination"), pagination), _defineProperty$2(_classnames, "".concat(transferClassName, "-footer"), footer), _classnames))
+      className: classNames$1(transferClassName, (_classnames = {}, _defineProperty$2(_classnames, "".concat(transferClassName, "__search"), search), _defineProperty$2(_classnames, "".concat(transferClassName, "__pagination"), pagination), _defineProperty$2(_classnames, "".concat(transferClassName, "__footer"), footer), _classnames))
     }, /* @__PURE__ */React__default["default"].createElement(TransferList, {
-      className: "".concat(transferClassName, "-list-source"),
+      className: "".concat(transferClassName, "__list-source"),
       data: sourceData,
       search: search,
       checked: checkeds.source,
@@ -47241,7 +47264,7 @@
         }));
       }
     }), OperationsCmp(), /* @__PURE__ */React__default["default"].createElement(TransferList, {
-      className: "".concat(transferClassName, "-list-target"),
+      className: "".concat(transferClassName, "__list-target"),
       data: targetData,
       search: search,
       checked: checkeds.target,