@alicloud/console-components-search 0.2.1 → 0.2.4

package/doc-dist/deps/main.os.css

@@ -1 +1 @@
-html body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}html body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}html body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}html body .xconsole-rc-search-popup{margin-top:4px}
+html body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}html body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}html body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}html body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}html body .xconsole-rc-search-popup{margin-top:4px}html .console-tags-tag.console-tags-tag{font-weight:600;color:var(--color-text1-9,#333)!important}html .console-tags-tag.console-tags-tag .console-tags-tag-label{color:var(--color-text1-6,grey);margin-right:8px}html .console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}html .console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}html .console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag [class*=-icon-close]:before{content:var(--icon-content-delete-filling)}html .console-tags-tag:not(:last-child){margin-right:8px}html .console-tags-tag_empty{color:var(--color-text1-6,grey)}html .console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}

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 14.67s
+✔ Webpack: Compiled successfully in 11.42s
  WARN  asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
 This can impact web performance.
 Assets: 
-  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.
+  main.js (2.49 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.46 MiB)
+  main (2.49 MiB)
       main.css
       main.js
 ,webpack performance recommendations: 

package/es/constants.js

@@ -3,4 +3,7 @@ export var baseTagListClassName = "".concat(baseClassName, "-taglist"); // expor
 // export const titleContainerClassName = `${titleClassName}-container`
 // export const titleExtraClassName = `${titleClassName}-extra`
 // export const titleChildrenClassName = `${titleClassName}-children`
-// export const contentClassName = `${baseClassName}-content`
+// export const contentClassName = `${baseClassName}-content`
+
+export var SEARCH_FILTER_FIELD = 'filterInputValue';
+export var SEARCH_FILTER_VALUE_FIELD = 'searchValue';

package/es/modeSingleSingle/index2.js

@@ -15,6 +15,7 @@ import React, { useState, useRef } from "react";
 import { Button, Icon, Select, ConfigProvider, Field, Checkbox } from '@alicloud/console-components';
 import { SearchWarp, MultiBtnWarp } from "../style";
 import SearchConditionSelectPrefix from "./InputPrefix";
+import { SEARCH_FILTER_FIELD, SEARCH_FILTER_VALUE_FIELD } from "../constants";
 var AutoComplete = Select.AutoComplete;
 /**
  * 
@@ -68,12 +69,9 @@ var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, o
   }
 
   if ((opt === null || opt === void 0 ? void 0 : opt.template) === 'multiple') {
-    var _opt$templateProps2, _opt$templateProps3;
+    var _opt$templateProps2;
 
-    console.log((_opt$templateProps2 = opt.templateProps) === null || _opt$templateProps2 === void 0 ? void 0 : _opt$templateProps2.dataSource.filter(function (d) {
-      return value.indexOf(d.value) !== -1;
-    }));
-    valueLabel = (_opt$templateProps3 = opt.templateProps) === null || _opt$templateProps3 === void 0 ? void 0 : _opt$templateProps3.dataSource.filter(function (d) {
+    valueLabel = (_opt$templateProps2 = opt.templateProps) === null || _opt$templateProps2 === void 0 ? void 0 : _opt$templateProps2.dataSource.filter(function (d) {
       return value.indexOf(d.value) !== -1;
     }).map(function (d) {
       return d.label;
@@ -88,6 +86,18 @@ var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, o
   };
 };
 
+var highlightKeyword = function highlightKeyword(value, keywords) {
+  var idx = value.toLowerCase().indexOf(keywords.toLowerCase());
+  var startValue = value.slice(0, idx);
+  var highlightValue = value.slice(idx, idx + keywords.length);
+  var endValue = value.slice(idx + keywords.length);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, startValue, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: 'var(--color-brand1-6)'
+    }
+  }, highlightValue), endValue);
+};
+
 var ComplexSearch = function ComplexSearch(props) {
   var options = props.options,
       fuzzy = props.fuzzy,
@@ -114,8 +124,7 @@ var ComplexSearch = function ComplexSearch(props) {
   var field = Field.useField();
   var init = field.init,
       getValue = field.getValue,
-      reset = field.reset,
-      getError = field.getError;
+      reset = field.reset;
   var focusProps = {
     onFocus: function onFocus() {
       setFocused(true);
@@ -125,14 +134,25 @@ var ComplexSearch = function ComplexSearch(props) {
     }
   }; //计算视图，根据内部状态和输入的 props 决定一些值
 
-  var isFuzzy = (!!defaultDataIndex || fuzzy) && !!getValue('filterInputValue');
+  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 label;
+  };
   /**
    * 处理筛选类型选中的情况
    */
 
+
   var handlerFilterTypeChange = function handlerFilterTypeChange(type) {
     var resetValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     setSelectedFilterType(options.find(function (o) {
@@ -146,7 +166,7 @@ var ComplexSearch = function ComplexSearch(props) {
 
 
   var handlerFilterTypeInput = function handlerFilterTypeInput(value, actionType, isFuzzy) {
-    var isFuzzySearch = isFuzzy && getValue('filterInputValue'); // 如果是模糊搜索，则直接处理
+    var isFuzzySearch = isFuzzy && getValue(SEARCH_FILTER_FIELD); // 如果是模糊搜索，则直接处理
 
     if (isFuzzySearch) {
       if (actionType !== 'change') {
@@ -169,10 +189,10 @@ var ComplexSearch = function ComplexSearch(props) {
 
   var handleSearch = function handleSearch() {
     if (onSearch) {
-      var value = getValue('searchValue');
+      var value = getValue(SEARCH_FILTER_VALUE_FIELD);
 
       if (defaultDataIndex && !selectedFilterType) {
-        onSearch(getValue('filterInputValue'), defaultDataIndex, normalizeSearchOptions(defaultDataIndex, getValue('filterInputValue'), options));
+        onSearch(getValue(SEARCH_FILTER_FIELD), defaultDataIndex, normalizeSearchOptions(defaultDataIndex, getValue(SEARCH_FILTER_FIELD), options));
       }
 
       if (selectedFilterType) {
@@ -181,6 +201,7 @@ var ComplexSearch = function ComplexSearch(props) {
     }
 
     reset();
+    document.body.click();
     setFocused(false);
   };
 
@@ -192,7 +213,7 @@ var ComplexSearch = function ComplexSearch(props) {
   };
 
   var renderMultipleSelectorItem = function renderMultipleSelectorItem(item) {
-    var searchValue = getValue('searchValue');
+    var searchValue = getValue(SEARCH_FILTER_VALUE_FIELD);
     var checked = isArray(searchValue) && searchValue.some(function (v) {
       return v === item.value;
     });
@@ -205,7 +226,7 @@ var ComplexSearch = function ComplexSearch(props) {
     var _selectedFilterType$t, _selectedFilterType$t2;
 
     var type = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template;
-    var searchValue = getValue('searchValue');
+    var searchValue = getValue(SEARCH_FILTER_VALUE_FIELD);
 
     var props = _objectSpread({
       hasBorder: false,
@@ -225,7 +246,7 @@ var ComplexSearch = function ComplexSearch(props) {
 
     switch (type) {
       case 'input':
-        return /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init('searchValue', {}), {
+        return /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_VALUE_FIELD, {}), {
           className: classNames('main-input', 'multi')
         }, props, {
           onKeyUp: handleKeyUp
@@ -234,7 +255,7 @@ var ComplexSearch = function ComplexSearch(props) {
       case 'select':
         return /*#__PURE__*/React.createElement(Select, _extends({
           className: classNames('main-input', 'select')
-        }, init('searchValue', {
+        }, init(SEARCH_FILTER_VALUE_FIELD, {
           props: {
             onChange: handleSearch
           }
@@ -243,7 +264,7 @@ var ComplexSearch = function ComplexSearch(props) {
       case 'multiple':
         return /*#__PURE__*/React.createElement(Select, _extends({
           className: classNames('main-input', 'multi')
-        }, init('searchValue', {}), props, selectProps, {
+        }, init(SEARCH_FILTER_VALUE_FIELD, {}), props, selectProps, {
           itemRender: renderMultipleSelectorItem,
           popupClassName: "xconsole-rcsearch-multi-pop",
           mode: "multiple",
@@ -265,6 +286,7 @@ var ComplexSearch = function ComplexSearch(props) {
               type: "normal",
               onClick: function onClick() {
                 reset();
+                document.body.click();
               }
             }, "\u53D6\u6D88"))
           }
@@ -276,7 +298,7 @@ var ComplexSearch = function ComplexSearch(props) {
   };
 
   var renderSelectFilterCloseIcon = function renderSelectFilterCloseIcon() {
-    var hasFilterTypeClearBtn = !!selectedFilterType && !((selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template) === 'input' && !!getValue('searchValue'));
+    var hasFilterTypeClearBtn = !!selectedFilterType && !((selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template) === 'input' && !!getValue(SEARCH_FILTER_VALUE_FIELD));
     return hasFilterTypeClearBtn && /*#__PURE__*/React.createElement("div", {
       className: "clear-level1"
     }, /*#__PURE__*/React.createElement("span", {
@@ -310,7 +332,7 @@ var ComplexSearch = function ComplexSearch(props) {
     }
   }) : null), /*#__PURE__*/React.createElement("div", {
     className: classNames('forms')
-  }, !selectedFilterType ? /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init('filterInputValue', {
+  }, !selectedFilterType ? /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_FIELD, {
     props: {
       // @ts-ignore
       onChange: function onChange(value, actionType) {
@@ -318,7 +340,8 @@ var ComplexSearch = function ComplexSearch(props) {
       }
     }
   }), {
-    ref: autoRef,
+    // @ts-ignore
+    itemRender: highlightItem,
     placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? "\u9ED8\u8BA4\u6309".concat(defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label, "\u641C\u7D22") : '请搜索',
     className: classNames('main-input', 'multi'),
     hasBorder: false,
@@ -330,7 +353,8 @@ var ComplexSearch = function ComplexSearch(props) {
       width: 'auto'
     }
   }, focusProps)) : null, renderSelectedFilter(), renderSelectFilterCloseIcon())), /*#__PURE__*/React.createElement("div", {
-    className: classNames('right-wrap')
+    className: classNames('right-wrap'),
+    ref: autoRef
   }, /*#__PURE__*/React.createElement(Button, {
     className: classNames('search-btn', {
       'focus': focused

package/es/searchTagList/PureTag.js

@@ -0,0 +1,57 @@
+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';
+
+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, _excluded);
+
+  var defaultTruncateProps = {
+    threshold: 20,
+    showTooltip: false
+  };
+  var TruncateWrapper = disableTruncate ? Empty : Truncate;
+  var DotWrapper = showDot ? Badge : Empty;
+  var TagWrapper = closable ? Tag.Closeable : Tag;
+  var transformedTagValue = tagValue;
+
+  if (tagValue === '') {
+    transformedTagValue = '空值';
+  } else if (tagValue === undefined || tagValue === null) {
+    transformedTagValue = '全部值';
+  }
+
+  return (
+    /*#__PURE__*/
+    //@ts-ignore
+    React.createElement(DotWrapper, {
+      title: "\u5373\u5C06\u65B0\u5EFA",
+      className: "console-tags-tag-dot",
+      dot: true
+    }, /*#__PURE__*/React.createElement(TagWrapper, _extends({
+      title: "".concat(tagKey, ":").concat(tagValue),
+      className: "console-tags-tag"
+    }, resetProps), showLabel && /*#__PURE__*/React.createElement("label", {
+      className: "console-tags-tag-label"
+    }, "\u6807\u7B7E"), /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagKey), ":", tagValue ? /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagValue) : /*#__PURE__*/React.createElement("span", {
+      className: "console-tags-tag_empty"
+    }, transformedTagValue)))
+  );
+};
+
+export default PureTag;

package/es/searchTagList/index.js

@@ -1,55 +1,129 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = 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 from "react";
 import classNames from 'classnames';
 import { ConfigProvider, Tag } from '@alicloud/console-components';
 import { TagListWrap } from '../style';
 import { baseTagListClassName } from '../constants';
+import isArray from 'lodash/isArray';
+import PureTag from "./PureTag";
 var TagGroup = Tag.Group,
     ClosableTag = Tag.Closeable;
+/**
+ * 判断是否是 标签 的数据结构
+ */
+
+var isTagLikeDataStructure = function isTagLikeDataStructure(value) {
+  var isTag = !!value.tagKey;
+
+  if (isArray(value)) {
+    return value[0] && !!value[0].tagKey;
+  }
+
+  return isTag;
+};
 
 var SearchTagList = function SearchTagList(props) {
   var dataSource = props.dataSource,
       className = props.className,
       style = props.style,
       onChange = props.onChange,
+      onClear = props.onClear,
       _props$prefix = props.prefix,
       prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
 
-  function onRemoveTag(item) {
+  var onRemoveFilter = function onRemoveFilter(item) {
     var newTagList = _toConsumableArray(dataSource);
 
     if (onChange) {
       var resFindIndex = newTagList.findIndex(function (x) {
         return x.dataIndex === item.dataIndex;
       });
-      newTagList.splice(resFindIndex, 1);
-      onChange(newTagList);
+      var deletedTags = newTagList.splice(resFindIndex, 1);
+      onChange(deletedTags[0], newTagList);
     }
-  }
+  };
+
+  var onRemoveAllFilter = function onRemoveAllFilter() {
+    if (onClear) {
+      onClear();
+    }
+  };
+
+  var onRemoveTag = function onRemoveTag(item, tag) {
+    var newDataSource = _toConsumableArray(dataSource);
 
-  function onRemoveAllTag() {
     if (onChange) {
-      onChange([]);
+      var resFindIndex = item.value.findIndex(function (x) {
+        return x.tagKey === tag.tagKey && x.tagValue === tag.tagValue;
+      });
+      var deletedTags = item.value.splice(resFindIndex, 1);
+      onChange(_objectSpread(_objectSpread({}, item), {}, {
+        value: deletedTags
+      }), newDataSource);
+    }
+  };
+
+  var renderTags = function renderTags(tagItem) {
+    var value = tagItem.value;
+
+    if (isArray(value)) {
+      return value.map(function (t) {
+        return /*#__PURE__*/React.createElement(PureTag, {
+          showLabel: true,
+          key: "".concat(t.tagKey, "-").concat(t.tagValue),
+          tagKey: t.tagKey,
+          tagValue: t.tagValue,
+          closable: true,
+          onClose: function onClose() {
+            onRemoveTag(tagItem, t);
+            return true;
+          }
+        });
+      });
     }
-  }
+
+    return /*#__PURE__*/React.createElement(PureTag, {
+      showLabel: true,
+      tagKey: value.tagKey,
+      tagValue: value.tagValue,
+      closable: true,
+      onClose: function onClose() {
+        onRemoveFilter(tagItem);
+        return true;
+      }
+    });
+  };
 
   return /*#__PURE__*/React.createElement(TagListWrap, {
     prefix: prefix,
     className: classNames(baseTagListClassName, className),
     style: style
   }, /*#__PURE__*/React.createElement(TagGroup, null, dataSource && dataSource.length > 0 && dataSource.map(function (tagItem) {
+    if (isTagLikeDataStructure(tagItem.value)) {
+      return renderTags(tagItem);
+    }
+
     return /*#__PURE__*/React.createElement(ClosableTag, {
+      className: "console-tags-tag",
       key: tagItem.dataIndex + tagItem.value,
       type: "normal",
       size: "medium",
       onClose: function onClose() {
-        onRemoveTag(tagItem);
+        onRemoveFilter(tagItem);
         return true;
       }
-    }, tagItem.label, ":", tagItem.valueLabel);
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+      className: "console-tags-tag-label"
+    }, tagItem.label), tagItem.valueLabel || tagItem.value));
   }), dataSource && dataSource.length > 0 && /*#__PURE__*/React.createElement("a", {
     className: "remove-btn",
-    onClick: onRemoveAllTag
+    onClick: onRemoveAllFilter
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
 };
 

package/es/style.js

@@ -15,5 +15,5 @@ var MultiBtnWarp = styled.div.withConfig({
 })(["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"
-})(["", "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);
+})(["", "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;font-size:12px !important;}.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/constants.d.ts

@@ -1,2 +1,4 @@
 export declare const baseClassName = "rc-search";
 export declare const baseTagListClassName: string;
+export declare const SEARCH_FILTER_FIELD = "filterInputValue";
+export declare const SEARCH_FILTER_VALUE_FIELD = "searchValue";

package/lib/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.baseTagListClassName = exports.baseClassName = void 0;
+exports.baseTagListClassName = exports.baseClassName = exports.SEARCH_FILTER_VALUE_FIELD = exports.SEARCH_FILTER_FIELD = void 0;
 var baseClassName = 'rc-search';
 exports.baseClassName = baseClassName;
 var baseTagListClassName = "".concat(baseClassName, "-taglist"); // export const titleClassName = `${baseClassName}-title`
@@ -12,4 +12,8 @@ var baseTagListClassName = "".concat(baseClassName, "-taglist"); // export const
 // export const titleChildrenClassName = `${titleClassName}-children`
 // export const contentClassName = `${baseClassName}-content`
 
-exports.baseTagListClassName = baseTagListClassName;
+exports.baseTagListClassName = baseTagListClassName;
+var SEARCH_FILTER_FIELD = 'filterInputValue';
+exports.SEARCH_FILTER_FIELD = SEARCH_FILTER_FIELD;
+var SEARCH_FILTER_VALUE_FIELD = 'searchValue';
+exports.SEARCH_FILTER_VALUE_FIELD = SEARCH_FILTER_VALUE_FIELD;

package/lib/index.d.ts

@@ -4,4 +4,5 @@ import { IRcSearchProps } from "./types/IRcSearchProps.type";
 import { IRcSearchTagListProps } from "./types/IRcSearchTagListProps.type";
 import { IRcSearchTagItemProps } from './types/IRcSearchTagItemProps.type';
 import { IRcSearchOptionsProps } from './types/IRcSearchOptions.type';
+import './index.less';
 export { Search, SearchTagList as SearchFilter, IRcSearchProps, IRcSearchTagListProps, IRcSearchOptionsProps, IRcSearchTagItemProps };