@alicloud/console-components-search 0.2.8 → 0.2.11

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 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}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: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 12.89s
+✔ Webpack: Compiled successfully in 12.62s
  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.5 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.5 MiB)
       main.css
       main.js
 ,webpack performance recommendations: 

package/es/ComplexSearch/index.js

@@ -16,6 +16,8 @@ import { Button, Icon, Select, ConfigProvider, Field, Checkbox } from '@alicloud
 import { SearchWarp, MultiBtnWarp } from "../style";
 import SearchConditionSelectPrefix from "./InputPrefix";
 import { SEARCH_FILTER_FIELD, SEARCH_FILTER_VALUE_FIELD } from "../constants";
+import message from "../message";
+import { template } from 'lodash';
 var AutoComplete = Select.AutoComplete;
 /**
  * 
@@ -26,7 +28,7 @@ var AutoComplete = Select.AutoComplete;
 var normalizeOptions = function normalizeOptions(options) {
   var optionsCopy = cloneDeep(options);
   optionsCopy.forEach(function (o) {
-    return !o.groupName && (o.groupName = "选择筛选条件");
+    return !o.groupName && (o.groupName = message.defaultFilterGroupName);
   });
   return Object.entries(groupBy(optionsCopy, 'groupName')).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
@@ -144,7 +146,9 @@ var ComplexSearch = function ComplexSearch(props) {
       label = highlightKeyword(item.label, searchKey);
     }
 
-    return label;
+    return /*#__PURE__*/React.createElement("span", {
+      "data-value": label
+    }, label);
   };
   /**
    * 处理筛选类型选中的情况
@@ -278,7 +282,7 @@ var ComplexSearch = function ComplexSearch(props) {
               onClick: function onClick() {
                 handleSearch();
               }
-            }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(Button, {
+            }, message.confirm), /*#__PURE__*/React.createElement(Button, {
               size: "small",
               className: classNames("cancel-btn"),
               type: "normal",
@@ -286,7 +290,7 @@ var ComplexSearch = function ComplexSearch(props) {
                 reset();
                 document.body.click();
               }
-            }, "\u53D6\u6D88"))
+            }, message.cancel))
           }
         }));
 
