@alicloud/console-components-search 0.1.0 → 0.1.1

package/doc-dist/log-deps-build.log

@@ -1,13 +1,13 @@
 开始构建微应用external依赖...
 BreezrPluginStyledComponentsIsolation  The plugin will trying to use the package's name as isolation id of styled-components. This behavior usually occurred on dev mode. And if you were received this warning on publish mode then you should to set `options.styledComponentStyleSheetId` implicitly.
 ℹ Compiling Webpack
-✔ Webpack: Compiled successfully in 13.03s
+✔ Webpack: Compiled successfully in 10.35s
  WARN  asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
 This can impact web performance.
 Assets: 
-  main.js (2.3 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
+  main.js (2.46 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
 Entrypoints:
-  main (2.3 MiB)
+  main (2.46 MiB)
       main.css
       main.js
 ,webpack performance recommendations: 

package/es/modeSingleMulti/index.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 
@@ -9,28 +9,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { useState, useEffect } from "react";
-import classNames from 'classnames'; // import styled from "styled-components";
-
-import { Button, Icon, Tag, Select } from '@alicloud/console-components'; // import { AutoCompleteProps } from '@alifd/next/lib/select'
-
-import { getHistoryTag as getHistoryTagUtil, setHistoryTag as setHistoryTagUtil, removeHistoryTagItem as removeHistoryTagItemUtils, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp } from "../utils"; // import '../index.less'
-
+import classNames from 'classnames';
+import { Button, Icon, Tag, Select, ConfigProvider } from '@alicloud/console-components';
+import { getHistoryTag as getHistoryTagUtil, setHistoryTag as setHistoryTagUtil, removeHistoryTagItem as removeHistoryTagItemUtils, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp } from "../utils";
 import { SearchWarp, MultiBtnWarp, MenuContentWrap } from "../style";
 var TagGroup = Tag.Group,
     ClosableTag = Tag.Closeable;
 var AutoComplete = 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 = useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,8 +84,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   var _useState23 = useState([]),
       _useState24 = _slicedToArray(_useState23, 2),
-      histroyList = _useState24[0],
-      setHistroyList = _useState24[1];
+      historyList = _useState24[0],
+      setHistoryList = _useState24[1];
 
   var _useState25 = useState(''),
       _useState26 = _slicedToArray(_useState25, 2),
@@ -104,11 +99,12 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       setFocusClass = _useState28[1]; // focus/''
 
 
+  console.log('prefix', prefix);
   useEffect(function () {
     var initHisTags = getHistoryTagUtil();
 
     if (initHisTags) {
-      setHistroyList(initHisTags);
+      setHistoryList(initHisTags);
     }
 
     initCurType();
@@ -135,14 +131,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: '选择筛选条件',
@@ -161,17 +150,19 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   var menuPropsLevel1 = {
     focusable: false,
-    header: /*#__PURE__*/React.createElement(MenuContentWrap, null, defaultDataIndex && defaultDataIndex !== '' && histroyList && histroyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/React.createElement("li", {
+    header: /*#__PURE__*/React.createElement(MenuContentWrap, {
+      prefix: ""
+    }, defaultDataIndex && defaultDataIndex !== '' && historyList && historyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/React.createElement("li", {
       role: "option",
       title: "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55",
-      className: "next-menu-group-label"
+      className: "".concat(prefix, "menu-group-label")
     }, /*#__PURE__*/React.createElement("div", {
-      className: "next-menu-item-inner"
-    }, "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55")), defaultDataIndex && defaultDataIndex !== '' && histroyList && histroyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/React.createElement(TagGroup, {
+      className: "".concat(prefix, "menu-item-inner")
+    }, "\u5386\u53F2\u641C\u7D22\u8BB0\u5F55")), defaultDataIndex && defaultDataIndex !== '' && historyList && historyList.length > 0 && defaultInputValue === '' && /*#__PURE__*/React.createElement(TagGroup, {
       style: {
         paddingLeft: '20px'
       }
-    }, histroyList.map(function (tag, index) {
+    }, historyList.map(function (tag, index) {
       return tag ? /*#__PURE__*/React.createElement(ClosableTag, {
         size: "small",
         key: tag.dataIndex + tag.value + index,
@@ -190,7 +181,9 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   var menuProps = {
     focusable: false,
     header: null,
-    footer: /*#__PURE__*/React.createElement(MultiBtnWarp, null, /*#__PURE__*/React.createElement(Button, {
+    footer: /*#__PURE__*/React.createElement(MultiBtnWarp, {
+      prefix: prefix
+    }, /*#__PURE__*/React.createElement(Button, {
       size: "small",
       className: classNames("pri-btn"),
       disabled: multipleValues.length === 0,
@@ -216,7 +209,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>");
       });
     }
 
@@ -234,54 +227,46 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       return v === item.value;
     })) {
       isChecked = true;
-    } // console.log('item',item, 'isChecked', isChecked)
-
+    }
 
     return /*#__PURE__*/React.createElement("label", {
-      className: classNames('next-checkbox-wrapper', 'multi-lable', isChecked ? 'checked' : ''),
+      className: classNames("".concat(prefix, "-checkbox-wrapper"), 'multi-lable', isChecked ? 'checked' : ''),
       style: {
         paddingLeft: '8px'
       }
     }, /*#__PURE__*/React.createElement("span", {
-      className: "next-checkbox"
+      className: "".concat(prefix, "checkbox")
     }, /*#__PURE__*/React.createElement("span", {
-      className: "next-checkbox-inner"
+      className: "".concat(prefix, "checkbox-inner")
     }, /*#__PURE__*/React.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.createElement("input", {
       type: "checkbox",
-      className: "next-checkbox-input",
+      className: "".concat(prefix, "checkbox-input"),
       defaultChecked: isChecked
     })), /*#__PURE__*/React.createElement("span", {
-      className: "next-checkbox-label"
+      className: "".concat(prefix, "checkbox-label")
     }, item.label));
   };
 
   function onRemoveHisTag(tagItem) {
     var newHisTags = removeHistoryTagItemUtils(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 = _toConsumableArray(tagList);
 
     var rtHisTags = setHistoryTagUtil(allFiledsTagList);
-    setHistroyList(rtHisTags);
+    setHistoryList(rtHisTags);
   }
 
   function checkAllFromTags(allFileds) {
@@ -297,21 +282,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 = getTagByFileds(allFileds, options);
-      setTagList(newTags);
-      onTagChange(newTags);
+    if (onSearch) {
+      onSearch(getTagByFileds(allFileds, options));
     } // 仅仅清空值， 保留类别
 
 
@@ -353,16 +332,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
@@ -389,8 +360,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;
@@ -412,7 +382,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
                 setVisible(true);
               } else if (curType === 'default' && defaultDataIndex && defaultDataIndex !== '') {
-                // 选了suggest
                 inputChange(value, 'itemClick', defaultDataIndex);
                 setDefaultValue('');
                 setLevel1DataSource(level1DataSourceTemp);
@@ -424,50 +393,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();
           }
@@ -598,29 +577,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);
@@ -631,14 +602,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 = [{
@@ -649,7 +620,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
               setVisible(true);
               setDefaultVisible(true);
 
-            case 19:
+            case 20:
             case "end":
               return _context4.stop();
           }
@@ -660,23 +631,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);
     }
   } // 提交按钮
 
@@ -686,12 +648,14 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       var checkAllFileds = checkAllFromTags(allFileds);
       onSearch(checkAllFileds); // todo: 只有搜索了才会被记录到，根据页面的路由为key，history
 
-      upDateHistory();
+      updateHistory();
     }
   }
 
-  return /*#__PURE__*/React.createElement(SearchWarp, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', 'next-input', focusClass)
+  return /*#__PURE__*/React.createElement(SearchWarp, {
+    prefix: prefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('left-wrap', "".concat(prefix, "input"), focusClass)
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('condition')
   }, curType === 'item' && /*#__PURE__*/React.createElement("div", {
@@ -720,7 +684,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     ,
     itemRender: itemRender,
     onChange: onLevel1Change,
-    popupStyle: histroyList && histroyList.length > 0 ? {} : {
+    popupStyle: historyList && historyList.length > 0 ? {} : {
       width: 'auto'
     },
     visible: defaultVisible,
@@ -739,7 +703,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
     ,
@@ -788,7 +752,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       selectChange(value, curOptionItem.dataIndex);
     },
     popupStyle: {
-      minWidth: 'auto'
+      width: 'auto'
     },
     autoFocus: true,
     visible: visible,
@@ -835,20 +799,19 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       onMultipleChange(value);
     },
     popupStyle: {
-      minWidth: 'auto',
-      padding: '10px 8px 10px 8px'
+      width: 'auto'
     }
   }), clearLevel1Show && /*#__PURE__*/React.createElement("div", {
     className: "clear-level1",
     onClick: onClearLevel1
   }, /*#__PURE__*/React.createElement("span", {
-    className: "next-input-control"
+    className: "".concat(prefix, "input-control")
   }, /*#__PURE__*/React.createElement("span", {
-    className: "next-input-hint-wrap"
+    className: "".concat(prefix, "input-hint-wrap")
   }, /*#__PURE__*/React.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.createElement("div", {
     className: classNames('right-wrap')
   }, /*#__PURE__*/React.createElement(Button, {
@@ -859,4 +822,4 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }))));
 };
 
-export default ModeSingleSingle;
+export default ConfigProvider.config(ModeSingleSingle);

package/es/modeSingleSingle/index.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState } from "react";
 import classNames from 'classnames'; // import styled from "styled-components";
 
-import { Button, Icon, Select } from '@alicloud/console-components';
+import { Button, ConfigProvider, Icon, Select } from '@alicloud/console-components';
 import { SearchWarp } from "../style";
 import { getSelectOptionAdatp } from '../utils';
 var AutoComplete = Select.AutoComplete;
@@ -13,7 +13,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) {
@@ -47,7 +49,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>");
       });
     }
 
@@ -164,8 +166,10 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(SearchWarp, null, optionItem.template === 'input' && /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', 'next-input')
+  return /*#__PURE__*/React.createElement(SearchWarp, {
+    prefix: prefix
+  }, optionItem.template === 'input' && /*#__PURE__*/React.createElement("div", {
+    className: classNames('left-wrap', "".concat(prefix, "input"))
   }, /*#__PURE__*/React.createElement(AutoComplete, {
     className: classNames('main-input', 'single'),
     placeholder: optionItem.templateProps.placeholder || "\u9ED8\u8BA4\u6309".concat(optionItem.label, "\u641C\u7D22"),
@@ -183,7 +187,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       inputChange(value, actionType, optionItem.dataIndex);
     }
   })), optionItem.template === 'select' && /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', 'next-input')
+    className: classNames('left-wrap', "".concat(prefix, "input"))
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('condition')
   }, /*#__PURE__*/React.createElement("span", {
@@ -210,4 +214,4 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }))));
 };
 
-export default ModeSingleSingle;
+export default ConfigProvider.config(ModeSingleSingle);

package/es/search.js

@@ -10,7 +10,8 @@ var SearchWrap = styled.div.withConfig({
 })(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
 export 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoggerProvider, {
     regionId: props.regionId,
@@ -19,5 +20,5 @@ export var Search = function Search(props) {
   }), /*#__PURE__*/React.createElement(SearchWrap, {
     className: classNames(baseClassName, className),
     style: style
-  }, mode === 'single-single' && /*#__PURE__*/React.createElement(ModeSingleSingle, props), mode === 'single-multi' && /*#__PURE__*/React.createElement(ModeSingleMulti, props), mode === 'multi-multi' && /*#__PURE__*/React.createElement(ModeSingleMulti, props)));
+  }, simple ? /*#__PURE__*/React.createElement(ModeSingleSingle, props) : /*#__PURE__*/React.createElement(ModeSingleMulti, props)));
 };

