@alicloud/console-components-search 0.2.6 → 0.2.9

package/doc-dist/deps/main.os.css

@@ -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.console-tags-tag.console-tags-tag.console-tags-tag [class*=-icon-close]:before{content:var(--icon-content-delete-filling)}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}
+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}

package/doc-dist/log-deps-build.log

@@ -1,13 +1,13 @@
 开始构建微应用external依赖...
 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.
 ℹ Compiling Webpack
-✔ Webpack: Compiled successfully in 13.67s
+✔ Webpack: Compiled successfully in 13.06s
  WARN  asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
 This can impact web performance.
 Assets: 
-  main.js (2.51 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
+  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.
 Entrypoints:
-  main (2.51 MiB)
+  main (2.49 MiB)
       main.css
       main.js
 ,webpack performance recommendations: 

package/es/ComplexSearch/index.js

@@ -26,9 +26,7 @@ var AutoComplete = Select.AutoComplete;
 var normalizeOptions = function normalizeOptions(options) {
   var optionsCopy = cloneDeep(options);
   optionsCopy.forEach(function (o) {
-    var _o$groupName;
-
-    return (_o$groupName = o.groupName) !== null && _o$groupName !== void 0 ? _o$groupName : o.groupName = "选择筛选条件";
+    return !o.groupName && (o.groupName = "选择筛选条件");
   });
   return Object.entries(groupBy(optionsCopy, 'groupName')).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -146,7 +144,9 @@ var ComplexSearch = function ComplexSearch(props) {
       label = highlightKeyword(item.label, searchKey);
     }
 
-    return label;
+    return /*#__PURE__*/React.createElement("span", {
+      "data-value": label
+    }, label);
   };
   /**
    * 处理筛选类型选中的情况

package/es/searchTagList/index.js

@@ -12,6 +12,7 @@ import { TagListWrap } from '../style';
 import { baseTagListClassName } from '../constants';
 import isArray from 'lodash/isArray';
 import PureTag from "./PureTag";
+import { useWindTheme } from "../useCssVar";
 var TagGroup = Tag.Group,
     ClosableTag = Tag.Closeable;
 /**
@@ -105,11 +106,17 @@ var SearchTagList = function SearchTagList(props) {
     });
   };
 
+  var processDataSource = dataSource && dataSource.filter(function (t) {
+    var _t$value;
+
+    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);
+  }) || [];
+  var isWindClass = useWindTheme();
   return /*#__PURE__*/React.createElement(TagListWrap, {
     prefix: prefix,
-    className: classNames(baseTagListClassName, className),
+    className: classNames(baseTagListClassName, className, isWindClass),
     style: style
-  }, /*#__PURE__*/React.createElement(TagGroup, null, dataSource && dataSource.length > 0 && dataSource.map(function (tagItem) {
+  }, /*#__PURE__*/React.createElement(TagGroup, null, processDataSource.map(function (tagItem) {
     if (isTagLikeDataStructure(tagItem.value)) {
       return renderTags(tagItem);
     }
@@ -126,7 +133,7 @@ var SearchTagList = function SearchTagList(props) {
     }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
       className: "console-tags-tag-label"
     }, tagItem.label), tagItem.valueLabel || tagItem.value));
-  }), dataSource && dataSource.length > 0 && /*#__PURE__*/React.createElement("a", {
+  }), processDataSource.length > 0 && /*#__PURE__*/React.createElement("a", {
     className: "remove-btn",
     onClick: onRemoveAllFilter
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));

package/es/useCssVar.js

@@ -35,4 +35,8 @@ export function useCssVar(cssVarName) {
     }
   }, [refElement, cssVarName]);
   return v;
+}
+export function useWindTheme() {
+  var themeVar = useCssVar('--alicloudfe-components-theme');
+  return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
 }

package/lib/ComplexSearch/index.js

@@ -53,9 +53,7 @@ var AutoComplete = _consoleComponents.Select.AutoComplete;
 var normalizeOptions = function normalizeOptions(options) {
   var optionsCopy = (0, _cloneDeep.default)(options);
   optionsCopy.forEach(function (o) {
-    var _o$groupName;
-
-    return (_o$groupName = o.groupName) !== null && _o$groupName !== void 0 ? _o$groupName : o.groupName = "选择筛选条件";
+    return !o.groupName && (o.groupName = "选择筛选条件");
   });
   return Object.entries((0, _groupBy.default)(optionsCopy, 'groupName')).map(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
@@ -175,7 +173,9 @@ var ComplexSearch = function ComplexSearch(props) {
       label = highlightKeyword(item.label, searchKey);
     }
 
-    return label;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-value": label
+    }, label);
   };
   /**
    * 处理筛选类型选中的情况

package/lib/searchTagList/index.js

@@ -25,6 +25,8 @@ var _isArray = _interopRequireDefault(require("lodash/isArray"));
 
 var _PureTag = _interopRequireDefault(require("./PureTag"));
 
+var _useCssVar = require("../useCssVar");
+
 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; }
 
 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; }
@@ -122,11 +124,17 @@ var SearchTagList = function SearchTagList(props) {
     });
   };
 
+  var processDataSource = dataSource && dataSource.filter(function (t) {
+    var _t$value;
+
+    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);
+  }) || [];
+  var isWindClass = (0, _useCssVar.useWindTheme)();
   return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
     prefix: prefix,
-    className: (0, _classnames.default)(_constants.baseTagListClassName, className),
+    className: (0, _classnames.default)(_constants.baseTagListClassName, className, isWindClass),
     style: style
-  }, /*#__PURE__*/_react.default.createElement(TagGroup, null, dataSource && dataSource.length > 0 && dataSource.map(function (tagItem) {
+  }, /*#__PURE__*/_react.default.createElement(TagGroup, null, processDataSource.map(function (tagItem) {
     if (isTagLikeDataStructure(tagItem.value)) {
       return renderTags(tagItem);
     }
@@ -143,7 +151,7 @@ var SearchTagList = function SearchTagList(props) {
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
       className: "console-tags-tag-label"
     }, tagItem.label), tagItem.valueLabel || tagItem.value));
-  }), dataSource && dataSource.length > 0 && /*#__PURE__*/_react.default.createElement("a", {
+  }), processDataSource.length > 0 && /*#__PURE__*/_react.default.createElement("a", {
     className: "remove-btn",
     onClick: onRemoveAllFilter
   }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));

package/lib/useCssVar.d.ts

@@ -1 +1,2 @@
 export declare function useCssVar(cssVarName: string): string;
+export declare function useWindTheme(): "" | "isWind";

package/lib/useCssVar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCssVar = useCssVar;
+exports.useWindTheme = useWindTheme;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -49,4 +50,9 @@ function useCssVar(cssVarName) {
     }
   }, [refElement, cssVarName]);
   return v;
+}
+
+function useWindTheme() {
+  var themeVar = useCssVar('--alicloudfe-components-theme');
+  return themeVar && themeVar.indexOf('xconsole') === -1 ? 'isWind' : '';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-components-search",
-  "version": "0.2.6",
+  "version": "0.2.9",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",