@@ -306,7 +310,6 @@ var ComplexSearch = function ComplexSearch(props) {
     }, /*#__PURE__*/React.createElement("i", {
       className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
       role: "button",
-      "aria-label": "\u6E05\u9664",
       onClick: function onClick() {
         handlerFilterClear();
       }
@@ -340,7 +343,9 @@ var ComplexSearch = function ComplexSearch(props) {
   }), {
     // @ts-ignore
     itemRender: highlightItem,
-    placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? "\u9ED8\u8BA4\u6309".concat(defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label, "\u641C\u7D22") : '请搜索',
+    placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? template(message.defaultPlaceHolder)({
+      value: defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label
+    }) : '',
     className: classNames('main-input', 'multi'),
     hasBorder: false,
     onKeyUp: handleKeyUp,

package/es/message.js

@@ -0,0 +1,32 @@
+import Cookie from 'js-cookie';
+var isSSR = typeof document === 'undefined';
+var messages = {
+  'zh': {
+    confirm: '确定',
+    cancel: '取消',
+    allValue: '全部值',
+    emptyValue: '空值',
+    tag: "标签",
+    defaultFilterGroupName: "选择筛选条件",
+    defaultPlaceHolder: '默认按${value}搜索',
+    clearFilter: '清除筛选条件'
+  },
+  'en': {
+    confirm: 'Ok',
+    cancel: 'Cancel',
+    allValue: 'All Value',
+    emptyValue: 'Empty Value',
+    tag: "Tag",
+    defaultFilterGroupName: "Filters",
+    defaultPlaceHolder: 'Search By ${value}',
+    clearFilter: 'Clear Filter'
+  }
+};
+var lang = isSSR ? 'en' : Cookie.get('aliyun_lang') || 'en';
+
+if (!Object.keys(messages).includes(lang)) {
+  lang = 'en';
+} // @ts-ignore
+
+
+export default messages[lang];

package/es/search.js

@@ -4,6 +4,7 @@ import styled from "styled-components";
 import { baseClassName } from './constants';
 import ComplexSearch from "./ComplexSearch/index";
 import LoggerProvider from './provider/LoggerProvider';
+import { useWindTheme } from "./useCssVar";
 var SearchWrap = styled.div.withConfig({
   componentId: "sc-1szhzw4-0"
 })(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
@@ -12,12 +13,13 @@ export var Search = function Search(props) {
       _props$simple = props.simple,
       simple = _props$simple === void 0 ? false : _props$simple,
       style = props.style;
+  var windThemeClass = useWindTheme();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoggerProvider, {
     regionId: props.regionId,
     resourceType: props.resourceType || '',
     componentName: "RcSearch"
   }), /*#__PURE__*/React.createElement(SearchWrap, {
-    className: classNames(baseClassName, className),
+    className: classNames(baseClassName, className, windThemeClass),
     style: style
   }, /*#__PURE__*/React.createElement(ComplexSearch, props)));
 };

package/es/searchTagList/PureTag.js

@@ -4,6 +4,7 @@ var _excluded = ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "sh
 import React from 'react';
 import { Tag, Badge } from '@alicloud/console-components';
 import Truncate from '@alicloud/console-components-truncate';
+import message from '../message';
 
 var Empty = function Empty(_ref) {
   var children = _ref.children;
@@ -31,16 +32,15 @@ var PureTag = function PureTag(props) {
   var transformedTagValue = tagValue;
 
   if (tagValue === '') {
-    transformedTagValue = '空值';
+    transformedTagValue = message.emptyValue;
   } else if (tagValue === undefined || tagValue === null) {
-    transformedTagValue = '全部值';
+    transformedTagValue = message.allValue;
   }
 
   return (
     /*#__PURE__*/
     //@ts-ignore
     React.createElement(DotWrapper, {
-      title: "\u5373\u5C06\u65B0\u5EFA",
       className: "console-tags-tag-dot",
       dot: true
     }, /*#__PURE__*/React.createElement(TagWrapper, _extends({
@@ -48,7 +48,7 @@ var PureTag = function PureTag(props) {
       className: "console-tags-tag"
     }, resetProps), showLabel && /*#__PURE__*/React.createElement("label", {
       className: "console-tags-tag-label"
-    }, "\u6807\u7B7E"), /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagKey), ":", tagValue ? /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagValue) : /*#__PURE__*/React.createElement("span", {
+    }, message.tag), /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagKey), ":", tagValue ? /*#__PURE__*/React.createElement(TruncateWrapper, defaultTruncateProps, tagValue) : /*#__PURE__*/React.createElement("span", {
       className: "console-tags-tag_empty"
     }, transformedTagValue)))
   );

package/es/searchTagList/index.js

@@ -12,6 +12,8 @@ import { TagListWrap } from '../style';
 import { baseTagListClassName } from '../constants';
 import isArray from 'lodash/isArray';
 import PureTag from "./PureTag";
+import { useWindTheme } from "../useCssVar";
+import message from "../message";
 var TagGroup = Tag.Group,
     ClosableTag = Tag.Closeable;
 /**
@@ -110,9 +112,10 @@ var SearchTagList = function SearchTagList(props) {
 
     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, processDataSource.map(function (tagItem) {
     if (isTagLikeDataStructure(tagItem.value)) {
@@ -134,7 +137,7 @@ var SearchTagList = function SearchTagList(props) {
   }), processDataSource.length > 0 && /*#__PURE__*/React.createElement("a", {
     className: "remove-btn",
     onClick: onRemoveAllFilter
-  }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
+  }, message.clearFilter)));
 };
 
 export default ConfigProvider.config(SearchTagList);

package/es/style.js

