@alicloud/console-components-search 0.2.33 → 0.2.35

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Alibaba Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/ComplexSearch/InputPrefix.js

@@ -1,18 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["defaultValue", "dataSource", "label"];
 import React from 'react';
 import classNames from 'classnames';
 import { Icon, Select } from '@alicloud/console-components';
-
 var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
   var _dataSource$, _dataSource$$children;
-
   var defaultValue = props.defaultValue,
-      _props$dataSource = props.dataSource,
-      dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-      label = props.label,
-      reset = _objectWithoutProperties(props, ["defaultValue", "dataSource", "label"]);
-
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    label = props.label,
+    reset = _objectWithoutProperties(props, _excluded);
   var noSelect = dataSource.length < 2 && ((_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : (_dataSource$$children = _dataSource$.children) === null || _dataSource$$children === void 0 ? void 0 : _dataSource$$children.length) < 2;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('condition-item')
@@ -32,7 +30,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     dataSource: dataSource,
     itemRender: function itemRender(_ref) {
       var label = _ref.label,
-          value = _ref.value;
+        value = _ref.value;
       return /*#__PURE__*/React.createElement("span", {
         "data-value": value
       }, label);
@@ -42,5 +40,4 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     popupClassName: "rc-search-prefix"
   })));
 };
-
 export default SearchConditionSelectPrefix;

package/es/ComplexSearch/index.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import classNames from 'classnames';
 import cloneDeep from 'lodash/cloneDeep';
 import groupBy from 'lodash/groupBy';
@@ -24,17 +21,15 @@ var AutoComplete = Select.AutoComplete;
  * @param IRcSearchOptionsProps options
  * @returns
  */
-
 var normalizeOptions = function normalizeOptions(options) {
   var optionsCopy = cloneDeep(options);
   optionsCopy.forEach(function (o) {
-    return !o.groupName && (o.groupName = message.defaultFilterGroupName);
+    !o.groupName && (o.groupName = message.defaultFilterGroupName);
   });
   return Object.entries(groupBy(optionsCopy, 'groupName')).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        groupName = _ref2[0],
-        children = _ref2[1];
-
+      groupName = _ref2[0],
+      children = _ref2[1];
     return {
       label: groupName,
       children: children.map(function (l) {
@@ -46,7 +41,6 @@ var normalizeOptions = function normalizeOptions(options) {
     };
   });
 };
-
 var normalizeSuggestion = function normalizeSuggestion(suggestion) {
   var suggestionCopy = cloneDeep(suggestion);
   suggestionCopy.forEach(function (s) {
@@ -60,38 +54,31 @@ var normalizeSuggestion = function normalizeSuggestion(suggestion) {
   });
   return suggestionCopy;
 };
-
 var normalizeSelectDataSource = function normalizeSelectDataSource(title, list) {
   return [{
     label: title || '',
     children: _toConsumableArray(list)
   }];
 };
-
 var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, options) {
   var opt = options === null || options === void 0 ? void 0 : options.find(function (o) {
     return o.dataIndex === dataIndex;
   });
   var valueLabel = value;
-
   if ((opt === null || opt === void 0 ? void 0 : opt.template) === 'select') {
     var _opt$templateProps, _opt$templateProps$da;
-
     valueLabel = (_opt$templateProps = opt.templateProps) === null || _opt$templateProps === void 0 ? void 0 : (_opt$templateProps$da = _opt$templateProps.dataSource.find(function (d) {
       return d.value === value;
     })) === null || _opt$templateProps$da === void 0 ? void 0 : _opt$templateProps$da.label;
   }
-
   if ((opt === null || opt === void 0 ? void 0 : opt.template) === 'multiple') {
     var _opt$templateProps2;
-
     valueLabel = (_opt$templateProps2 = opt.templateProps) === null || _opt$templateProps2 === void 0 ? void 0 : _opt$templateProps2.dataSource.filter(function (d) {
       return value === null || value === void 0 ? void 0 : value.includes(d.value);
     }).map(function (d) {
       return d.label;
     }).join('/');
   }
-
   return {
     label: opt === null || opt === void 0 ? void 0 : opt.label,
     valueLabel: valueLabel,
@@ -99,7 +86,6 @@ var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, o
     dataIndex: dataIndex
   };
 };
-
 var highlightKeyword = function highlightKeyword(value, keywords) {
   var idx = value.toLowerCase().indexOf(keywords.toLowerCase());
   var startValue = value.slice(0, idx);
@@ -111,39 +97,34 @@ var highlightKeyword = function highlightKeyword(value, keywords) {
     }
   }, highlightValue), endValue);
 };
