@alicloud/console-components-search 0.2.23 → 0.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/components-with-style.tsx +1 -1
- package/dist/index.css +4 -0
- package/dist/index.js +7 -6
- package/doc-dist/deps/main.css +1 -1
- package/doc-dist/deps/main.js +7 -7
- package/doc-dist/deps/main.os.css +1 -1
- package/doc-dist/log-deps-build.log +3 -3
- package/es/ComplexSearch/InputPrefix.js +3 -1
- package/es/ComplexSearch/index.js +1 -2
- package/es/style.js +2 -2
- package/lib/ComplexSearch/InputPrefix.js +3 -1
- package/lib/ComplexSearch/index.js +1 -2
- package/lib/style.js +2 -2
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -29,10 +29,14 @@ body .rc-search-auto-complete [class*='select-menu-empty'] {
|
|
|
29
29
|
display: none;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
.rc-search-taglist:not(.isWind) {
|
|
33
|
+
margin-top: -4px;
|
|
34
|
+
}
|
|
32
35
|
.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*='-icon-close']::before {
|
|
33
36
|
content: var(--icon-content-close) !important;
|
|
34
37
|
}
|
|
35
38
|
.rc-search-taglist .search-tags-tag.search-tags-tag {
|
|
39
|
+
margin-top: 4px;
|
|
36
40
|
font-weight: 400;
|
|
37
41
|
color: var(--color-text1-9, #333333) !important;
|
|
38
42
|
}
|
package/dist/index.js
CHANGED
|
@@ -85079,13 +85079,13 @@ var styled_components_1 = __importDefault(__webpack_require__(49));
|
|
|
85079
85079
|
var prefix = function (props) {
|
|
85080
85080
|
return props.prefix ? "." + props.prefix : '.next-';
|
|
85081
85081
|
};
|
|
85082
|
-
var SearchWarp = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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 &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right:
|
|
85082
|
+
var SearchWarp = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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: 99;\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 border-right: 1px solid rgba(192, 198,204, 1);\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: 99;\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 border-right: 1px solid rgba(192, 198,204, 1);\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);
|
|
85083
85083
|
exports.SearchWarp = SearchWarp;
|
|
85084
85084
|
var MenuContentWrap = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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"], ["\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);
|
|
85085
85085
|
exports.MenuContentWrap = MenuContentWrap;
|
|
85086
85086
|
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);
|
|
85087
85087
|
exports.MultiBtnWarp = MultiBtnWarp;
|
|
85088
|
-
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 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 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);
|
|
85088
|
+
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);
|
|
85089
85089
|
exports.TagListWrap = TagListWrap;
|
|
85090
85090
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
85091
85091
|
|
|
@@ -107558,7 +107558,7 @@ var ComplexSearch = function (props) {
|
|
|
107558
107558
|
if (searchKey && searchKey.length) {
|
|
107559
107559
|
label = highlightKeyword(item.label, searchKey);
|
|
107560
107560
|
}
|
|
107561
|
-
return react_1.default.createElement("span", { "data-value":
|
|
107561
|
+
return react_1.default.createElement("span", { "data-value": item === null || item === void 0 ? void 0 : item.value }, label);
|
|
107562
107562
|
};
|
|
107563
107563
|
/**
|
|
107564
107564
|
* 处理筛选类型选中的情况
|
|
@@ -107680,7 +107680,7 @@ var ComplexSearch = function (props) {
|
|
|
107680
107680
|
handlerFilterTypeInput(value, actionType, !!isFuzzy, option);
|
|
107681
107681
|
}
|
|
107682
107682
|
}
|
|
107683
|
-
}), {
|
|
107683
|
+
}), { autoHighlightFirstItem: false,
|
|
107684
107684
|
// @ts-ignore
|
|
107685
107685
|
itemRender: highlightItem, placeholder: placeholder ? placeholder : ((defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label) ? (lodash_1.template(message_1.default.defaultPlaceHolder)({ value: defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label })) : ''), className: classnames_1.default('main-input', 'multi'), hasBorder: false, onKeyUp: handleKeyUp, dataSource:
|
|
107686
107686
|
// 如果是指定了默认的筛选类型或者是直接指定模糊搜索模式 ，并且用户在这个输入框里面已经输入了值
|
|
@@ -114811,8 +114811,9 @@ var react_1 = __importDefault(__webpack_require__(1));
|
|
|
114811
114811
|
var classnames_1 = __importDefault(__webpack_require__(16));
|
|
114812
114812
|
var console_components_1 = __webpack_require__(30);
|
|
114813
114813
|
var SearchConditionSelectPrefix = function (props) {
|
|
114814
|
-
var
|
|
114815
|
-
var
|
|
114814
|
+
var _a, _b;
|
|
114815
|
+
var defaultValue = props.defaultValue, _c = props.dataSource, dataSource = _c === void 0 ? [] : _c, label = props.label, reset = __rest(props, ["defaultValue", "dataSource", "label"]);
|
|
114816
|
+
var noSelect = dataSource.length < 2 && ((_b = (_a = dataSource[0]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) < 2;
|
|
114816
114817
|
return (react_1.default.createElement("div", { className: classnames_1.default('condition-item') },
|
|
114817
114818
|
react_1.default.createElement("span", { className: classnames_1.default('condition-item-txt') }, label),
|
|
114818
114819
|
noSelect ? null : react_1.default.createElement(console_components_1.Icon, { type: "caret-down", size: "xxs" }),
|
package/doc-dist/deps/main.css
CHANGED
|
@@ -1 +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}
|
|
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){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}
|