@@ -6,7 +6,7 @@ var prefix = function prefix(props) {
 
 var SearchWarp = styled.div.withConfig({
   componentId: "sc-1afc1cn-0"
-})(["height:100%;width:100%;display:flex;.left-wrap{flex:1;border-left:1px solid rgba(192,198,204,1);border-bottom:1px solid rgba(192,198,204,1);border-top:1px solid rgba(192,198,204,1);border-right:1px solid rgba(192,198,204,1);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:#EFF3F8;border-radius:var(--corner-1,2px);background-color:#EFF3F8;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:0;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);
+})(["height:100%;width:100%;display:flex;.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);
 var MenuContentWrap = styled.ul.withConfig({
   componentId: "sc-1afc1cn-1"
 })(["", "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

@@ -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 ? themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind' : '';
 }

package/lib/ComplexSearch/index.js

@@ -35,6 +35,10 @@ var _InputPrefix = _interopRequireDefault(require("./InputPrefix"));
 
 var _constants = require("../constants");
 
+var _message = _interopRequireDefault(require("../message"));
+
+var _lodash = require("lodash");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -53,7 +57,7 @@ var AutoComplete = _consoleComponents.Select.AutoComplete;
 var normalizeOptions = function normalizeOptions(options) {
   var optionsCopy = (0, _cloneDeep.default)(options);
   optionsCopy.forEach(function (o) {
-    return !o.groupName && (o.groupName = "选择筛选条件");
+    return !o.groupName && (o.groupName = _message.default.defaultFilterGroupName);
   });
   return Object.entries((0, _groupBy.default)(optionsCopy, 'groupName')).map(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
@@ -173,7 +177,9 @@ var ComplexSearch = function ComplexSearch(props) {
       label = highlightKeyword(item.label, searchKey);
     }
 
-    return label;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-value": label
+    }, label);
   };
   /**
    * 处理筛选类型选中的情况
@@ -307,7 +313,7 @@ var ComplexSearch = function ComplexSearch(props) {
               onClick: function onClick() {
                 handleSearch();
               }
-            }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
+            }, _message.default.confirm), /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
               size: "small",
               className: (0, _classnames.default)("cancel-btn"),
               type: "normal",
@@ -315,7 +321,7 @@ var ComplexSearch = function ComplexSearch(props) {
                 reset();
                 document.body.click();
               }
-            }, "\u53D6\u6D88"))
+            }, _message.default.cancel))
           }
         }));
 
@@ -335,7 +341,6 @@ var ComplexSearch = function ComplexSearch(props) {
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "".concat(prefix, "icon ").concat(prefix, "icon-delete-filling ").concat(prefix, "input-hint ").concat(prefix, "input-clear-icon"),
       role: "button",
-      "aria-label": "\u6E05\u9664",
       onClick: function onClick() {
         handlerFilterClear();
       }
@@ -369,7 +374,9 @@ var ComplexSearch = function ComplexSearch(props) {
   }), {
     // @ts-ignore
     itemRender: highlightItem,
-    placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? "\u9ED8\u8BA4\u6309".concat(defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label, "\u641C\u7D22") : '请搜索',
+    placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? (0, _lodash.template)(_message.default.defaultPlaceHolder)({
+      value: defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label
+    }) : '',
     className: (0, _classnames.default)('main-input', 'multi'),
     hasBorder: false,
     onKeyUp: handleKeyUp,

package/lib/message.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/message.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+
+var isSSR = typeof document === 'undefined';
+var messages = {
+  'zh': {
+    confirm: '确定',
+    cancel: '取消',
+    allValue: '全部值',
+    emptyValue: '空值',
+    tag: "标签",
+    defaultFilterGroupName: "选择筛选条件",
+    defaultPlaceHolder: '默认按${value}搜索',
+    clearFilter: '清除筛选条件'
+  },
+  'en': {
+    confirm: 'Ok',
+    cancel: 'Cancel',
+    allValue: 'All Value',
+    emptyValue: 'Empty Value',
+    tag: "Tag",
+    defaultFilterGroupName: "Filters",
+    defaultPlaceHolder: 'Search By ${value}',
+    clearFilter: 'Clear Filter'
+  }
+};
+var lang = isSSR ? 'en' : _jsCookie.default.get('aliyun_lang') || 'en';
+
+if (!Object.keys(messages).includes(lang)) {
+  lang = 'en';
+} // @ts-ignore
+
+
+var _default = messages[lang];
+exports.default = _default;

package/lib/search.js

@@ -19,6 +19,8 @@ var _index = _interopRequireDefault(require("./ComplexSearch/index"));
 
 var _LoggerProvider = _interopRequireDefault(require("./provider/LoggerProvider"));
 
+var _useCssVar = require("./useCssVar");
+
 var SearchWrap = _styledComponents.default.div.withConfig({
   componentId: "sc-1szhzw4-0"
 })(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
@@ -28,12 +30,13 @@ var Search = function Search(props) {
       _props$simple = props.simple,
       simple = _props$simple === void 0 ? false : _props$simple,
       style = props.style;
+  var windThemeClass = (0, _useCssVar.useWindTheme)();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
     regionId: props.regionId,
     resourceType: props.resourceType || '',
     componentName: "RcSearch"
   }), /*#__PURE__*/_react.default.createElement(SearchWrap, {
-    className: (0, _classnames.default)(_constants.baseClassName, className),
+    className: (0, _classnames.default)(_constants.baseClassName, className, windThemeClass),
     style: style
   }, /*#__PURE__*/_react.default.createElement(_index.default, props)));
 };

package/lib/searchTagList/PureTag.js

@@ -17,6 +17,8 @@ var _consoleComponents = require("@alicloud/console-components");
 
 var _consoleComponentsTruncate = _interopRequireDefault(require("@alicloud/console-components-truncate"));
 
+var _message = _interopRequireDefault(require("../message"));
+
 var _excluded = ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"];
 
 var Empty = function Empty(_ref) {
@@ -44,16 +46,15 @@ var PureTag = function PureTag(props) {
   var transformedTagValue = tagValue;
 
   if (tagValue === '') {
-    transformedTagValue = '空值';
+    transformedTagValue = _message.default.emptyValue;
   } else if (tagValue === undefined || tagValue === null) {
-    transformedTagValue = '全部值';
+    transformedTagValue = _message.default.allValue;
   }
 
   return (
     /*#__PURE__*/
     //@ts-ignore
     _react.default.createElement(DotWrapper, {
-      title: "\u5373\u5C06\u65B0\u5EFA",
       className: "console-tags-tag-dot",
       dot: true
     }, /*#__PURE__*/_react.default.createElement(TagWrapper, (0, _extends2.default)({
@@ -61,7 +62,7 @@ var PureTag = function PureTag(props) {
       className: "console-tags-tag"
     }, resetProps), showLabel && /*#__PURE__*/_react.default.createElement("label", {
       className: "console-tags-tag-label"
-    }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(TruncateWrapper, defaultTruncateProps, tagKey), ":", tagValue ? /*#__PURE__*/_react.default.createElement(TruncateWrapper, defaultTruncateProps, tagValue) : /*#__PURE__*/_react.default.createElement("span", {
+    }, _message.default.tag), /*#__PURE__*/_react.default.createElement(TruncateWrapper, defaultTruncateProps, tagKey), ":", tagValue ? /*#__PURE__*/_react.default.createElement(TruncateWrapper, defaultTruncateProps, tagValue) : /*#__PURE__*/_react.default.createElement("span", {
       className: "console-tags-tag_empty"
     }, transformedTagValue)))
   );

package/lib/searchTagList/index.js

@@ -25,6 +25,10 @@ var _isArray = _interopRequireDefault(require("lodash/isArray"));
 
 var _PureTag = _interopRequireDefault(require("./PureTag"));
 
+var _useCssVar = require("../useCssVar");
+
+var _message = _interopRequireDefault(require("../message"));
+
 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; }
@@ -127,9 +131,10 @@ var SearchTagList = function SearchTagList(props) {
 
     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, processDataSource.map(function (tagItem) {
     if (isTagLikeDataStructure(tagItem.value)) {
@@ -151,7 +156,7 @@ var SearchTagList = function SearchTagList(props) {
   }), processDataSource.length > 0 && /*#__PURE__*/_react.default.createElement("a", {
     className: "remove-btn",
     onClick: onRemoveAllFilter
-  }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
+  }, _message.default.clearFilter)));
 };
 
 var _default = _consoleComponents.ConfigProvider.config(SearchTagList);

package/lib/style.js

@@ -15,7 +15,7 @@ var prefix = function prefix(props) {
 
 var SearchWarp = _styledComponents.default.div.withConfig({
   componentId: "sc-1afc1cn-0"
-})(["height:100%;width:100%;display:flex;.left-wrap{flex:1;border-left:1px solid rgba(192,198,204,1);border-bottom:1px solid rgba(192,198,204,1);border-top:1px solid rgba(192,198,204,1);border-right:1px solid rgba(192,198,204,1);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:#EFF3F8;border-radius:var(--corner-1,2px);background-color:#EFF3F8;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:0;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);
+})(["height:100%;width:100%;display:flex;.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);
 
 exports.SearchWarp = SearchWarp;
 

package/lib/useCssVar.d.ts

@@ -1 +1,2 @@
 export declare function useCssVar(cssVarName: string): string;
+export declare function useWindTheme(): "" | "isWind isWidget" | "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 ? themeVar.indexOf('wind') === -1 ? 'isWind isWidget' : 'isWind' : '';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-components-search",
-  "version": "0.2.8",
+  "version": "0.2.11",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",
@@ -21,6 +21,7 @@
     "@alicloud/console-toolkit-cli": "^1.2.0",
     "@alicloud/console-toolkit-preset-component": "^1.2.8",
     "@alicloud/console-toolkit-preset-docs": "^1.0.34",
+    "@types/js-cookie": "^3.0.1",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/styled-components": "^5.1.7",
@@ -36,6 +37,7 @@
   },
   "dependencies": {
     "@alicloud/console-components-truncate": "^1.0.16",
-    "@alicloud/console-logger-sls": "^1.2.31"
+    "@alicloud/console-logger-sls": "^1.2.31",
+    "js-cookie": "^3.0.1"
   }
 }