package/es/searchTagList/index.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from "react";
 import classNames from 'classnames';
-import { Tag } from '@alicloud/console-components';
+import { ConfigProvider, Tag } from '@alicloud/console-components';
 import LoggerProvider from '../provider/LoggerProvider';
 import { TagListWrap } from '../style';
 import { baseTagListClassName } from '../constants';
@@ -12,7 +12,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 = _toConsumableArray(tagList);
@@ -33,6 +35,7 @@ var SearchTagList = function SearchTagList(props) {
   }
 
   return /*#__PURE__*/React.createElement(TagListWrap, {
+    prefix: prefix,
     className: classNames(baseTagListClassName, className),
     style: style
   }, /*#__PURE__*/React.createElement(LoggerProvider, {
@@ -55,4 +58,4 @@ var SearchTagList = function SearchTagList(props) {
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
 };
 
-export default SearchTagList;
+export default ConfigProvider.config(SearchTagList);

package/es/style.js

@@ -1,14 +1,19 @@
 import styled from "styled-components";
+
+var prefix = function prefix(props) {
+  return props.prefix ? ".".concat(props.prefix) : '.next-';
+};
+
 var SearchWarp = styled.div.withConfig({
   componentId: "sc-1afc1cn-0"
-})(["height:100%;width:100%;display:flex;.left-wrap{flex:1;border-left:1px solid rgba(192,198,204,1);border-bottom:1px solid rgba(192,198,204,1);border-top:1px solid rgba(192,198,204,1);border-right:1px solid rgba(192,198,204,1);display:flex;border-bottom-left-radius:2px;border-top-left-radius:2px;&.focus{border:1px solid #0064c8;}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background:#EFF3F8;border-radius:2px;background-color:#EFF3F8;padding:0 8px;margin:0 2px;font-size:12px;color:#333;position:relative;&-txt{padding-right:4px;}&:hover{background-color:#E0E4E8;}}.condition-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;min-width:auto;.next-select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:1px;right:1px;height:28px;width:30px;background-color:#fff;z-index:99;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{height:auto;border:none;box-shadow:none;&.single{flex:1;}&.select{width:100%;}&.multi{width:100%;}.next-input,.xdemo-input{height:auto;box-shadow:none;}}.xdemo-input.xdemo-medium{height:auto;}}.right-wrap{width:32px;.search-btn{width:32px;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;}}"]);
+})(["height:100%;width:100%;display:flex;.left-wrap{flex:1;border-left:1px solid rgba(192,198,204,1);border-bottom:1px solid rgba(192,198,204,1);border-top:1px solid rgba(192,198,204,1);border-right:1px solid rgba(192,198,204,1);display:flex;border-bottom-left-radius:2px;border-top-left-radius:2px;&.focus{border:1px solid #0064c8;}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background:#EFF3F8;border-radius:2px;background-color:#EFF3F8;padding:0 8px;margin:0 2px;font-size:12px;color:#333;position:relative;&-txt{padding-right:4px;}&:hover{background-color:#E0E4E8;}}.condition-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;min-width:auto;", "select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:1px;right:1px;height:28px;width:30px;background-color:#fff;z-index:99;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{height:auto;border:none;box-shadow:none;&.single{flex:1;}&.select{width:100%;}&.multi{width:100%;}", "input,", "-input{height:auto;box-shadow:none;}}", "-input", "-medium{height:auto;}}.right-wrap{width:32px;.search-btn{width:32px;padding:0 !important;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
 var MenuContentWrap = styled.ul.withConfig({
   componentId: "sc-1afc1cn-1"
-})([".next-tag-small.next-tag-closable > .next-tag-close-btn{margin-left:8px;padding-right:4px;padding-top:1px;}.next-tag-small.next-tag-closable > .next-tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}.next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before,.next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote{font-size:13px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}"]);
+})(["", "tag-small", "tag-closable > ", "tag-close-btn{margin-left:8px;padding-right:4px;padding-top:1px;}", "tag-small", "tag-closable > ", "tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}", "tag-small", "tag-closable > ", "tag-close-btn ", "icon:before,", "tag-small", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{font-size:13px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
 var MultiBtnWarp = styled.div.withConfig({
   componentId: "sc-1afc1cn-2"
-})(["padding:\"0 4px\";text-align:\"center\";.pri-btn{margin-right:8px;width:auto;min-width:auto;padding:3px 12px;}.cancel-btn{padding:3px 12px;width:auto;min-width:auto;}.next-btn.next-small:not(.isOnlyIcon):not(.next-btn-text){min-width:auto;}"]);
+})(["padding:\"0 4px\";text-align:\"center\";.pri-btn{margin-right:8px;width:auto;min-width:auto;padding:3px 12px;}.cancel-btn{padding:3px 12px;width:auto;min-width:auto;}", "btn", "small:not(.isOnlyIcon):not(", "btn-text){min-width:auto;}"], prefix, prefix, prefix);
 var TagListWrap = styled.div.withConfig({
   componentId: "sc-1afc1cn-3"
-})([".next-tag-medium.next-tag-closable > .next-tag-close-btn{margin-left:8px;padding-right:6px;}.next-tag-medium.next-tag-closable > .next-tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}.next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before,.next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote{font-size:16px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}.remove-btn{margin-bottom:8px;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;}"]);
+})(["", "tag-medium", "tag-closable > ", "tag-close-btn{margin-left:8px;padding-right:6px;}", "tag-medium", "tag-closable > ", "tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before,", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{font-size:16px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}.remove-btn{margin-bottom:8px;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
 export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };

package/lib/modeSingleMulti/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;