@alicloud/console-components-search 0.2.10 → 0.2.13
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/README.md +11 -10
- package/config/config.ts +1 -0
- package/demos/demo1.demo.tsx +4 -13
- package/dist/index.css +54 -1
- package/dist/index.js +120592 -45
- package/doc-dist/10.js +1 -1
- package/doc-dist/9.js +1 -1
- package/doc-dist/deps/main.css +1 -1
- package/doc-dist/deps/main.js +1 -1
- package/doc-dist/deps/main.os.css +1 -1
- package/doc-dist/log-deps-build.log +1 -1
- package/es/search.js +3 -1
- package/es/style.js +1 -1
- package/es/useCssVar.js +1 -1
- package/lib/search.js +4 -1
- package/lib/style.js +1 -1
- package/lib/useCssVar.d.ts +1 -1
- package/lib/useCssVar.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
html body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}html body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}html body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}html body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}html body .xconsole-rc-search-popup{margin-top:4px}html .rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-
|
|
1
|
+
html body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}html body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}html body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}html body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}html body .xconsole-rc-search-popup{margin-top:4px}html body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}html body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-2px;--icon-content-delete-filling:"\E6A2"}html .rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}html .console-tags-tag.console-tags-tag{font-weight:400;color:var(--color-text1-9,#333)!important}html .console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}html .console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}html .console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}html .console-tags-tag:not(:last-child){margin-right:8px}html .console-tags-tag_empty{color:var(--color-text1-6,grey)}html .console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
开始构建微应用external依赖...
|
|
2
2
|
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.
|
|
3
3
|
ℹ Compiling Webpack
|
|
4
|
-
✔ Webpack: Compiled successfully in
|
|
4
|
+
✔ Webpack: Compiled successfully in 13.05s
|
|
5
5
|
WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
|
|
6
6
|
This can impact web performance.
|
|
7
7
|
Assets:
|
package/es/search.js
CHANGED
|
@@ -4,6 +4,7 @@ import styled from "styled-components";
|
|
|
4
4
|
import { baseClassName } from './constants';
|
|
5
5
|
import ComplexSearch from "./ComplexSearch/index";
|
|
6
6
|
import LoggerProvider from './provider/LoggerProvider';
|
|
7
|
+
import { useWindTheme } from "./useCssVar";
|
|
7
8
|
var SearchWrap = styled.div.withConfig({
|
|
8
9
|
componentId: "sc-1szhzw4-0"
|
|
9
10
|
})(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
|
|
@@ -12,12 +13,13 @@ export var Search = function Search(props) {
|
|
|
12
13
|
_props$simple = props.simple,
|
|
13
14
|
simple = _props$simple === void 0 ? false : _props$simple,
|
|
14
15
|
style = props.style;
|
|
16
|
+
var windThemeClass = useWindTheme();
|
|
15
17
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoggerProvider, {
|
|
16
18
|
regionId: props.regionId,
|
|
17
19
|
resourceType: props.resourceType || '',
|
|
18
20
|
componentName: "RcSearch"
|
|
19
21
|
}), /*#__PURE__*/React.createElement(SearchWrap, {
|
|
20
|
-
className: classNames(baseClassName, className),
|
|
22
|
+
className: classNames(baseClassName, className, windThemeClass),
|
|
21
23
|
style: style
|
|
22
24
|
}, /*#__PURE__*/React.createElement(ComplexSearch, props)));
|
|
23
25
|
};
|
package/es/style.js
CHANGED
|
@@ -6,7 +6,7 @@ var prefix = function prefix(props) {
|
|
|
6
6
|
|
|
7
7
|
var SearchWarp = styled.div.withConfig({
|
|
8
8
|
componentId: "sc-1afc1cn-0"
|
|
9
|
-
})(["height:100%;width:100%;display:flex
|
|
9
|
+
})(["height:100%;width:100%;display:flex;--input-clear-icon-transform:1;--input-hint-icon-color:#808080;", "input-control ", "input-clear-icon::before{content:var(--icon-content-close,\"ea22\") !important;}.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);&.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-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:var(--console-rc-search-close-btn-top,0);left:var(--console-rc-search-close-btn-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, prefix, prefix);
|
|
10
10
|
var MenuContentWrap = styled.ul.withConfig({
|
|
11
11
|
componentId: "sc-1afc1cn-1"
|
|
12
12
|
})(["", "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/es/useCssVar.js
CHANGED
|
@@ -38,5 +38,5 @@ export function useCssVar(cssVarName) {
|
|
|
38
38
|
}
|
|
39
39
|
export function useWindTheme() {
|
|
40
40
|
var themeVar = useCssVar('--alicloudfe-components-theme');
|
|
41
|
-
return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
|
|
41
|
+
return themeVar && themeVar.indexOf('xconsole') === -1 ? themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind' : '';
|
|
42
42
|
}
|
package/lib/search.js
CHANGED
|
@@ -19,6 +19,8 @@ var _index = _interopRequireDefault(require("./ComplexSearch/index"));
|
|
|
19
19
|
|
|
20
20
|
var _LoggerProvider = _interopRequireDefault(require("./provider/LoggerProvider"));
|
|
21
21
|
|
|
22
|
+
var _useCssVar = require("./useCssVar");
|
|
23
|
+
|
|
22
24
|
var SearchWrap = _styledComponents.default.div.withConfig({
|
|
23
25
|
componentId: "sc-1szhzw4-0"
|
|
24
26
|
})(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
|
|
@@ -28,12 +30,13 @@ var Search = function Search(props) {
|
|
|
28
30
|
_props$simple = props.simple,
|
|
29
31
|
simple = _props$simple === void 0 ? false : _props$simple,
|
|
30
32
|
style = props.style;
|
|
33
|
+
var windThemeClass = (0, _useCssVar.useWindTheme)();
|
|
31
34
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
|
|
32
35
|
regionId: props.regionId,
|
|
33
36
|
resourceType: props.resourceType || '',
|
|
34
37
|
componentName: "RcSearch"
|
|
35
38
|
}), /*#__PURE__*/_react.default.createElement(SearchWrap, {
|
|
36
|
-
className: (0, _classnames.default)(_constants.baseClassName, className),
|
|
39
|
+
className: (0, _classnames.default)(_constants.baseClassName, className, windThemeClass),
|
|
37
40
|
style: style
|
|
38
41
|
}, /*#__PURE__*/_react.default.createElement(_index.default, props)));
|
|
39
42
|
};
|
package/lib/style.js
CHANGED
|
@@ -15,7 +15,7 @@ var prefix = function prefix(props) {
|
|
|
15
15
|
|
|
16
16
|
var SearchWarp = _styledComponents.default.div.withConfig({
|
|
17
17
|
componentId: "sc-1afc1cn-0"
|
|
18
|
-
})(["height:100%;width:100%;display:flex
|
|
18
|
+
})(["height:100%;width:100%;display:flex;--input-clear-icon-transform:1;--input-hint-icon-color:#808080;", "input-control ", "input-clear-icon::before{content:var(--icon-content-close,\"ea22\") !important;}.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);&.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-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:var(--console-rc-search-close-btn-top,0);left:var(--console-rc-search-close-btn-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, prefix, prefix);
|
|
19
19
|
|
|
20
20
|
exports.SearchWarp = SearchWarp;
|
|
21
21
|
|
package/lib/useCssVar.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare function useCssVar(cssVarName: string): string;
|
|
2
|
-
export declare function useWindTheme(): "" | "isWind";
|
|
2
|
+
export declare function useWindTheme(): "" | "isWind isWidget" | "isWind";
|
package/lib/useCssVar.js
CHANGED
|
@@ -54,5 +54,5 @@ function useCssVar(cssVarName) {
|
|
|
54
54
|
|
|
55
55
|
function useWindTheme() {
|
|
56
56
|
var themeVar = useCssVar('--alicloudfe-components-theme');
|
|
57
|
-
return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
|
|
57
|
+
return themeVar && themeVar.indexOf('xconsole') === -1 ? themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind' : '';
|
|
58
58
|
}
|