@alicloud/console-components-search 0.1.0 → 0.1.3

package/lib/modeSingleMulti/index.js

@@ -13,10 +13,10 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -29,6 +29,8 @@ var _utils = require("../utils");
 
 var _style = require("../style");
 
+var _useCssVar = require("../useCssVar");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,16 +44,15 @@ var TagGroup = _consoleComponents.Tag.Group,
 var AutoComplete = _consoleComponents.Select.AutoComplete;
 
 var ModeSingleSingle = function ModeSingleSingle(props) {
-  var mode = props.mode,
-      options = props.options,
+  var options = props.options,
       defaultDataIndex = props.defaultDataIndex,
       defaultPlaceholder = props.defaultPlaceholder,
       tags = props.tags,
       onSuggest = props.onSuggest,
       onSuggestNoDataIndex = props.onSuggestNoDataIndex,
-      onChange = props.onChange,
       onSearch = props.onSearch,
-      onTagChange = props.onTagChange;
+      _props$prefix = props.prefix,
+      prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -110,8 +111,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   var _useState23 = (0, _react.useState)([]),
       _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      histroyList = _useState24[0],
-      setHistroyList = _useState24[1];
+      historyList = _useState24[0],
+      setHistoryList = _useState24[1];
 
   var _useState25 = (0, _react.useState)(''),
       _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
@@ -129,7 +130,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     var initHisTags = (0, _utils.getHistoryTag)();
 
     if (initHisTags) {
-      setHistroyList(initHisTags);
+      setHistoryList(initHisTags);
     }
 
     initCurType();
@@ -156,16 +157,25 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
 
     setCurType(initCurType);
-  } // if (initCurType === 'nodefault') {
-  //   let defaultItem2 = options.find((x:any) => x.template === 'input')
-  //     if (defaultItem2) {
-  //         console.log(defaultItem2)
-  //         setDefaultOptionItem(defaultItem2);
-  //     }
-  // }
-
+  }
 
