@alicloud/console-components-search 0.2.33 → 0.2.35

package/lib/searchTagList/PureTag.js

@@ -1,39 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _consoleComponents = require("@alicloud/console-components");
-
 var _consoleComponentsTruncate = _interopRequireDefault(require("@alicloud/console-components-truncate"));
-
 var _message = _interopRequireDefault(require("../message"));
-
+var _excluded = ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"];
 var Empty = function Empty(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.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 = (0, _objectWithoutProperties2.default)(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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var defaultTruncateProps = {
     threshold: 20,
     showTooltip: false
@@ -42,16 +34,14 @@ var PureTag = function PureTag(props) {
   var DotWrapper = showDot ? _consoleComponents.Badge : Empty;
   var TagWrapper = closable ? _consoleComponents.Tag.Closeable : _consoleComponents.Tag;
   var transformedTagValue = tagValue;
-
   if (tagValue === '') {
     transformedTagValue = _message.default.emptyValue;
   } else if (tagValue === undefined || tagValue === null) {
     transformedTagValue = _message.default.allValue;
   }
-
   return (
     /*#__PURE__*/
-    //@ts-ignore
+    // @ts-ignore
     _react.default.createElement(DotWrapper, {
       className: "search-tags-tag-dot",
       dot: true
@@ -65,6 +55,4 @@ var PureTag = function PureTag(props) {
     }, transformedTagValue)))
   );
 };
-
-var _default = PureTag;
-exports.default = _default;
+var _default = exports.default = PureTag;

package/lib/searchTagList/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 import { IRcSearchTagListProps } from '../types/IRcSearchTagListProps.type';
 declare const _default: React.FC<IRcSearchTagListProps>;
 export default _default;

package/lib/searchTagList/index.js

@@ -1,66 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _consoleComponents = require("@alicloud/console-components");
-
+var _isArray = _interopRequireDefault(require("lodash/isArray"));
+var _isObject = _interopRequireDefault(require("lodash/isObject"));
 var _style = require("../style");
-
 var _constants = require("../constants");
-
-var _isArray = _interopRequireDefault(require("lodash/isArray"));
-
 var _PureTag = _interopRequireDefault(require("./PureTag"));
-
 var _useCssVar = require("../useCssVar");
-
 var _message = _interopRequireDefault(require("../message"));
+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) { (0, _defineProperty2.default)(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; }
+var ClosableTag = _consoleComponents.Tag.Closeable;
 
-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) { (0, _defineProperty2.default)(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; }
-
-var TagGroup = _consoleComponents.Tag.Group,
-    ClosableTag = _consoleComponents.Tag.Closeable;
 /**
  * 判断是否是 标签 的数据结构
  */
-
 var isTagLikeDataStructure = function isTagLikeDataStructure(value) {
   var isTag = !!(value !== null && value !== void 0 && value.tagKey);
-
   if ((0, _isArray.default)(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;
-
+    className = props.className,
+    style = props.style,
+    onChange = props.onChange,
+    onClear = props.onClear,
+    _props$prefix = props.prefix,
+    prefix = _props$prefix === void 0 ? 'next-' : _props$prefix;
   var onRemoveFilter = function onRemoveFilter(item) {
     var newTagList = (0, _toConsumableArray2.default)(dataSource);
-
     if (onChange) {
       var resFindIndex = newTagList.findIndex(function (x) {
         return x.dataIndex === item.dataIndex;
@@ -69,22 +49,18 @@ var SearchTagList = function SearchTagList(props) {
       onChange(deletedTags[0], newTagList);
     }
   };
-
   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);
-
       if (item.value.length === 0) {
         onRemoveFilter(item);
       } else {
@@ -94,10 +70,8 @@ var SearchTagList = function SearchTagList(props) {
       }
     }
   };
-
   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, {
@@ -113,7 +87,6 @@ var SearchTagList = function SearchTagList(props) {
         });
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_PureTag.default, {
       showLabel: true,
       tagKey: value === null || value === void 0 ? void 0 : value.tagKey,
@@ -125,12 +98,17 @@ var SearchTagList = function SearchTagList(props) {
       }
     });
   };
-
-  var processDataSource = dataSource && dataSource.filter(function (t) {
-    var _t$value;
-
-    return !(0, _isArray.default)(t === null || t === void 0 ? void 0 : t.value) || (t === null || t === void 0 ? void 0 : (_t$value = t.value) === null || _t$value === void 0 ? void 0 : _t$value.length);
-  }) || [];
+  var processDataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (t) {
+    if ((0, _isArray.default)(t === null || t === void 0 ? void 0 : t.value)) {
+      // 过滤掉非法的 Tag 节点
+      var validValue = t.value.filter(isTagLikeDataStructure);
+      if (!validValue.length) return false;
+    }
+    if ((0, _isObject.default)(t === null || t === void 0 ? void 0 : t.value)) {
+      return isTagLikeDataStructure(t.value);
+    }
+    return true;
+  })) || [];
   var isWindClass = (0, _useCssVar.useWindTheme)();
   return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
     prefix: prefix,
@@ -140,15 +118,6 @@ var SearchTagList = function SearchTagList(props) {
     if (isTagLikeDataStructure(tagItem.value)) {
       return renderTags(tagItem);
     }
-    /**
-     * 非 tag 标签类型的 Object 数据不渲染
-     */
-
-
-    if (typeof (tagItem.valueLabel || tagItem.value) !== 'string') {
-      return null;
-    }
-
     return /*#__PURE__*/_react.default.createElement(ClosableTag, {
       className: "search-tags-tag",
       key: tagItem.dataIndex + tagItem.value,
@@ -166,7 +135,4 @@ var SearchTagList = function SearchTagList(props) {
     onClick: onRemoveAllFilter
   }, _message.default.clearFilter));
 };
-
-var _default = _consoleComponents.ConfigProvider.config(SearchTagList);
-
-exports.default = _default;
+var _default = exports.default = _consoleComponents.ConfigProvider.config(SearchTagList);

package/lib/style.d.ts

@@ -10,4 +10,4 @@ declare const MultiBtnWarp: import("styled-components").StyledComponent<"div", a
 declare const TagListWrap: import("styled-components").StyledComponent<"div", any, {
     prefix: string;
 }, never>;
-export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };
+export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap, };

