@alicloud/console-components-search 0.2.21 → 0.2.24

package/dist/index.css

@@ -29,10 +29,14 @@ body .rc-search-auto-complete [class*='select-menu-empty'] {
   display: none;
 }
 
+.rc-search-taglist:not(.isWind) {
+  margin-top: -4px;
+}
 .rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*='-icon-close']::before {
   content: var(--icon-content-close) !important;
 }
 .rc-search-taglist .search-tags-tag.search-tags-tag {
+  margin-top: 4px;
   font-weight: 400;
   color: var(--color-text1-9, #333333) !important;
 }

package/dist/index.js

@@ -85085,7 +85085,7 @@ var MenuContentWrap = styled_components_1.default.ul(templateObject_2 || (templa
 exports.MenuContentWrap = MenuContentWrap;
 var MultiBtnWarp = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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"], ["\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 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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    margin-bottom: 8px;\n    line-height: 24px;\n    display: inline-block;\n    vertical-align: middle;\n    cursor: pointer;\n  }\n"], ["\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    margin-bottom: 8px;\n    line-height: 24px;\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);
+var TagListWrap = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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"], ["\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 templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
@@ -115275,17 +115275,16 @@ var SearchTagList = function (props) {
     var processDataSource = dataSource && dataSource.filter(function (t) { var _a; return !isArray_1.default(t === null || t === void 0 ? void 0 : t.value) || ((_a = t === null || t === void 0 ? void 0 : t.value) === null || _a === void 0 ? void 0 : _a.length); }) || [];
     var isWindClass = useCssVar_1.useWindTheme();
     return (react_1.default.createElement(style_1.TagListWrap, { prefix: prefix, className: classnames_1.default(constants_1.baseTagListClassName, className, isWindClass), style: style },
-        react_1.default.createElement(TagGroup, null,
-            processDataSource.map(function (tagItem) {
-                if (isTagLikeDataStructure(tagItem.value)) {
-                    return renderTags(tagItem);
-                }
-                return (react_1.default.createElement(ClosableTag, { className: "search-tags-tag", key: tagItem.dataIndex + tagItem.value, type: "normal", size: "medium", onClose: function () { onRemoveFilter(tagItem); return true; } },
-                    react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("label", { className: "search-tags-tag-label" }, tagItem.label),
-                        tagItem.valueLabel || tagItem.value)));
-            }),
-            processDataSource.length > 0 && (react_1.default.createElement("a", { className: "remove-btn", onClick: onRemoveAllFilter }, message_1.default.clearFilter)))));
+        processDataSource.map(function (tagItem) {
+            if (isTagLikeDataStructure(tagItem.value)) {
+                return renderTags(tagItem);
+            }
+            return (react_1.default.createElement(ClosableTag, { className: "search-tags-tag", key: tagItem.dataIndex + tagItem.value, type: "normal", size: "medium", onClose: function () { onRemoveFilter(tagItem); return true; } },
+                react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("label", { className: "search-tags-tag-label" }, tagItem.label),
+                    tagItem.valueLabel || tagItem.value)));
+        }),
+        processDataSource.length > 0 && (react_1.default.createElement("a", { className: "remove-btn", onClick: onRemoveAllFilter }, message_1.default.clearFilter))));
 };
 exports.default = console_components_1.ConfigProvider.config(SearchTagList);
 

package/doc-dist/deps/main.css

@@ -1 +1 @@
-body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search-prefix{--menu-padding-horizontal:24px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-3px;--icon-content-delete-filling:"\\E6A2"}body .rc-search-auto-complete [class*=select-menu-empty]{display:none}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.rc-search-taglist .search-tags-tag.search-tags-tag{font-weight:400;color:var(--color-text1-9,#333)!important}.rc-search-taglist .search-tags-tag.search-tags-tag .search-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}.rc-search-taglist .search-tags-tag.search-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.rc-search-taglist .search-tags-tag.search-tags-tag [class*=icon-close]:hover{color:grey!important}.rc-search-taglist .search-tags-tag:not(:last-child){margin-right:8px}.rc-search-taglist .search-tags-tag_empty{color:var(--color-text1-6,grey)}.rc-search-taglist .search-tags-tag-dot.rc-search-taglist .search-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
+body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search-prefix{--menu-padding-horizontal:24px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-3px;--icon-content-delete-filling:"\\E6A2"}body .rc-search-auto-complete [class*=select-menu-empty]{display:none}.rc-search-taglist:not(.isWind){margin-top:-4px}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.rc-search-taglist .search-tags-tag.search-tags-tag{margin-top:4px;font-weight:400;color:var(--color-text1-9,#333)!important}.rc-search-taglist .search-tags-tag.search-tags-tag .search-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}.rc-search-taglist .search-tags-tag.search-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.rc-search-taglist .search-tags-tag.search-tags-tag [class*=icon-close]:hover{color:grey!important}.rc-search-taglist .search-tags-tag:not(:last-child){margin-right:8px}.rc-search-taglist .search-tags-tag_empty{color:var(--color-text1-6,grey)}.rc-search-taglist .search-tags-tag-dot.rc-search-taglist .search-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}