-
 var ComplexSearch = function ComplexSearch(props) {
   var _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      fuzzy = props.fuzzy,
-      defaultDataIndex = props.defaultDataIndex,
-      defaultSelectedDataIndex = props.defaultSelectedDataIndex,
-      placeholder = props.placeholder,
-      onSearch = props.onSearch,
-      onSuggest = props.onSuggest,
-      _props$suggestions = props.suggestions,
-      suggestions = _props$suggestions === void 0 ? [] : _props$suggestions,
-      _props$prefix = props.prefix,
-      prefix = _props$prefix === void 0 ? 'next-' : _props$prefix;
-
+    options = _props$options === void 0 ? [] : _props$options,
+    fuzzy = props.fuzzy,
+    defaultDataIndex = props.defaultDataIndex,
+    defaultSelectedDataIndex = props.defaultSelectedDataIndex,
+    placeholder = props.placeholder,
+    onSearch = props.onSearch,
+    onSuggest = props.onSuggest,
+    _props$suggestions = props.suggestions,
+    suggestions = _props$suggestions === void 0 ? [] : _props$suggestions,
+    _props$prefix = props.prefix,
+    prefix = _props$prefix === void 0 ? 'next-' : _props$prefix;
   var _useState = useState(options.find(function (o) {
-    return o.dataIndex === defaultSelectedDataIndex;
-  })),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedFilterType = _useState2[0],
-      setSelectedFilterType = _useState2[1];
-
+      return o.dataIndex === defaultSelectedDataIndex;
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedFilterType = _useState2[0],
+    setSelectedFilterType = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
   var autoRef = useRef(null);
-  var fuzzyAutoRef = useRef(null);
   var field = Field.useField();
   var init = field.init,
-      getValue = field.getValue,
-      reset = field.reset;
+    getValue = field.getValue,
+    reset = field.reset;
   var focusProps = {
     onFocus: function onFocus() {
       setFocused(true);
@@ -151,29 +132,26 @@ var ComplexSearch = function ComplexSearch(props) {
     onBlur: function onBlur() {
       setFocused(false);
     }
-  }; // 计算视图，根据内部状态和输入的 props 决定一些值
+  };
 
+  // 计算视图，根据内部状态和输入的 props 决定一些值
   var isFuzzy = (!!defaultDataIndex || fuzzy) && !!getValue(SEARCH_FILTER_FIELD);
   var defaultFilter = options.find(function (t) {
     return t.dataIndex === defaultDataIndex;
   });
-
   var highlightItem = function highlightItem(item, searchKey) {
     var label = item.label;
-
     if (searchKey && searchKey.length) {
       label = highlightKeyword(item.label, searchKey);
     }
-
     return /*#__PURE__*/React.createElement("span", {
       "data-value": item === null || item === void 0 ? void 0 : item.value
     }, label);
   };
+
   /**
    * 处理筛选类型选中的情况
    */
-
-
   var handlerFilterTypeChange = function handlerFilterTypeChange(type) {
     var resetValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setSelectedFilterType(options.find(function (o) {
@@ -181,67 +159,58 @@ var ComplexSearch = function ComplexSearch(props) {
     }));
     resetValue && reset();
   };
+
   /**
    * 处理当筛选类型没选中，用户输入筛选类型，或者是做默认搜索的情况
    */
-
-
   var handlerFilterTypeInput = function handlerFilterTypeInput(value, actionType, isFuzzy, option) {
-    var isFuzzySearch = isFuzzy && getValue(SEARCH_FILTER_FIELD); // 如果是模糊搜索，则直接处理
+    var isFuzzySearch = isFuzzy && getValue(SEARCH_FILTER_FIELD);
 
+    // 如果是模糊搜索，则直接处理
     if (isFuzzySearch) {
       if (actionType !== 'change') {
         handleSearch(option.dataIndex);
       } else {
         onSuggest && onSuggest(value, defaultDataIndex || '');
       }
-
       return;
-    } // 否则处理筛选项改变的情况
-
+    }
 
+    // 否则处理筛选项改变的情况
     handlerFilterTypeChange(value, false);
   };
-
   var handlerFilterClear = function handlerFilterClear() {
     setSelectedFilterType(null);
     reset();
   };
-
   var handleSearch = function handleSearch(dataIndex) {
     if (onSearch) {
-      var value = getValue(SEARCH_FILTER_VALUE_FIELD); // 如果是没有选择下拉
-
+      var value = getValue(SEARCH_FILTER_VALUE_FIELD);
+      // 如果是没有选择下拉
       if (defaultDataIndex && !selectedFilterType) {
         onSearch(getValue(SEARCH_FILTER_FIELD), defaultDataIndex, normalizeSearchOptions(defaultDataIndex, getValue(SEARCH_FILTER_FIELD), options));
-      } // 如果是用户没有指定 defaultDataIndex 但是设置了 fuzzy
-
-
+      }
+      // 如果是用户没有指定 defaultDataIndex 但是设置了 fuzzy
       if (fuzzy && !selectedFilterType) {
         onSearch(getValue(SEARCH_FILTER_FIELD), dataIndex || '', normalizeSearchOptions(dataIndex || '', getValue(SEARCH_FILTER_FIELD), options));
       }
-
       if (selectedFilterType) {
         onSearch(value, selectedFilterType.dataIndex, normalizeSearchOptions(selectedFilterType.dataIndex, value, options));
       }
     }
-
     reset();
     document.body.click();
     setFocused(false);
   };
-
   var handleKeyUp = function handleKeyUp(e) {
     if (e.keyCode === 13 && e.currentTarget.value) {
       handleSearch();
       document.body.click();
     }
-
     if (e.keyCode === 8 && !e.currentTarget.value) {
       handlerFilterClear();
     }
   };
-
   var renderMultipleSelectorItem = function renderMultipleSelectorItem(item) {
     var searchValue = getValue(SEARCH_FILTER_VALUE_FIELD);
     var checked = isArray(searchValue) && searchValue.some(function (v) {
@@ -251,13 +220,10 @@ var ComplexSearch = function ComplexSearch(props) {
       checked: checked
     }, item.label);
   };
-
   var renderSelectedFilter = function renderSelectedFilter() {
     var _selectedFilterType$t, _selectedFilterType$t2, _selectedFilterType$t3;
-
     var type = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template;
     var searchValue = getValue(SEARCH_FILTER_VALUE_FIELD);
-
     var props = _objectSpread({
       hasBorder: false,
       autoFocus: true,
@@ -267,7 +233,6 @@ var ComplexSearch = function ComplexSearch(props) {
         value: selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.label
       })
     }, focusProps);
-
     var selectProps = {
       dataSource: normalizeSelectDataSource(selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.label, (selectedFilterType === null || selectedFilterType === void 0 ? void 0 : (_selectedFilterType$t2 = selectedFilterType.templateProps) === null || _selectedFilterType$t2 === void 0 ? void 0 : _selectedFilterType$t2.dataSource) || []),
       defaultVisible: true,
@@ -275,11 +240,11 @@ var ComplexSearch = function ComplexSearch(props) {
         width: 'auto'
       }
     };
-
     switch (type) {
       case 'input':
         return /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_VALUE_FIELD, {}), {
-          className: classNames('main-input', 'multi') // @ts-ignore
+          className: classNames('main-input', 'multi')
+          // @ts-ignore
           ,
           autoHighlightFirstItem: false
         }, props, {
@@ -287,7 +252,6 @@ var ComplexSearch = function ComplexSearch(props) {
           onKeyUp: handleKeyUp,
           dataSource: selectedFilterType === null || selectedFilterType === void 0 ? void 0 : (_selectedFilterType$t3 = selectedFilterType.templateProps) === null || _selectedFilterType$t3 === void 0 ? void 0 : _selectedFilterType$t3.dataSource
         }));
-
       case 'select':
         return /*#__PURE__*/React.createElement(Select, _extends({
           className: classNames('main-input', 'select')
@@ -299,14 +263,14 @@ var ComplexSearch = function ComplexSearch(props) {
           // @ts-ignore
           autoHighlightFirstItem: false
         }, props, selectProps));
-
       case 'multiple':
         return /*#__PURE__*/React.createElement(Select, _extends({
           className: classNames('main-input', 'multi')
         }, init(SEARCH_FILTER_VALUE_FIELD, {}), props, selectProps, {
           itemRender: renderMultipleSelectorItem,
           popupClassName: "xconsole-rcsearch-multi-pop",
-          mode: "multiple" // @ts-ignore
+          mode: "multiple"
+          // @ts-ignore
           ,
           autoHighlightFirstItem: false,
           maxTagCount: 0,
@@ -332,12 +296,10 @@ var ComplexSearch = function ComplexSearch(props) {
             }, message.cancel))
           }
         }));
