@alicloud/console-components-search 0.2.2 → 0.2.5

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

@@ -1,7 +1,7 @@
 开始构建微应用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 12.79s
+✔ Webpack: Compiled successfully in 12.59s
  WARN  asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
 This can impact web performance.
 Assets: 

package/es/{modeSingleSingle → ComplexSearch}/InputPrefix.js

@@ -22,6 +22,13 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     className: classNames('condition-select'),
     hasBorder: false,
     dataSource: dataSource,
+    itemRender: function itemRender(_ref) {
+      var label = _ref.label,
+          value = _ref.value;
+      return /*#__PURE__*/React.createElement("span", {
+        "data-value": value
+      }, label);
+    },
     autoWidth: true
   }, reset)));
 };

package/es/{modeSingleSingle/index2.js → ComplexSearch/index.js}

@@ -124,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);
@@ -307,7 +306,7 @@ var ComplexSearch = function ComplexSearch(props) {
     }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefix, "input-hint-wrap")
     }, /*#__PURE__*/React.createElement("i", {
-      className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "medium ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
+      className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
       role: "button",
       "aria-label": "\u6E05\u9664",
       onClick: function onClick() {

package/es/search.js

@@ -1,8 +1,8 @@
 import React from "react";
-import ComplexSearch from "./modeSingleSingle/index2";
 import classNames from 'classnames';
 import styled from "styled-components";
 import { baseClassName } from './constants';
+import ComplexSearch from "./ComplexSearch/index";
 import LoggerProvider from './provider/LoggerProvider';
 var SearchWrap = styled.div.withConfig({
   componentId: "sc-1szhzw4-0"

package/es/searchTagList/index.js

@@ -1,12 +1,32 @@
+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,
@@ -17,7 +37,7 @@ var SearchTagList = function SearchTagList(props) {
       _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) {
@@ -27,33 +47,66 @@ var SearchTagList = function SearchTagList(props) {
       var deletedTags = newTagList.splice(resFindIndex, 1);
       onChange(deletedTags[0], newTagList);
     }
-  }
+  };
 
-  function onRemoveAllTag() {
+  var onRemoveAllFilter = function onRemoveAllFilter() {
     if (onClear) {
       onClear();
     }
-  }
+  };
+
+  var onRemoveTag = function onRemoveTag(item, tag) {
+    var newDataSource = _toConsumableArray(dataSource);
+
+    if (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) {
-    var value = tagItem.value;
-    var isTag = !!value.tagKey;
-
-    if (isTag) {
-      return /*#__PURE__*/React.createElement(PureTag, {
-        showLabel: true,
-        tagKey: value.tagKey,
-        tagValue: value.tagKey,
-        closable: true,
-        onClose: function onClose() {
-          onRemoveTag(tagItem);
-          return true;
-        }
-      });
+    if (isTagLikeDataStructure(tagItem.value)) {
+      return renderTags(tagItem);
     }
 
     return /*#__PURE__*/React.createElement(ClosableTag, {
@@ -62,15 +115,15 @@ var SearchTagList = function SearchTagList(props) {
       type: "normal",
       size: "medium",
       onClose: function onClose() {
-        onRemoveTag(tagItem);
+        onRemoveFilter(tagItem);
         return true;
       }
-    }, /*#__PURE__*/React.createElement("label", {
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
       className: "console-tags-tag-label"
-    }, tagItem.label), tagItem.value || tagItem.valueLabel);
+    }, 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

@@ -6,7 +6,7 @@ var prefix = function prefix(props) {
 
 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;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:1px solid rgba(192,198,204,1);}.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;&.focus{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
+})(["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:var(--corner-1,2px);border-top-left-radius:var(--corner-1,2px);&.focus{border:1px solid #0064c8;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:1px solid rgba(192,198,204,1);}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background:#EFF3F8;border-radius:var(--corner-1,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;&.focus{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
 var MenuContentWrap = styled.ul.withConfig({
   componentId: "sc-1afc1cn-1"
 })(["", "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);

package/lib/{modeSingleSingle → ComplexSearch}/InputPrefix.js

@@ -35,6 +35,13 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     className: (0, _classnames.default)('condition-select'),
     hasBorder: false,
     dataSource: dataSource,
+    itemRender: function itemRender(_ref) {
+      var label = _ref.label,
+          value = _ref.value;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        "data-value": value
+      }, label);
+    },
     autoWidth: true
   }, reset)));
 };

package/lib/{modeSingleSingle/index2.js → ComplexSearch/index.js}

@@ -153,8 +153,7 @@ var ComplexSearch = function ComplexSearch(props) {
 
   var init = field.init,
       getValue = field.getValue,
-      reset = field.reset,
-      getError = field.getError;
+      reset = field.reset;
   var focusProps = {
     onFocus: function onFocus() {
       setFocused(true);
@@ -336,7 +335,7 @@ var ComplexSearch = function ComplexSearch(props) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefix, "input-hint-wrap")
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "medium ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
+      className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
       role: "button",
       "aria-label": "\u6E05\u9664",
       onClick: function onClick() {

package/lib/search.js

@@ -9,14 +9,14 @@ exports.Search = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _index = _interopRequireDefault(require("./modeSingleSingle/index2"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _constants = require("./constants");
 
+var _index = _interopRequireDefault(require("./ComplexSearch/index"));
+
 var _LoggerProvider = _interopRequireDefault(require("./provider/LoggerProvider"));
 
 var SearchWrap = _styledComponents.default.div.withConfig({

package/lib/searchTagList/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -19,10 +21,29 @@ var _style = require("../style");
 
 var _constants = require("../constants");
 
+var _isArray = _interopRequireDefault(require("lodash/isArray"));
+
 var _PureTag = _interopRequireDefault(require("./PureTag"));
 
+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) { (0, _defineProperty2.default)(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; }
+
 var TagGroup = _consoleComponents.Tag.Group,
     ClosableTag = _consoleComponents.Tag.Closeable;
+/**
+ * 判断是否是 标签 的数据结构
+ */
+
+var isTagLikeDataStructure = function isTagLikeDataStructure(value) {
+  var isTag = !!value.tagKey;
+
+  if ((0, _isArray.default)(value)) {
+    return value[0] && !!value[0].tagKey;
+  }
+
+  return isTag;
+};
 
 var SearchTagList = function SearchTagList(props) {
   var dataSource = props.dataSource,
@@ -33,7 +54,7 @@ var SearchTagList = function SearchTagList(props) {
       _props$prefix = props.prefix,
       prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
 
-  function onRemoveTag(item) {
+  var onRemoveFilter = function onRemoveFilter(item) {
     var newTagList = (0, _toConsumableArray2.default)(dataSource);
 
     if (onChange) {
@@ -43,33 +64,66 @@ var SearchTagList = function SearchTagList(props) {
       var deletedTags = newTagList.splice(resFindIndex, 1);
       onChange(deletedTags[0], newTagList);
     }
-  }
+  };
 
-  function onRemoveAllTag() {
+  var onRemoveAllFilter = function onRemoveAllFilter() {
     if (onClear) {
       onClear();
     }
-  }
+  };
+
+  var onRemoveTag = function onRemoveTag(item, tag) {
+    var newDataSource = (0, _toConsumableArray2.default)(dataSource);
+
+    if (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 ((0, _isArray.default)(value)) {
+      return value.map(function (t) {
+        return /*#__PURE__*/_react.default.createElement(_PureTag.default, {
+          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.default.createElement(_PureTag.default, {
+      showLabel: true,
+      tagKey: value.tagKey,
+      tagValue: value.tagValue,
+      closable: true,
+      onClose: function onClose() {
+        onRemoveFilter(tagItem);
+        return true;
+      }
+    });
+  };
 
   return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
     prefix: prefix,
     className: (0, _classnames.default)(_constants.baseTagListClassName, className),
     style: style
   }, /*#__PURE__*/_react.default.createElement(TagGroup, null, dataSource && dataSource.length > 0 && dataSource.map(function (tagItem) {
-    var value = tagItem.value;
-    var isTag = !!value.tagKey;
-
-    if (isTag) {
-      return /*#__PURE__*/_react.default.createElement(_PureTag.default, {
-        showLabel: true,
-        tagKey: value.tagKey,
-        tagValue: value.tagKey,
-        closable: true,
-        onClose: function onClose() {
-          onRemoveTag(tagItem);
-          return true;
-        }
-      });
+    if (isTagLikeDataStructure(tagItem.value)) {
+      return renderTags(tagItem);
     }
 
     return /*#__PURE__*/_react.default.createElement(ClosableTag, {
@@ -78,15 +132,15 @@ var SearchTagList = function SearchTagList(props) {
       type: "normal",
       size: "medium",
       onClose: function onClose() {
-        onRemoveTag(tagItem);
+        onRemoveFilter(tagItem);
         return true;
       }
-    }, /*#__PURE__*/_react.default.createElement("label", {
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
       className: "console-tags-tag-label"
-    }, tagItem.label), tagItem.value || tagItem.valueLabel);
+    }, tagItem.label), tagItem.valueLabel || tagItem.value));
   }), dataSource && dataSource.length > 0 && /*#__PURE__*/_react.default.createElement("a", {
     className: "remove-btn",
-    onClick: onRemoveAllTag
+    onClick: onRemoveAllFilter
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
 };
 

package/lib/style.js

@@ -15,7 +15,7 @@ var prefix = function prefix(props) {
 
 var SearchWarp = _styledComponents.default.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;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:1px solid rgba(192,198,204,1);}.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;&.focus{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
+})(["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:var(--corner-1,2px);border-top-left-radius:var(--corner-1,2px);&.focus{border:1px solid #0064c8;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:1px solid rgba(192,198,204,1);}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background:#EFF3F8;border-radius:var(--corner-1,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;&.focus{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
 
 exports.SearchWarp = SearchWarp;
 

package/lib/types/IRcSearchTagItemProps.type.d.ts

@@ -7,7 +7,7 @@ export interface IRcSearchTagItemProps {
     /**
      * tag的类别展示名称
      */
-    label: string;
+    label?: string;
     /**
      * tag的类别的key
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-components-search",
-  "version": "0.2.2",
+  "version": "0.2.5",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",