@alicloud/console-components-search 0.2.8 → 0.2.9
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 +1 -1
- package/dist/index.js +5 -5
- 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/index.js +3 -1
- package/es/searchTagList/index.js +3 -1
- package/es/useCssVar.js +4 -0
- package/lib/ComplexSearch/index.js +3 -1
- package/lib/searchTagList/index.js +4 -1
- package/lib/useCssVar.d.ts +1 -0
- package/lib/useCssVar.js +6 -0
- 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 .console-tags-tag.console-tags-tag{font-weight:600;color:var(--color-text1-9,#333)!important}html .console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:400;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
|
|
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-delete-filling)}html .console-tags-tag.console-tags-tag{font-weight:600;color:var(--color-text1-9,#333)!important}html .console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:400;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,13 +1,13 @@
|
|
|
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.06s
|
|
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:
|
|
8
|
-
main.js (2.
|
|
8
|
+
main.js (2.49 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
|
|
9
9
|
Entrypoints:
|
|
10
|
-
main (2.
|
|
10
|
+
main (2.49 MiB)
|
|
11
11
|
main.css
|
|
12
12
|
main.js
|
|
13
13
|
,webpack performance recommendations:
|
|
@@ -144,7 +144,9 @@ var ComplexSearch = function ComplexSearch(props) {
|
|
|
144
144
|
label = highlightKeyword(item.label, searchKey);
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
return
|
|
147
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
148
|
+
"data-value": label
|
|
149
|
+
}, label);
|
|
148
150
|
};
|
|
149
151
|
/**
|
|
150
152
|
* 处理筛选类型选中的情况
|
|
@@ -12,6 +12,7 @@ import { TagListWrap } from '../style';
|
|
|
12
12
|
import { baseTagListClassName } from '../constants';
|
|
13
13
|
import isArray from 'lodash/isArray';
|
|
14
14
|
import PureTag from "./PureTag";
|
|
15
|
+
import { useWindTheme } from "../useCssVar";
|
|
15
16
|
var TagGroup = Tag.Group,
|
|
16
17
|
ClosableTag = Tag.Closeable;
|
|
17
18
|
/**
|
|
@@ -110,9 +111,10 @@ var SearchTagList = function SearchTagList(props) {
|
|
|
110
111
|
|
|
111
112
|
return !isArray(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);
|
|
112
113
|
}) || [];
|
|
114
|
+
var isWindClass = useWindTheme();
|
|
113
115
|
return /*#__PURE__*/React.createElement(TagListWrap, {
|
|
114
116
|
prefix: prefix,
|
|
115
|
-
className: classNames(baseTagListClassName, className),
|
|
117
|
+
className: classNames(baseTagListClassName, className, isWindClass),
|
|
116
118
|
style: style
|
|
117
119
|
}, /*#__PURE__*/React.createElement(TagGroup, null, processDataSource.map(function (tagItem) {
|
|
118
120
|
if (isTagLikeDataStructure(tagItem.value)) {
|
package/es/useCssVar.js
CHANGED
|
@@ -35,4 +35,8 @@ export function useCssVar(cssVarName) {
|
|
|
35
35
|
}
|
|
36
36
|
}, [refElement, cssVarName]);
|
|
37
37
|
return v;
|
|
38
|
+
}
|
|
39
|
+
export function useWindTheme() {
|
|
40
|
+
var themeVar = useCssVar('--alicloudfe-components-theme');
|
|
41
|
+
return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
|
|
38
42
|
}
|
|
@@ -173,7 +173,9 @@ var ComplexSearch = function ComplexSearch(props) {
|
|
|
173
173
|
label = highlightKeyword(item.label, searchKey);
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
return
|
|
176
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
177
|
+
"data-value": label
|
|
178
|
+
}, label);
|
|
177
179
|
};
|
|
178
180
|
/**
|
|
179
181
|
* 处理筛选类型选中的情况
|
|
@@ -25,6 +25,8 @@ var _isArray = _interopRequireDefault(require("lodash/isArray"));
|
|
|
25
25
|
|
|
26
26
|
var _PureTag = _interopRequireDefault(require("./PureTag"));
|
|
27
27
|
|
|
28
|
+
var _useCssVar = require("../useCssVar");
|
|
29
|
+
|
|
28
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
31
|
|
|
30
32
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -127,9 +129,10 @@ var SearchTagList = function SearchTagList(props) {
|
|
|
127
129
|
|
|
128
130
|
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);
|
|
129
131
|
}) || [];
|
|
132
|
+
var isWindClass = (0, _useCssVar.useWindTheme)();
|
|
130
133
|
return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
|
|
131
134
|
prefix: prefix,
|
|
132
|
-
className: (0, _classnames.default)(_constants.baseTagListClassName, className),
|
|
135
|
+
className: (0, _classnames.default)(_constants.baseTagListClassName, className, isWindClass),
|
|
133
136
|
style: style
|
|
134
137
|
}, /*#__PURE__*/_react.default.createElement(TagGroup, null, processDataSource.map(function (tagItem) {
|
|
135
138
|
if (isTagLikeDataStructure(tagItem.value)) {
|
package/lib/useCssVar.d.ts
CHANGED
package/lib/useCssVar.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.useCssVar = useCssVar;
|
|
9
|
+
exports.useWindTheme = useWindTheme;
|
|
9
10
|
|
|
10
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
12
|
|
|
@@ -49,4 +50,9 @@ function useCssVar(cssVarName) {
|
|
|
49
50
|
}
|
|
50
51
|
}, [refElement, cssVarName]);
|
|
51
52
|
return v;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function useWindTheme() {
|
|
56
|
+
var themeVar = useCssVar('--alicloudfe-components-theme');
|
|
57
|
+
return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
|
|
52
58
|
}
|