-
       default:
         return null;
     }
   };
-
   var renderSelectFilterCloseIcon = function renderSelectFilterCloseIcon() {
     var hasFilterTypeClearBtn = !!selectedFilterType && !((selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template) === 'input' && !!getValue(SEARCH_FILTER_VALUE_FIELD));
     return hasFilterTypeClearBtn && /*#__PURE__*/React.createElement("div", {
@@ -354,7 +316,6 @@ var ComplexSearch = function ComplexSearch(props) {
       }
     }))));
   };
-
   return /*#__PURE__*/React.createElement(SearchWarp, {
     prefix: prefix
   }, /*#__PURE__*/React.createElement("div", {
@@ -380,7 +341,8 @@ var ComplexSearch = function ComplexSearch(props) {
       }
     }
   }), {
-    autoHighlightFirstItem: false // @ts-ignore
+    autoHighlightFirstItem: false
+    // @ts-ignore
     ,
     itemRender: highlightItem,
     placeholder: placeholder || (defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? template(message.defaultPlaceHolder)({
@@ -389,7 +351,8 @@ var ComplexSearch = function ComplexSearch(props) {
     className: classNames('main-input', 'multi'),
     hasBorder: false,
     onKeyUp: handleKeyUp,
-    dataSource: // 如果是指定了默认的筛选类型或者是直接指定模糊搜索模式 ，并且用户在这个输入框里面已经输入了值
+    dataSource:
+    // 如果是指定了默认的筛选类型或者是直接指定模糊搜索模式 ，并且用户在这个输入框里面已经输入了值
     // 则表示需要模糊搜索，调用 handleSuggest
     isFuzzy ? normalizeSuggestion(suggestions) : normalizeOptions(options),
     popupStyle: {
@@ -410,5 +373,4 @@ var ComplexSearch = function ComplexSearch(props) {
     type: "search"
   }))));
 };
-
 export default ConfigProvider.config(ComplexSearch);

package/es/constants.js

@@ -1,5 +1,7 @@
 export var baseClassName = 'rc-search';
-export var baseTagListClassName = "".concat(baseClassName, "-taglist"); // export const titleClassName = `${baseClassName}-title`
+export var baseTagListClassName = "".concat(baseClassName, "-taglist");
+
+// export const titleClassName = `${baseClassName}-title`
 // export const titleContainerClassName = `${titleClassName}-container`
 // export const titleExtraClassName = `${titleClassName}-extra`
 // export const titleChildrenClassName = `${titleClassName}-children`

package/es/index.js

@@ -1,7 +1,7 @@
-import { Search } from "./search";
-import SearchTagList from "./searchTagList";
-import { IRcSearchProps } from "./types/IRcSearchProps.type";
-import { IRcSearchTagListProps } from "./types/IRcSearchTagListProps.type";
+import { Search } from './search';
+import SearchTagList from './searchTagList';
+import { IRcSearchProps } from './types/IRcSearchProps.type';
+import { IRcSearchTagListProps } from './types/IRcSearchTagListProps.type';
 import { IRcSearchTagItemProps } from './types/IRcSearchTagItemProps.type';
 import { IRcSearchOptionsProps } from './types/IRcSearchOptions.type';
 export { Search, SearchTagList as SearchFilter, IRcSearchProps, IRcSearchTagListProps, IRcSearchOptionsProps, IRcSearchTagItemProps };

package/es/message.js

@@ -1,52 +1,51 @@
 import Cookie from 'js-cookie';
 var isSSR = typeof document === 'undefined';
 var messages = {
-  'zh': {
+  zh: {
     confirm: '确定',
     cancel: '取消',
     allValue: '全部值',
     emptyValue: '空值',
-    tag: "标签",
-    defaultFilterGroupName: "选择筛选条件",
+    tag: '标签',
+    defaultFilterGroupName: '选择筛选条件',
     defaultPlaceHolder: '默认按${value}搜索',
     clearFilter: '清除筛选条件'
   },
-  'en': {
+  en: {
     confirm: 'OK',
     cancel: 'Cancel',
     allValue: 'All Values',
     emptyValue: 'Empty',
-    tag: "Tag",
-    defaultFilterGroupName: "Select Filter Condition",
+    tag: 'Tag',
+    defaultFilterGroupName: 'Select Filter Condition',
     defaultPlaceHolder: 'Search By ${value}',
     clearFilter: 'Clear Filter Condition'
   },
-  "zh-TW": {
+  'zh-TW': {
     confirm: '確定',
     cancel: '取消',
     allValue: '全部值',
     emptyValue: '空值',
-    tag: "標籤",
-    defaultFilterGroupName: "選擇篩選條件",
+    tag: '標籤',
+    defaultFilterGroupName: '選擇篩選條件',
     defaultPlaceHolder: '默認按${value}搜索',
     clearFilter: '清除篩選條件'
   },
-  'ja': {
+  ja: {
     confirm: 'OK',
     cancel: 'キャンセル',
     allValue: 'すべての値',
     emptyValue: '空',
-    tag: "タグ",
-    defaultFilterGroupName: "フィルタリング条件の選択",
+    tag: 'タグ',
+    defaultFilterGroupName: 'フィルタリング条件の選択',
     defaultPlaceHolder: '${value} で検索',
     clearFilter: 'フィルタリング条件のクリア'
   }
 };
-var lang = isSSR ? 'en' : Cookie.get('aliyun_lang') || 'en';
-
+var lang = isSSR ? 'zh' : Cookie.get('aliyun_lang') || 'zh';
 if (!Object.keys(messages).includes(lang)) {
-  lang = 'en';
-} // @ts-ignore
-
+  lang = 'zh';
+}
 
+// @ts-ignore
 export default messages[lang];

package/es/search.js

@@ -1,26 +1,19 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
-var _templateObject;
-
-import React from "react";
+import React from 'react';
 import classNames from 'classnames';
-import styled from "styled-components";
+import styled from 'styled-components';
 import { baseClassName } from './constants';
-import ComplexSearch from "./ComplexSearch/index";
-import LoggerProvider from './provider/LoggerProvider';
-import { useWindTheme } from "./useCssVar";
-var SearchWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 32px;\n  width: 400px;\n  display: inline-block;\n  vertical-align: top;\n"])));
+import ComplexSearch from './ComplexSearch/index';
+import { useWindTheme } from './useCssVar';
+var SearchWrap = styled.div.withConfig({
+  componentId: "sc-1szhzw4-0"
+})(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
 export var Search = function Search(props) {
   var className = props.className,
-      _props$simple = props.simple,
-      simple = _props$simple === void 0 ? false : _props$simple,
-      style = props.style;
+    _props$simple = props.simple,
+    simple = _props$simple === void 0 ? false : _props$simple,
+    style = props.style;
   var windThemeClass = useWindTheme();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoggerProvider, {
-    regionId: props.regionId,
-    resourceType: props.resourceType || '',
-    componentName: "RcSearch"
-  }), /*#__PURE__*/React.createElement(SearchWrap, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchWrap, {
     className: classNames(baseClassName, className, windThemeClass),
     style: style
   }, /*#__PURE__*/React.createElement(ComplexSearch, props)));

package/es/searchTagList/PureTag.js

@@ -1,26 +1,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"];
 import React from 'react';
 import { Tag, Badge } from '@alicloud/console-components';
 import Truncate from '@alicloud/console-components-truncate';
 import message from '../message';
-
 var Empty = function Empty(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-
 var PureTag = function PureTag(props) {
   var intl = props.intl,
-      tagKey = props.tagKey,
-      disableTruncate = props.disableTruncate,
-      showDot = props.showDot,
-      tagValue = props.tagValue,
-      showLabel = props.showLabel,
-      _props$closable = props.closable,
-      closable = _props$closable === void 0 ? true : _props$closable,
-      resetProps = _objectWithoutProperties(props, ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"]);
-
+    tagKey = props.tagKey,
+    disableTruncate = props.disableTruncate,
+    showDot = props.showDot,
+    tagValue = props.tagValue,
+    showLabel = props.showLabel,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    resetProps = _objectWithoutProperties(props, _excluded);
   var defaultTruncateProps = {
     threshold: 20,
     showTooltip: false
@@ -29,16 +27,14 @@ var PureTag = function PureTag(props) {
   var DotWrapper = showDot ? Badge : Empty;
   var TagWrapper = closable ? Tag.Closeable : Tag;
   var transformedTagValue = tagValue;
-
   if (tagValue === '') {
     transformedTagValue = message.emptyValue;
   } else if (tagValue === undefined || tagValue === null) {
     transformedTagValue = message.allValue;
   }
-
   return (
     /*#__PURE__*/
-    //@ts-ignore
+    // @ts-ignore
     React.createElement(DotWrapper, {
       className: "search-tags-tag-dot",
       dot: true
@@ -52,5 +48,4 @@ var PureTag = function PureTag(props) {
     }, transformedTagValue)))
   );
 };
-
 export default PureTag;