@alicloud/console-components-search 0.1.0 → 0.1.1

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"));
@@ -42,16 +42,14 @@ 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;
+      prefix = props.prefix;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -110,8 +108,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),
@@ -125,11 +123,12 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       setFocusClass = _useState28[1]; // focus/''
 
 
+  console.log('prefix', prefix);
   (0, _react.useEffect)(function () {
     var initHisTags = (0, _utils.getHistoryTag)();
 
     if (initHisTags) {
-      setHistroyList(initHisTags);
+      setHistoryList(initHisTags);
     }
 
     initCurType();
@@ -156,14 +155,7 @@ 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 = [{
     label: '选择筛选条件',
@@ -182,17 +174,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 +205,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 +233,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 +251,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 +305,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));
     } // 仅仅清空值， 保留类别
 
 
@@ -373,16 +355,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
@@ -409,8 +383,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
         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 +405,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
                 setVisible(true);
               } else if (curType === 'default' && defaultDataIndex && defaultDataIndex !== '') {
-                // 选了suggest
                 inputChange(value, 'itemClick', defaultDataIndex);
                 setDefaultValue('');
                 setLevel1DataSource(level1DataSourceTemp);
@@ -444,50 +416,60 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
                 }
               }
 
-              _context.next = 19;
+              _context.next = 24;
               break;
 
             case 5:
               if (!(actionType === 'change')) {
-                _context.next = 19;
+                _context.next = 24;
                 break;
               }
 
               if (!(!value || value === '')) {
-                _context.next = 10;
+                _context.next = 11;
                 break;
               }
 
+              // 如果是删除为空的情况，需要还原 AutoComplete 中的 dataSource
               setLevel1DataSource(level1DataSourceTemp);
-              _context.next = 18;
+              setDefaultVisible(true);
+              _context.next = 23;
               break;
 
-            case 10:
+            case 11:
               if (!(defaultDataIndex && defaultDataIndex !== '' && onSuggest)) {
-                _context.next = 15;
+                _context.next = 16;
                 break;
               }
 
-              _context.next = 13;
+              _context.next = 14;
               return setDefSuggest(value);
 
-            case 13:
-              _context.next = 18;
+            case 14:
+              _context.next = 23;
               break;
 
-            case 15:
+            case 16:
               if (!onSuggestNoDataIndex) {
-                _context.next = 18;
+                _context.next = 21;
                 break;
               }
 
-              _context.next = 18;
+              _context.next = 19;
               return setNoDefSuggest(value);
 
-            case 18:
+            case 19:
+              _context.next = 23;
+              break;
+
+            case 21:
+              setLevel1DataSource([]);
+              setDefaultVisible(false);
+
+            case 23:
               setDefaultValue(value);
 
-            case 19:
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -618,29 +600,21 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
           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,14 +625,14 @@ 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 = [{
@@ -669,7 +643,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
               setVisible(true);
               setDefaultVisible(true);
 
-            case 19:
+            case 20:
             case "end":
               return _context4.stop();
           }
@@ -680,23 +654,14 @@ 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);
     }
   } // 提交按钮
 
@@ -706,12 +671,14 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       var checkAllFileds = checkAllFromTags(allFileds);
       onSearch(checkAllFileds); // 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)
+  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", {
@@ -740,7 +707,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     ,
     itemRender: itemRender,
     onChange: onLevel1Change,
-    popupStyle: histroyList && histroyList.length > 0 ? {} : {
+    popupStyle: historyList && historyList.length > 0 ? {} : {
       width: 'auto'
     },
     visible: defaultVisible,
@@ -759,7 +726,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
     ,
@@ -808,7 +775,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       selectChange(value, curOptionItem.dataIndex);
     },
     popupStyle: {
-      minWidth: 'auto'
+      width: 'auto'
     },
     autoFocus: true,
     visible: visible,
@@ -855,20 +822,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 +845,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;

package/lib/modeSingleSingle/index.js

@@ -36,7 +36,9 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   var options = props.options,
       onSuggest = props.onSuggest,
       onChange = props.onChange,