package/lib/style.js

@@ -1,34 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuContentWrap = exports.TagListWrap = exports.MultiBtnWarp = exports.SearchWarp = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
+exports.TagListWrap = exports.SearchWarp = exports.MultiBtnWarp = exports.MenuContentWrap = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var prefix = function prefix(props) {
   return props.prefix ? ".".concat(props.prefix) : '.next-';
 };
-
-var SearchWarp = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  --input-clear-icon-transform: 1;\n  --input-hint-icon-color: #808080;\n  .left-wrap {\n    flex: 1;\n    border: 1px solid var(--btn-pure-normal-border-color, #d1d5d9);\n    display: flex;\n    border-bottom-left-radius: var(--corner-1, 2px);\n    border-top-left-radius: var(--corner-1, 2px);\n    border-right: none;\n    &.focus {\n      border: 1px solid #0064c8;\n      border: 1px solid var(--input-focus-border-color,#0064c8);;\n      border-right: none;\n    }\n    .condition{\n      height: 26px;\n      display: inline-block;\n      margin-top: 2px;\n    }\n    .condition-item{\n      height: 26px;\n      display: inline-block;\n      line-height: 26px;\n      background-color: var(--console-rc-search-label-color, #F7F9FA);\n      :hover {\n        background-color: var(--console-rc-search-label-hover-color, #EFF3F8);\n      }\n      border-radius: var(--corner-1, 2px);\n      padding: 0 8px;\n      margin: 0 2px;\n      font-size: 12px;\n      color: #333;\n      position: relative;\n      &-txt{\n        padding-right: 4px;\n      }\n      &:hover{\n        background-color: #E0E4E8;\n      }\n    }\n    .condition-select{\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      position: absolute;\n      top: 0;\n      left: 0;\n      min-width: auto;\n      &.rc-search-prefix-no-select {\n        ", "input", "disabled {\n          cursor: auto;\n        }\n      }\n      ", "select-inner{\n        min-width: auto;\n      }\n    }\n    .forms{\n      flex: 1;\n      position: relative;\n      .clear-level1{\n        position: absolute;\n        top: var(--console-rc-search-close-btn-top, 1px);\n        right: var(--console-rc-search-close-btn-left, 1px);\n        height: 28px;\n        width: 30px;\n        background-color: transparent;\n        z-index: 1;\n        color: #333;\n        text-align: center;\n        line-height: 28px;\n        font-size: 12px;\n        cursor: pointer;\n        padding: 6px 0 0 6px;\n      }\n    }\n    .main-input{\n      ", "select-arrow {\n        display: none !important;\n      }\n      height: auto;\n      border: none;\n      box-shadow: none;\n      &.single{\n        flex: 1;\n      }\n      &.select{\n        width: 100%;\n      }\n      &.multi{\n        width: 100%;\n        /* .next-select-values .next-tag{\n          display: none;\n        } */\n      }\n      \n      ", "input, ", "input{\n        height: auto;\n        box-shadow: none;\n      }\n    }\n    ", "input", "medium{\n      height: auto;\n    }\n  }\n\n  .right-wrap {\n    width: 32px;\n    .search-btn {\n      width: 32px;\n      padding: 0 !important;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      &.focus {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  .isWidget & .right-wrap,\n  .isWind & .right-wrap {\n    .search-btn {\n      &:hover {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  & ", "input-control ", "input-clear-icon::before {\n    content: var(--icon-content-close, \"ea22\") !important;\n  }\n\n  .isWidget & ", "input-control ", "input-clear-icon::before {\n    content: \"\\E697\" !important;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  --input-clear-icon-transform: 1;\n  --input-hint-icon-color: #808080;\n  .left-wrap {\n    flex: 1;\n    border: 1px solid var(--btn-pure-normal-border-color, #d1d5d9);\n    display: flex;\n    border-bottom-left-radius: var(--corner-1, 2px);\n    border-top-left-radius: var(--corner-1, 2px);\n    border-right: none;\n    &.focus {\n      border: 1px solid #0064c8;\n      border: 1px solid var(--input-focus-border-color,#0064c8);;\n      border-right: none;\n    }\n    .condition{\n      height: 26px;\n      display: inline-block;\n      margin-top: 2px;\n    }\n    .condition-item{\n      height: 26px;\n      display: inline-block;\n      line-height: 26px;\n      background-color: var(--console-rc-search-label-color, #F7F9FA);\n      :hover {\n        background-color: var(--console-rc-search-label-hover-color, #EFF3F8);\n      }\n      border-radius: var(--corner-1, 2px);\n      padding: 0 8px;\n      margin: 0 2px;\n      font-size: 12px;\n      color: #333;\n      position: relative;\n      &-txt{\n        padding-right: 4px;\n      }\n      &:hover{\n        background-color: #E0E4E8;\n      }\n    }\n    .condition-select{\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      position: absolute;\n      top: 0;\n      left: 0;\n      min-width: auto;\n      &.rc-search-prefix-no-select {\n        ", "input", "disabled {\n          cursor: auto;\n        }\n      }\n      ", "select-inner{\n        min-width: auto;\n      }\n    }\n    .forms{\n      flex: 1;\n      position: relative;\n      .clear-level1{\n        position: absolute;\n        top: var(--console-rc-search-close-btn-top, 1px);\n        right: var(--console-rc-search-close-btn-left, 1px);\n        height: 28px;\n        width: 30px;\n        background-color: transparent;\n        z-index: 1;\n        color: #333;\n        text-align: center;\n        line-height: 28px;\n        font-size: 12px;\n        cursor: pointer;\n        padding: 6px 0 0 6px;\n      }\n    }\n    .main-input{\n      ", "select-arrow {\n        display: none !important;\n      }\n      height: auto;\n      border: none;\n      box-shadow: none;\n      &.single{\n        flex: 1;\n      }\n      &.select{\n        width: 100%;\n      }\n      &.multi{\n        width: 100%;\n        /* .next-select-values .next-tag{\n          display: none;\n        } */\n      }\n      \n      ", "input, ", "input{\n        height: auto;\n        box-shadow: none;\n      }\n    }\n    ", "input", "medium{\n      height: auto;\n    }\n  }\n\n  .right-wrap {\n    width: 32px;\n    .search-btn {\n      width: 32px;\n      padding: 0 !important;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      &.focus {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  .isWidget & .right-wrap,\n  .isWind & .right-wrap {\n    .search-btn {\n      &:hover {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  & ", "input-control ", "input-clear-icon::before {\n    content: var(--icon-content-close, \"\\ea22\") !important;\n  }\n\n  .isWidget & ", "input-control ", "input-clear-icon::before {\n    content: \"\\\\E697\" !important;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
-
-exports.SearchWarp = SearchWarp;
-
-var MenuContentWrap = _styledComponents.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", "tag-small", "tag-closable > ", "tag-close-btn {\n    margin-left: 8px;\n    padding-right: 4px;\n    padding-top: 1px;\n  }\n  ", "tag-small", "tag-closable > ", "tag-body {\n    max-width: calc(100% - 8px - 8px - var(--tag-size-m-padding-lr, 8px));\n  }\n  ", "tag-small", "tag-closable > ", "tag-close-btn ", "icon:before, ", "tag-small", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote {\n    font-size: 13px;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
-
-exports.MenuContentWrap = MenuContentWrap;
-
-var MultiBtnWarp = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: \"0 4px\";\n  text-align: \"center\";\n  /* display: \"flex\"; */\n  /* justify-content: \"start\"; */\n  .pri-btn{\n    margin-right: 8px;\n    width: auto;\n    min-width: auto;\n    padding: 3px 12px;\n  }\n  .cancel-btn{\n    padding: 3px 12px;\n    width: auto;\n    min-width: auto;\n  }\n  ", "btn", "small:not(.isOnlyIcon):not(", "btn-text) {\n      min-width: auto;\n  }\n"])), prefix, prefix, prefix);
-
-exports.MultiBtnWarp = MultiBtnWarp;
-
-var TagListWrap = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "tag-medium", "tag-closable > ", "tag-close-btn {\n    margin-left: 8px;\n    padding-right: 6px;\n  }\n  ", "tag-medium", "tag-closable > ", "tag-body {\n    max-width: calc(100% - 8px - 8px - var(--tag-size-m-padding-lr, 8px));\n  }\n  ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before, ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{\n    font-size: 16px;\n  }\n  && [class*='-icon-close']::before{\n    color: #808080;\n    font-size: 12px !important;\n  }\n  .remove-btn{\n    line-height: 24px;\n    margin-top: 4px;\n    display: inline-block;\n    vertical-align: middle;\n    cursor: pointer;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
-
-exports.TagListWrap = TagListWrap;
+var SearchWarp = exports.SearchWarp = _styledComponents.default.div.withConfig({
+  componentId: "sc-1afc1cn-0"
+})(["height:100%;width:100%;display:flex;--input-clear-icon-transform:1;--input-hint-icon-color:#808080;.left-wrap{flex:1;border:1px solid var(--btn-pure-normal-border-color,#d1d5d9);display:flex;border-bottom-left-radius:var(--corner-1,2px);border-top-left-radius:var(--corner-1,2px);border-right:none;&.focus{border:1px solid #0064c8;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:none;}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background-color:var(--console-rc-search-label-color,#F7F9FA);:hover{background-color:var(--console-rc-search-label-hover-color,#EFF3F8);}border-radius:var(--corner-1,2px);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;&.rc-search-prefix-no-select{", "input", "disabled{cursor:auto;}}", "select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:var(--console-rc-search-close-btn-top,1px);right:var(--console-rc-search-close-btn-left,1px);height:28px;width:30px;background-color:transparent;z-index:1;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{", "select-arrow{display:none !important;}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);}}}.isWidget & .right-wrap,.isWind & .right-wrap{.search-btn{&:hover{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}}}& ", "input-control ", "input-clear-icon::before{content:var(--icon-content-close,\"ea22\") !important;}.isWidget & ", "input-control ", "input-clear-icon::before{content:\"\\E697\" !important;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+var MenuContentWrap = exports.MenuContentWrap = _styledComponents.default.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;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+var MultiBtnWarp = exports.MultiBtnWarp = _styledComponents.default.div.withConfig({
+  componentId: "sc-1afc1cn-2"
+})(["padding:\"0 4px\";text-align:\"center\";.pri-btn{margin-right:8px;width:auto;min-width:auto;padding:3px 12px;}.cancel-btn{padding:3px 12px;width:auto;min-width:auto;}", "btn", "small:not(.isOnlyIcon):not(", "btn-text){min-width:auto;}"], prefix, prefix, prefix);
+var TagListWrap = exports.TagListWrap = _styledComponents.default.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']::before{color:#808080;font-size:12px !important;}.remove-btn{line-height:24px;margin-top:4px;display:inline-block;vertical-align:middle;cursor:pointer;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);

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

