@alicloud/console-components-search 0.1.0 → 0.1.3

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 13.46s
  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.44 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.44 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,25 @@ 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";
+import { useCssVar } from "../useCssVar";
 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;
+      _props$prefix = props.prefix,
+      prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
 
   var _useState = useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,8 +86,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),
@@ -108,7 +105,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     var initHisTags = getHistoryTagUtil();
 
     if (initHisTags) {
-      setHistroyList(initHisTags);
+      setHistoryList(initHisTags);
     }
 
     initCurType();
@@ -135,16 +132,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(_toConsumableArray(((_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 {
@@ -161,17 +167,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 +198,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 +226,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 +244,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 +299,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));
     } // 仅仅清空值， 保留类别
 
 
@@ -342,6 +338,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     }
 
     setCurType(initCurType);
+    setCurOptionItem({});
     setClearLevel1Show(false);
   } // 多选的确定
 
@@ -353,16 +350,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
@@ -384,13 +373,12 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
   function _onLevel1Change() {
     _onLevel1Change = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, actionType, item) {
-      var curOptItem;
+      var curOptItem, newDataSource;
       return _regeneratorRuntime.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;
@@ -412,7 +400,6 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
 
                 setVisible(true);
               } else if (curType === 'default' && defaultDataIndex && defaultDataIndex !== '') {
-                // 选了suggest
                 inputChange(value, 'itemClick', defaultDataIndex);
                 setDefaultValue('');
                 setLevel1DataSource(level1DataSourceTemp);
@@ -424,50 +411,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;
+              }
+
+              if (!onSuggest) {
+                _context.next = 17;
                 break;
               }
 
-              _context.next = 13;
+              _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();
           }
@@ -585,42 +599,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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value, actionType, dataIndex) {
+    _inputChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value, actionType, dataIndex, e) {
       var changeFileds, list, newDataSource;
       return _regeneratorRuntime.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);
@@ -631,16 +637,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
@@ -649,7 +654,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
               setVisible(true);
               setDefaultVisible(true);
 
-            case 19:
+            case 20:
             case "end":
               return _context4.stop();
           }
@@ -660,38 +665,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(getTagByFileds(_defineProperty({}, curOptionItem.dataIndex, inputValue), options));
+      } else {
+        // @ts-ignore
+        onSearch(getTagByFileds(_defineProperty({}, defaultDataIndex, defaultInputValue), options));
+      } // todo: 只有搜索了才会被记录到，根据页面的路由为key，history
+
 
-      upDateHistory();
+      updateHistory();
     }
   }
 
-  return /*#__PURE__*/React.createElement(SearchWarp, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', 'next-input', focusClass)
+  var isWind = (useCssVar('--alicloudfe-components-theme') || '').trim() === 'wind';
+  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", {
@@ -712,7 +716,8 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     onKeyUp: onDeFaultEnter
   }, curType === 'default' && defaultOptionItem && /*#__PURE__*/React.createElement(AutoComplete, {
     className: classNames('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,
@@ -720,7 +725,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
     ,
     itemRender: itemRender,
     onChange: onLevel1Change,
-    popupStyle: histroyList && histroyList.length > 0 ? {} : {
+    popupStyle: historyList && historyList.length > 0 ? {} : {
       width: 'auto'
     },
     visible: defaultVisible,
@@ -728,7 +733,9 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       setDefaultVisible(true);
       setFocusClass('focus');
     },
+    popupClassName: isWind ? 'xconsole-rc-search-popup' : '',
     onBlur: function onBlur() {
+      debugger;
       setDefaultVisible(false);
       setFocusClass('');
     },
@@ -739,7 +746,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
     ,
@@ -775,8 +782,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.createElement(Select, {
     className: classNames('main-input', 'select'),
@@ -788,7 +795,7 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
       selectChange(value, curOptionItem.dataIndex);
     },
     popupStyle: {
-      minWidth: 'auto'
+      width: 'auto'
     },
     autoFocus: true,
     visible: visible,
@@ -835,20 +842,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 +865,4 @@ var ModeSingleSingle = function ModeSingleSingle(props) {
   }))));
 };
 
-export default ModeSingleSingle;
+export default ConfigProvider.config(ModeSingleSingle);