-  var level1DataSourceTemp = [{
+  var level1DataSourceTemp = options.some(function (t) {
+    return !!t.groupName;
+  }) ? Object.values(options.reduce(function (acc, t) {
+    var _acc$t$groupName;
+
+    //@ts-ignore
+    acc[t.groupName] = {
+      label: t.groupName,
+      value: t.groupName,
+      //@ts-ignore
+      children: [].concat((0, _toConsumableArray2.default)(((_acc$t$groupName = acc[t.groupName]) === null || _acc$t$groupName === void 0 ? void 0 : _acc$t$groupName.children) || []), [{
+        label: t.label,
+        value: t.dataIndex
+      }])
+    };
+    return acc;
+  }, {})) : [{
     label: '选择筛选条件',
     children: options.map(function (l1) {
       return {
@@ -182,17 +192,19 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   var menuPropsLevel1 = {
     focusable: false,
-    header: /*#__PURE__*/_react.default.createElement(_style.MenuContentWrap, null, defaultDataIndex && defaultDataIndex !== '' && histroyList && histroyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/_react.default.createElement("li", {
+    header: /*#__PURE__*/_react.default.createElement(_style.MenuContentWrap, {
+      prefix: ""
+    }, defaultDataIndex && defaultDataIndex !== '' && historyList && historyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/_react.default.createElement("li", {
       role: "option",
       title: "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55",
-      className: "next-menu-group-label"
+      className: "".concat(prefix, "menu-group-label")
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "next-menu-item-inner"
-    }, "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55")), defaultDataIndex && defaultDataIndex !== '' && histroyList && histroyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/_react.default.createElement(TagGroup, {
+      className: "".concat(prefix, "menu-item-inner")
+    }, "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55")), defaultDataIndex && defaultDataIndex !== '' && historyList && historyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/_react.default.createElement(TagGroup, {
       style: {
         paddingLeft: '20px'
       }
-    }, histroyList.map(function (tag, index) {
+    }, historyList.map(function (tag, index) {
       return tag ? /*#__PURE__*/_react.default.createElement(ClosableTag, {
         size: "small",
         key: tag.dataIndex + tag.value + index,
@@ -211,7 +223,9 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   var menuProps = {
     focusable: false,
     header: null,
-    footer: /*#__PURE__*/_react.default.createElement(_style.MultiBtnWarp, null, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
+    footer: /*#__PURE__*/_react.default.createElement(_style.MultiBtnWarp, {
+      prefix: prefix
+    }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
       size: "small",
       className: (0, _classnames.default)("pri-btn"),
       disabled: multipleValues.length === 0,
@@ -237,7 +251,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       var key = searchKey.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
       var reg = new RegExp("(".concat(key, ")"), 'ig');
       label = label.replace(reg, function (x) {
-        return "<span class=\"next-select-highlight\" style=\"background-color: #EFF3F8;font-weight: 500;\">".concat(x, "</span>");
+        return "<span class=\"".concat(prefix, "select-highlight\" style=\"background-color: #EFF3F8;font-weight: 500;\">").concat(x, "</span>");
       });
     }
 
@@ -255,53 +269,45 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       return v === item.value;
     })) {
       isChecked = true;
-    } // console.log('item',item, 'isChecked', isChecked)
-
+    }
 
     return /*#__PURE__*/_react.default.createElement("label", {
-      className: (0, _classnames.default)('next-checkbox-wrapper', 'multi-lable', isChecked ? 'checked' : ''),
+      className: (0, _classnames.default)("".concat(prefix, "checkbox-wrapper"), 'multi-lable', isChecked ? 'checked' : ''),
       style: {
         paddingLeft: '8px'
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "next-checkbox"
+      className: "".concat(prefix, "checkbox")
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "next-checkbox-inner"
+      className: "".concat(prefix, "checkbox-inner")
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "next-icon next-icon-select next-xs next-checkbox-select-icon"
+      className: "".concat(prefix, "icon ").concat(prefix, "icon-select ").concat(prefix, "xs ").concat(prefix, "checkbox-select-icon")
     })), /*#__PURE__*/_react.default.createElement("input", {
       type: "checkbox",
-      className: "next-checkbox-input",
+      className: "".concat(prefix, "checkbox-input"),
       defaultChecked: isChecked
     })), /*#__PURE__*/_react.default.createElement("span", {
-      className: "next-checkbox-label"
+      className: "".concat(prefix, "checkbox-label")
     }, item.label));
   };
 
   function onRemoveHisTag(tagItem) {
     var newHisTags = (0, _utils.removeHistoryTagItem)(tagItem);
-    setHistroyList(newHisTags);
+    setHistoryList(newHisTags);
   }
 
   function onSelectHisTag(tagItem) {
     var changeFileds = Object.create({});
     var tempAllFileds = Object.create({});
     changeFileds[tagItem.dataIndex] = tagItem.value;
-
-    if (mode === 'single-multi') {
-      tempAllFileds = changeFileds;
-    } else if (mode === 'multi-multi') {
-      tempAllFileds = _objectSpread(_objectSpread({}, allFileds), changeFileds);
-    }
-
+    tempAllFileds = changeFileds;
     onChangeItem(changeFileds, tempAllFileds);
   }
 
-  function upDateHistory() {
-    // const allFiledsTagList = getTagByFileds(allFileds, options);
+  function updateHistory() {
     var allFiledsTagList = (0, _toConsumableArray2.default)(tagList);
     var rtHisTags = (0, _utils.setHistoryTag)(allFiledsTagList);
-    setHistroyList(rtHisTags);
+    setHistoryList(rtHisTags);
   }
 
   function checkAllFromTags(allFileds) {
@@ -317,21 +323,15 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     }
 
     return allFiledsAdapt;
-  } // 某一类别确定时，修改fileds， 和tags
+  } // 某一类别确定时，修改filed
 
 
   function onChangeItem(changeFileds, allFileds) {
     setDefaultVisible(false);
     setAllFileds(allFileds); // todo
 
-    if (onChange) {
-      onChange(changeFileds, allFileds);
-    }
-
-    if (onTagChange) {
-      var newTags = (0, _utils.getTagByFileds)(allFileds, options);
-      setTagList(newTags);
-      onTagChange(newTags);
+    if (onSearch) {
+      onSearch((0, _utils.getTagByFileds)(allFileds, options));
     } // 仅仅清空值， 保留类别
 
 
@@ -362,6 +362,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     }
 
     setCurType(initCurType);
+    setCurOptionItem({});
     setClearLevel1Show(false);
   } // 多选的确定
 
@@ -373,16 +374,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     if (onChangeItem) {
       var changeFileds = Object.create({});
       changeFileds[dataIndex] = multipleValues;
-
-      if (mode === 'single-multi') {
-        setAllFileds(changeFileds);
-        onChangeItem(changeFileds, changeFileds);
-      } else if (mode === 'multi-multi') {
-        allFileds[dataIndex] = multipleValues;
-        setAllFileds(allFileds);
-        onChangeItem(changeFileds, allFileds);
-      }
-
+      setAllFileds(changeFileds);
+      onChangeItem(changeFileds, changeFileds);
       setMultipleValues([]);
     }
   } // 多选的change，仅改变state
@@ -404,13 +397,12 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   function _onLevel1Change() {
     _onLevel1Change = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(value, actionType, item) {
-      var curOptItem;
+      var curOptItem, newDataSource;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              // console.log('value', value,'level1 , actionType', actionType, 'item:', item)
-              setClearLevel1Show(true); // console.log('defaultInputValue', defaultInputValue)
+              setClearLevel1Show(true);
 
               if (!(actionType === 'itemClick')) {
                 _context.next = 5;
@@ -432,7 +424,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
                 setVisible(true);
               } else if (curType === 'default' && defaultDataIndex && defaultDataIndex !== '') {
-                // 选了suggest
                 inputChange(value, 'itemClick', defaultDataIndex);
                 setDefaultValue('');
                 setLevel1DataSource(level1DataSourceTemp);
@@ -444,50 +435,77 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
                 }
               }
 
-              _context.next = 19;
+              _context.next = 30;
               break;
 
             case 5:
               if (!(actionType === 'change')) {
-                _context.next = 19;
+                _context.next = 30;
                 break;
               }
 
               if (!(!value || value === '')) {
-                _context.next = 10;
+                _context.next = 11;
                 break;
               }
 
+              // 如果是删除为空的情况，需要还原 AutoComplete 中的 dataSource
               setLevel1DataSource(level1DataSourceTemp);
-              _context.next = 18;
+              setDefaultVisible(true);
+              _context.next = 29;
               break;
 
-            case 10:
-              if (!(defaultDataIndex && defaultDataIndex !== '' && onSuggest)) {
-                _context.next = 15;
+            case 11:
+              if (!(defaultDataIndex && defaultDataIndex !== '')) {
+                _context.next = 22;
                 break;
               }
 
-              _context.next = 13;
+              if (!onSuggest) {
+                _context.next = 17;
+                break;
+              }
+
+              _context.next = 15;
               return setDefSuggest(value);
 
-            case 13:
-              _context.next = 18;
+            case 15:
+              _context.next = 20;
               break;
 
-            case 15:
+            case 17:
+              newDataSource = [{
+                label: defaultOptionItem.label,
+                children: [value]
+              }];
+              setLevel1DataSource(newDataSource);
+              setDefaultVisible(true);
+
+            case 20:
+              _context.next = 29;
+              break;
+
+            case 22:
               if (!onSuggestNoDataIndex) {
-                _context.next = 18;
+                _context.next = 27;
                 break;
               }
 
-              _context.next = 18;
+              _context.next = 25;
               return setNoDefSuggest(value);
 
-            case 18:
+            case 25:
+              _context.next = 29;
+              break;
+
+            case 27:
+              setLevel1DataSource([]);
+              setDefaultVisible(false);
+
+            case 29:
               setDefaultValue(value);
 
-            case 19:
+            case 30:
             case "end":
               return _context.stop();
           }
@@ -605,42 +623,34 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
    */
 
 
-  function inputChange(_x6, _x7, _x8) {
+  function inputChange(_x6, _x7, _x8, _x9) {
     return _inputChange.apply(this, arguments);
   } // 单选或多选的change，
 
 
   function _inputChange() {
-    _inputChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(value, actionType, dataIndex) {
+    _inputChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(value, actionType, dataIndex, e) {
       var changeFileds, list, newDataSource;
       return _regenerator.default.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
               if (!((actionType === 'itemClick' || actionType === 'enter') && onChangeItem)) {
-                _context4.next = 9;
+                _context4.next = 10;
                 break;
               }
 
               changeFileds = Object.create({});
               changeFileds[dataIndex] = value;
-
-              if (mode === 'single-multi') {
-                setAllFileds(changeFileds);
-                onChangeItem(changeFileds, changeFileds);
-              } else if (mode === 'multi-multi') {
-                allFileds[dataIndex] = value;
-                setAllFileds(allFileds);
-                onChangeItem(changeFileds, allFileds);
-              }
-
+              setAllFileds(changeFileds);
+              onChangeItem(changeFileds, changeFileds);
               setVisible(false);
               setDefaultVisible(false);
               setInputDataSource([]);
-              _context4.next = 19;
+              _context4.next = 20;
               break;
 
-            case 9:
+            case 10:
               if (value === '') {
                 setInputDataSource([]);
                 setClearLevel1Show(true);
@@ -651,16 +661,15 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
               setInputValue(value);
 
               if (!(value !== '' && onSuggest)) {
-                _context4.next = 19;
+                _context4.next = 20;
                 break;
               }
 
-              _context4.next = 14;
+              _context4.next = 15;
               return onSuggest(value, dataIndex);
 
-            case 14:
+            case 15:
               list = _context4.sent;
-              // console.log('res suggest', list);
               newDataSource = [{
                 label: curOptionItem.label,
                 children: list
@@ -669,7 +678,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
               setVisible(true);
               setDefaultVisible(true);
 
-            case 19:
+            case 20:
             case "end":
               return _context4.stop();
           }
@@ -680,38 +689,37 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }
 
   function selectChange(value, dataIndex) {
-    // setSingleValues(value);
     setVisible(false);
     setFocusClass('');
 
     if (onChangeItem) {
       var changeFileds = Object.create({});
       changeFileds[dataIndex] = value;
-
-      if (mode === 'single-multi') {
-        // 判断value 是否为undefined
-        setAllFileds(changeFileds);
-        onChangeItem(changeFileds, changeFileds);
-      } else if (mode === 'multi-multi') {
-        allFileds[dataIndex] = value;
-        setAllFileds(allFileds);
-        onChangeItem(changeFileds, allFileds);
-      }
+      setAllFileds(changeFileds);
+      onChangeItem(changeFileds, changeFileds);
     }
   } // 提交按钮
 
 
   function onCommonSearch() {
     if (onSearch) {
-      var checkAllFileds = checkAllFromTags(allFileds);
-      onSearch(checkAllFileds); // todo: 只有搜索了才会被记录到，根据页面的路由为key，history
+      if (curOptionItem.dataIndex) {
+        onSearch((0, _utils.getTagByFileds)((0, _defineProperty2.default)({}, curOptionItem.dataIndex, inputValue), options));
+      } else {
+        // @ts-ignore
+        onSearch((0, _utils.getTagByFileds)((0, _defineProperty2.default)({}, defaultDataIndex, defaultInputValue), options));
+      } // todo: 只有搜索了才会被记录到，根据页面的路由为key，history
 
-      upDateHistory();
+
+      updateHistory();
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_style.SearchWarp, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('left-wrap', 'next-input', focusClass)
+  var isWind = ((0, _useCssVar.useCssVar)('--alicloudfe-components-theme') || '').trim() === 'wind';
+  return /*#__PURE__*/_react.default.createElement(_style.SearchWarp, {
+    prefix: prefix
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"), focusClass)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('condition')
   }, curType === 'item' && /*#__PURE__*/_react.default.createElement("div", {
@@ -732,7 +740,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     onKeyUp: onDeFaultEnter
   }, curType === 'default' && defaultOptionItem && /*#__PURE__*/_react.default.createElement(AutoComplete, {
     className: (0, _classnames.default)('main-input', 'multi'),
-    placeholder: "\u9ED8\u8BA4\u6309".concat(defaultOptionItem.label, "\u641C\u7D22"),
+    placeholder: "\u9ED8\u8BA4\u6309".concat(defaultOptionItem.label, "\u641C\u7D22") // TODO:
+    ,
     hasClear: true,
     hasBorder: false,
     menuProps: menuPropsLevel1,
@@ -740,7 +749,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     ,
     itemRender: itemRender,
     onChange: onLevel1Change,
-    popupStyle: histroyList && histroyList.length > 0 ? {} : {
+    popupStyle: historyList && historyList.length > 0 ? {} : {
       width: 'auto'
     },
     visible: defaultVisible,
@@ -748,7 +757,9 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       setDefaultVisible(true);
       setFocusClass('focus');
     },
+    popupClassName: isWind ? 'xconsole-rc-search-popup' : '',
     onBlur: function onBlur() {
+      debugger;
       setDefaultVisible(false);
       setFocusClass('');
     },
@@ -759,7 +770,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     hasClear: true,
     hasBorder: false,
     menuProps: menuPropsLevel1,
-    popupStyle: histroyList && histroyList.length > 0 ? {} : {
+    popupStyle: historyList && historyList.length > 0 ? {} : {
       width: 'auto'
     } // @ts-ignore
     ,
@@ -795,8 +806,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       setVisible(false);
       setFocusClass('');
     },
-    onChange: function onChange(value, actionType) {
-      inputChange(value, actionType, curOptionItem.dataIndex);
+    onChange: function onChange(value, actionType, e) {
+      inputChange(value, actionType, curOptionItem.dataIndex, e);
     }
   }), curType === 'item' && curOptionItem.template === 'select' && /*#__PURE__*/_react.default.createElement(_consoleComponents.Select, {
     className: (0, _classnames.default)('main-input', 'select'),
@@ -808,7 +819,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       selectChange(value, curOptionItem.dataIndex);
     },
     popupStyle: {
-      minWidth: 'auto'
+      width: 'auto'
     },
     autoFocus: true,
     visible: visible,
@@ -855,20 +866,19 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       onMultipleChange(value);
     },
     popupStyle: {
-      minWidth: 'auto',
-      padding: '10px 8px 10px 8px'
+      width: 'auto'
     }
   }), clearLevel1Show && /*#__PURE__*/_react.default.createElement("div", {
     className: "clear-level1",
     onClick: onClearLevel1
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "next-input-control"
+    className: "".concat(prefix, "input-control")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "next-input-hint-wrap"
+    className: "".concat(prefix, "input-hint-wrap")
   }, /*#__PURE__*/_react.default.createElement("i", {
     role: "button",
     "aria-label": "\u6E05\u9664",
-    className: "next-icon next-icon-delete-filling next-medium next-input-hint next-input-clear-icon"
+    className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "medium ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon")
   })))))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('right-wrap')
   }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
@@ -879,5 +889,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }))));
 };
 
-var _default = ModeSingleSingle;
+var _default = _consoleComponents.ConfigProvider.config(ModeSingleSingle);
+
 exports.default = _default;

package/lib/modeSingleSingle/index.d.ts

@@ -1,4 +1,2 @@
-import React from "react";
-import { IRcSearchProps } from "../types/IRcSearchProps.type";
-declare const ModeSingleSingle: React.FC<IRcSearchProps>;
-export default ModeSingleSingle;
+declare const _default: any;
+export default _default;