@alicloud/console-components-search 0.2.13 → 0.2.14
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/dist/index.js +3 -3
- package/doc-dist/deps/main.js +1 -1
- package/doc-dist/log-deps-build.log +1 -1
- package/es/style.js +1 -1
- package/es/useCssVar.js +2 -2
- package/lib/style.js +1 -1
- package/lib/useCssVar.js +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -85059,7 +85059,7 @@ var styled_components_1 = __importDefault(__webpack_require__(49));
|
|
|
85059
85059
|
var prefix = function (props) {
|
|
85060
85060
|
return props.prefix ? "." + props.prefix : '.next-';
|
|
85061
85061
|
};
|
|
85062
|
-
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
|
|
85062
|
+
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\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: 1px solid rgba(192, 198,204, 1);\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 ", "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: #fff;\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 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 .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-left: none;\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\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: 1px solid rgba(192, 198,204, 1);\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 ", "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: #fff;\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 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 .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-left: none;\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);
|
|
85063
85063
|
exports.SearchWarp = SearchWarp;
|
|
85064
85064
|
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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\n }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
|
|
85065
85065
|
exports.MenuContentWrap = MenuContentWrap;
|
|
@@ -102322,8 +102322,8 @@ function useCssVar(cssVarName) {
|
|
|
102322
102322
|
}
|
|
102323
102323
|
exports.useCssVar = useCssVar;
|
|
102324
102324
|
function useWindTheme() {
|
|
102325
|
-
var themeVar = useCssVar('--alicloudfe-components-theme');
|
|
102326
|
-
return themeVar
|
|
102325
|
+
var themeVar = useCssVar('--alicloudfe-components-theme') || '';
|
|
102326
|
+
return themeVar.indexOf('xconsole') === -1 ? (themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind') : '';
|
|
102327
102327
|
}
|
|
102328
102328
|
exports.useWindTheme = useWindTheme;
|
|
102329
102329
|
|