@@ -3,25 +3,25 @@
  */
 export interface IRcSearchOptionsProps {
     /**
-     * 字段展示名称
-     */
+       * 字段展示名称
+       */
     label: string;
     /**
-     * 字段表单key
-     */
+       * 字段表单key
+       */
     dataIndex: string;
     /**
-     * 字段，交互组件类型（input/select/multiple）<br />
-     *  - input：搜索框<br />
-     *  - select：单选<br />
-     *  - multiple：多选<br />
-     */
+       * 字段，交互组件类型（input/select/multiple）<br />
+       *  - input：搜索框<br />
+       *  - select：单选<br />
+       *  - multiple：多选<br />
+       */
     template?: string;
     /**
-     * 定义传给表单项的属性
-     * templateProps.placeholder
-     * templateProps.dataSource
-     */
+       * 定义传给表单项的属性
+       * templateProps.placeholder
+       * templateProps.dataSource
+       */
     templateProps?: any;
     groupName?: string;
 }

package/lib/types/IRcSearchOptions.type.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -32,8 +32,8 @@ export interface IRcSearchProps {
      */
     defaultDataIndex?: string;
     /**
-    * 默认选中的类别
-    */
+     * 默认选中的类别
+     */
     defaultSelectedDataIndex?: string;
     /**
      * 搜索触发

package/lib/types/IRcSearchProps.type.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/IRcSearchTagItemProps.type.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/IRcSearchTagListProps.type.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/useCssVar.js

@@ -1,57 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCssVar = useCssVar;
 exports.useWindTheme = useWindTheme;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _consoleComponents = require("@alicloud/console-components");
-
 var nextId = 0;
-
 function useCssVar(cssVarName) {
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      v = _useState2[0],
-      setV = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    v = _useState2[0],
+    setV = _useState2[1];
   var refElement = _consoleComponents.ConfigProvider.useRefElement();
-
   (0, _react.useLayoutEffect)(function () {
     var _window$__recheck_css;
+    check();
 
-    check(); // @ts-ignore
-
-    var checkArr = window['__recheck_css_var'] = (_window$__recheck_css = window['__recheck_css_var']) !== null && _window$__recheck_css !== void 0 ? _window$__recheck_css : [];
-
+    // @ts-ignore
+    var checkArr = window.__recheck_css_var = (_window$__recheck_css = window.__recheck_css_var) !== null && _window$__recheck_css !== void 0 ? _window$__recheck_css : [];
     while (checkArr[nextId]) {
       // 如果一个页面下有份此组件库（即有多个nextId指针），需要避免冲突
       nextId++;
     }
-
     var id = nextId++;
     checkArr[id] = check;
     return function () {
       delete checkArr[id];
     };
-
     function check() {
       var _window$getComputedSt, _window$getComputedSt2, _window;
-
       var val = (_window$getComputedSt = (_window$getComputedSt2 = (_window = window).getComputedStyle) === null || _window$getComputedSt2 === void 0 ? void 0 : _window$getComputedSt2.call(_window, refElement).getPropertyValue(cssVarName)) !== null && _window$getComputedSt !== void 0 ? _window$getComputedSt : '';
       setV(val);
     }
   }, [refElement, cssVarName]);
   return v;
 }
-
 function useWindTheme() {
   var themeVar = useCssVar('--alicloudfe-components-theme') || '';
   return themeVar.indexOf('xconsole') === -1 ? themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind' : '';

package/lib/utils.d.ts

@@ -1,4 +1,3 @@
-import { LogFn } from '@alicloud/console-logger-sls';
 declare const getHistoryTag: () => any;
 declare const setHistoryTag: (newTagList: any) => any;
 declare const removeHistoryTagItem: (tagItem: any) => any;
@@ -9,6 +8,5 @@ declare const getSelectOptionAdatp: (title: string, list: any) => {
     children: any[];
 }[];
 declare const getEnv: () => any;
-declare const getLogger: () => LogFn;
 declare const isValidKey: (key: string | number | symbol, object: object) => key is never;
-export { getHistoryTag, setHistoryTag, removeHistoryTagItem, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp, getEnv, getLogger, isValidKey };
+export { getHistoryTag, setHistoryTag, removeHistoryTagItem, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp, getEnv, isValidKey, };