-      onSearch = props.onSearch;
+      onSearch = props.onSearch,
+      _props$prefix = props.prefix,
+      prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
   var optionItem = options[0];
 
   if (!optionItem.templateProps) {
@@ -70,7 +72,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>");
       });
     }
 
@@ -187,8 +189,10 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_style.SearchWarp, null, optionItem.template === 'input' && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('left-wrap', 'next-input')
+  return /*#__PURE__*/_react.default.createElement(_style.SearchWarp, {
+    prefix: prefix
+  }, optionItem.template === 'input' && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"))
   }, /*#__PURE__*/_react.default.createElement(AutoComplete, {
     className: (0, _classnames.default)('main-input', 'single'),
     placeholder: optionItem.templateProps.placeholder || "\u9ED8\u8BA4\u6309".concat(optionItem.label, "\u641C\u7D22"),
@@ -206,7 +210,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       inputChange(value, actionType, optionItem.dataIndex);
     }
   })), optionItem.template === 'select' && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('left-wrap', 'next-input')
+    className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('condition')
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -233,5 +237,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }))));
 };
 
-var _default = ModeSingleSingle;
+var _default = _consoleComponents.ConfigProvider.config(ModeSingleSingle);
+
 exports.default = _default;

package/lib/provider/LoggerProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface LoggerProviderProps {
-    regionId: string;
+    regionId?: string;
     resourceType: string;
     componentName: string;
 }

package/lib/search.js

@@ -27,7 +27,8 @@ var SearchWrap = _styledComponents.default.div.withConfig({
 
 var Search = function Search(props) {
   var className = props.className,
-      mode = props.mode,
+      _props$simple = props.simple,
+      simple = _props$simple === void 0 ? false : _props$simple,
       style = props.style;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
     regionId: props.regionId,
@@ -36,7 +37,7 @@ var Search = function Search(props) {
   }), /*#__PURE__*/_react.default.createElement(SearchWrap, {
     className: (0, _classnames.default)(_constants.baseClassName, className),
     style: style
-  }, mode === 'single-single' && /*#__PURE__*/_react.default.createElement(_modeSingleSingle.default, props), mode === 'single-multi' && /*#__PURE__*/_react.default.createElement(_modeSingleMulti.default, props), mode === 'multi-multi' && /*#__PURE__*/_react.default.createElement(_modeSingleMulti.default, props)));
+  }, simple ? /*#__PURE__*/_react.default.createElement(_modeSingleSingle.default, props) : /*#__PURE__*/_react.default.createElement(_modeSingleMulti.default, props)));
 };
 
 exports.Search = Search;

package/lib/searchTagList/index.d.ts

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

package/lib/searchTagList/index.js

@@ -28,7 +28,9 @@ var SearchTagList = function SearchTagList(props) {
   var tagList = props.tagList,
       className = props.className,
       style = props.style,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      _props$prefix = props.prefix,
+      prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
 
   function onRemoveTag(item) {
     var newTagList = (0, _toConsumableArray2.default)(tagList);
@@ -49,6 +51,7 @@ var SearchTagList = function SearchTagList(props) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
+    prefix: prefix,
     className: (0, _classnames.default)(_constants.baseTagListClassName, className),
     style: style
   }, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
@@ -71,5 +74,6 @@ var SearchTagList = function SearchTagList(props) {
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
 };
 
-var _default = SearchTagList;
+var _default = _consoleComponents.ConfigProvider.config(SearchTagList);
+
 exports.default = _default;

package/lib/style.d.ts

@@ -1,5 +1,13 @@
-declare const SearchWarp: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const MenuContentWrap: import("styled-components").StyledComponent<"ul", any, {}, never>;
-declare const MultiBtnWarp: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const TagListWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const SearchWarp: import("styled-components").StyledComponent<"div", any, {
+    prefix: string;
+}, never>;
+declare const MenuContentWrap: import("styled-components").StyledComponent<"ul", any, {
+    prefix: string;
+}, never>;
+declare const MultiBtnWarp: import("styled-components").StyledComponent<"div", any, {
+    prefix: string;
+}, never>;
+declare const TagListWrap: import("styled-components").StyledComponent<"div", any, {
+    prefix: string;
+}, never>;
 export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };