@alicloud/console-components-search 0.2.34 → 0.2.35

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.
Files changed (74) hide show
  1. package/LICENSE +21 -0
  2. package/es/ComplexSearch/InputPrefix.js +6 -9
  3. package/es/ComplexSearch/index.js +46 -84
  4. package/es/constants.js +3 -1
  5. package/es/index.js +4 -4
  6. package/es/message.js +16 -17
  7. package/es/search.js +11 -18
  8. package/es/searchTagList/PureTag.js +10 -15
  9. package/es/searchTagList/index.js +16 -37
  10. package/es/style.js +13 -11
  11. package/es/types/IRcSearchOptions.type.js +1 -0
  12. package/es/types/IRcSearchProps.type.js +1 -0
  13. package/es/types/IRcSearchTagItemProps.type.js +1 -0
  14. package/es/types/IRcSearchTagListProps.type.js +1 -0
  15. package/es/useCssVar.js +6 -11
  16. package/es/utils.js +9 -41
  17. package/lib/ComplexSearch/InputPrefix.d.ts +2 -2
  18. package/lib/ComplexSearch/InputPrefix.js +7 -16
  19. package/lib/ComplexSearch/index.js +50 -107
  20. package/lib/constants.js +7 -9
  21. package/lib/index.d.ts +5 -5
  22. package/lib/index.js +10 -17
  23. package/lib/message.js +17 -22
  24. package/lib/search.d.ts +2 -2
  25. package/lib/search.js +9 -28
  26. package/lib/searchTagList/PureTag.js +11 -23
  27. package/lib/searchTagList/index.d.ts +1 -1
  28. package/lib/searchTagList/index.js +12 -48
  29. package/lib/style.d.ts +1 -1
  30. package/lib/style.js +13 -24
  31. package/lib/types/IRcSearchOptions.type.d.ts +13 -13
  32. package/lib/types/IRcSearchOptions.type.js +5 -1
  33. package/lib/types/IRcSearchProps.type.d.ts +2 -2
  34. package/lib/types/IRcSearchProps.type.js +5 -1
  35. package/lib/types/IRcSearchTagItemProps.type.js +5 -1
  36. package/lib/types/IRcSearchTagListProps.type.js +5 -1
  37. package/lib/useCssVar.js +6 -19
  38. package/lib/utils.d.ts +1 -3
  39. package/lib/utils.js +18 -72
  40. package/package.json +19 -16
  41. package/dist/index.css +0 -73
  42. package/dist/index.js +0 -135349
  43. package/doc-dist/0.js +0 -2094
  44. package/doc-dist/1.js +0 -27
  45. package/doc-dist/10.js +0 -6
  46. package/doc-dist/11.js +0 -6
  47. package/doc-dist/12.js +0 -6
  48. package/doc-dist/13.js +0 -6
  49. package/doc-dist/14.js +0 -6
  50. package/doc-dist/15.js +0 -6
  51. package/doc-dist/16.js +0 -6
  52. package/doc-dist/3.js +0 -89
  53. package/doc-dist/4.js +0 -6
  54. package/doc-dist/5.js +0 -13
  55. package/doc-dist/6.css +0 -1
  56. package/doc-dist/6.js +0 -6
  57. package/doc-dist/6.os.css +0 -1
  58. package/doc-dist/7.js +0 -6
  59. package/doc-dist/8.js +0 -6
  60. package/doc-dist/9.js +0 -6
  61. package/doc-dist/console-fe-test-rc-search-doc.manifest.json +0 -38
  62. package/doc-dist/deps/console-fe-test-rc-search-doc-deps.manifest.json +0 -33
  63. package/doc-dist/deps/index.html +0 -14
  64. package/doc-dist/deps/main.css +0 -1
  65. package/doc-dist/deps/main.js +0 -103
  66. package/doc-dist/deps/main.os.css +0 -1
  67. package/doc-dist/index.css +0 -1
  68. package/doc-dist/index.html +0 -14
  69. package/doc-dist/index.js +0 -19
  70. package/doc-dist/index.os.css +0 -1
  71. package/doc-dist/log-deps-build.log +0 -19
  72. package/es/provider/LoggerProvider.js +0 -37
  73. package/lib/provider/LoggerProvider.d.ts +0 -8
  74. package/lib/provider/LoggerProvider.js +0 -47
@@ -1,48 +1,39 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
3
-
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
5
-
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
-
8
- import React from "react";
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ import React from 'react';
9
6
  import classNames from 'classnames';
10
7
  import { ConfigProvider, Tag } from '@alicloud/console-components';
11
- import { TagListWrap } from '../style';
12
- import { baseTagListClassName } from '../constants';
13
8
  import isArray from 'lodash/isArray';
14
9
  import isObject from 'lodash/isObject';
15
- import PureTag from "./PureTag";
16
- import { useWindTheme } from "../useCssVar";
17
- import message from "../message";
18
- var TagGroup = Tag.Group,
19
- ClosableTag = Tag.Closeable;
10
+ import { TagListWrap } from '../style';
11
+ import { baseTagListClassName } from '../constants';
12
+ import PureTag from './PureTag';
13
+ import { useWindTheme } from '../useCssVar';
14
+ import message from '../message';
15
+ var ClosableTag = Tag.Closeable;
16
+
20
17
  /**
21
18
  * 判断是否是 标签 的数据结构
22
19
  */
23
-
24
20
  var isTagLikeDataStructure = function isTagLikeDataStructure(value) {
25
21
  var isTag = !!(value !== null && value !== void 0 && value.tagKey);
26
-
27
22
  if (isArray(value)) {
28
23
  return value[0] && !!value[0].tagKey;
29
24
  }
30
-
31
25
  return isTag;
32
26
  };
33
-
34
27
  var SearchTagList = function SearchTagList(props) {
35
28
  var dataSource = props.dataSource,
36
- className = props.className,
37
- style = props.style,
38
- onChange = props.onChange,
39
- onClear = props.onClear,
40
- _props$prefix = props.prefix,
41
- prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
42
-
29
+ className = props.className,
30
+ style = props.style,
31
+ onChange = props.onChange,
32
+ onClear = props.onClear,
33
+ _props$prefix = props.prefix,
34
+ prefix = _props$prefix === void 0 ? 'next-' : _props$prefix;
43
35
  var onRemoveFilter = function onRemoveFilter(item) {
44
36
  var newTagList = _toConsumableArray(dataSource);
45
-
46
37
  if (onChange) {
47
38
  var resFindIndex = newTagList.findIndex(function (x) {
48
39
  return x.dataIndex === item.dataIndex;
@@ -51,22 +42,18 @@ var SearchTagList = function SearchTagList(props) {
51
42
  onChange(deletedTags[0], newTagList);
52
43
  }
53
44
  };
54
-
55
45
  var onRemoveAllFilter = function onRemoveAllFilter() {
56
46
  if (onClear) {
57
47
  onClear();
58
48
  }
59
49
  };
60
-
61
50
  var onRemoveTag = function onRemoveTag(item, tag) {
62
51
  var newDataSource = _toConsumableArray(dataSource);
63
-
64
52
  if (onChange) {
65
53
  var resFindIndex = item.value.findIndex(function (x) {
66
54
  return x.tagKey === tag.tagKey && x.tagValue === tag.tagValue;
67
55
  });
68
56
  var deletedTags = item.value.splice(resFindIndex, 1);
69
-
70
57
  if (item.value.length === 0) {
71
58
  onRemoveFilter(item);
72
59
  } else {
@@ -76,10 +63,8 @@ var SearchTagList = function SearchTagList(props) {
76
63
  }
77
64
  }
78
65
  };
79
-
80
66
  var renderTags = function renderTags(tagItem) {
81
67
  var value = tagItem.value;
82
-
83
68
  if (isArray(value)) {
84
69
  return value.map(function (t) {
85
70
  return /*#__PURE__*/React.createElement(PureTag, {
@@ -95,7 +80,6 @@ var SearchTagList = function SearchTagList(props) {
95
80
  });
96
81
  });
97
82
  }
98
-
99
83
  return /*#__PURE__*/React.createElement(PureTag, {
100
84
  showLabel: true,
101
85
  tagKey: value === null || value === void 0 ? void 0 : value.tagKey,
@@ -107,18 +91,15 @@ var SearchTagList = function SearchTagList(props) {
107
91
  }
108
92
  });
109
93
  };
110
-
111
94
  var processDataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (t) {
112
95
  if (isArray(t === null || t === void 0 ? void 0 : t.value)) {
113
96
  // 过滤掉非法的 Tag 节点
114
97
  var validValue = t.value.filter(isTagLikeDataStructure);
115
98
  if (!validValue.length) return false;
116
99
  }
117
-
118
100
  if (isObject(t === null || t === void 0 ? void 0 : t.value)) {
119
101
  return isTagLikeDataStructure(t.value);
120
102
  }
121
-
122
103
  return true;
123
104
  })) || [];
124
105
  var isWindClass = useWindTheme();
@@ -130,7 +111,6 @@ var SearchTagList = function SearchTagList(props) {
130
111
  if (isTagLikeDataStructure(tagItem.value)) {
131
112
  return renderTags(tagItem);
132
113
  }
133
-
134
114
  return /*#__PURE__*/React.createElement(ClosableTag, {
135
115
  className: "search-tags-tag",
136
116
  key: tagItem.dataIndex + tagItem.value,
@@ -148,5 +128,4 @@ var SearchTagList = function SearchTagList(props) {
148
128
  onClick: onRemoveAllFilter
149
129
  }, message.clearFilter));
150
130
  };
151
-
152
131
  export default ConfigProvider.config(SearchTagList);
package/es/style.js CHANGED
@@ -1,15 +1,17 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
-
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
-
5
- import styled from "styled-components";
6
-
1
+ import styled from 'styled-components';
7
2
  var prefix = function prefix(props) {
8
3
  return props.prefix ? ".".concat(props.prefix) : '.next-';
9
4
  };
10
-
11
- var SearchWarp = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n display: flex;\n --input-clear-icon-transform: 1;\n --input-hint-icon-color: #808080;\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 border-right: none;\n &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: none;\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 &.rc-search-prefix-no-select {\n ", "input", "disabled {\n cursor: auto;\n }\n }\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: transparent;\n z-index: 1;\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 ", "select-arrow {\n display: none !important;\n }\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\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 }\n }\n\n .isWidget & .right-wrap,\n .isWind & .right-wrap {\n .search-btn {\n &:hover {\n border-color: #0064c8;\n border-color: var(--input-focus-border-color,#0064c8);\n }\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 .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 border-right: none;\n &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: none;\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 &.rc-search-prefix-no-select {\n ", "input", "disabled {\n cursor: auto;\n }\n }\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: transparent;\n z-index: 1;\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 ", "select-arrow {\n display: none !important;\n }\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\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 }\n }\n\n .isWidget & .right-wrap,\n .isWind & .right-wrap {\n .search-btn {\n &:hover {\n border-color: #0064c8;\n border-color: var(--input-focus-border-color,#0064c8);\n }\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, prefix, prefix, prefix);
12
- var MenuContentWrap = styled.ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
13
- var MultiBtnWarp = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: \"0 4px\";\n text-align: \"center\";\n /* display: \"flex\"; */\n /* justify-content: \"start\"; */\n .pri-btn{\n margin-right: 8px;\n width: auto;\n min-width: auto;\n padding: 3px 12px;\n }\n .cancel-btn{\n padding: 3px 12px;\n width: auto;\n min-width: auto;\n }\n ", "btn", "small:not(.isOnlyIcon):not(", "btn-text) {\n min-width: auto;\n }\n"])), prefix, prefix, prefix);
14
- var TagListWrap = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", "tag-medium", "tag-closable > ", "tag-close-btn {\n margin-left: 8px;\n padding-right: 6px;\n }\n ", "tag-medium", "tag-closable > ", "tag-body {\n max-width: calc(100% - 8px - 8px - var(--tag-size-m-padding-lr, 8px));\n }\n ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before, ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{\n font-size: 16px;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n font-size: 12px !important;\n }\n .remove-btn{\n line-height: 24px;\n margin-top: 4px;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
5
+ var SearchWarp = styled.div.withConfig({
6
+ componentId: "sc-1afc1cn-0"
7
+ })(["height:100%;width:100%;display:flex;--input-clear-icon-transform:1;--input-hint-icon-color:#808080;.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);border-right:none;&.focus{border:1px solid #0064c8;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:none;}.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:0;left:0;min-width:auto;&.rc-search-prefix-no-select{", "input", "disabled{cursor:auto;}}", "select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:var(--console-rc-search-close-btn-top,1px);right:var(--console-rc-search-close-btn-left,1px);height:28px;width:30px;background-color:transparent;z-index:1;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{", "select-arrow{display:none !important;}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);}}}.isWidget & .right-wrap,.isWind & .right-wrap{.search-btn{&:hover{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}}}& ", "input-control ", "input-clear-icon::before{content:var(--icon-content-close,\"ea22\") !important;}.isWidget & ", "input-control ", "input-clear-icon::before{content:\"\\E697\" !important;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
8
+ var MenuContentWrap = styled.ul.withConfig({
9
+ componentId: "sc-1afc1cn-1"
10
+ })(["", "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;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
11
+ var MultiBtnWarp = styled.div.withConfig({
12
+ componentId: "sc-1afc1cn-2"
13
+ })(["padding:\"0 4px\";text-align:\"center\";.pri-btn{margin-right:8px;width:auto;min-width:auto;padding:3px 12px;}.cancel-btn{padding:3px 12px;width:auto;min-width:auto;}", "btn", "small:not(.isOnlyIcon):not(", "btn-text){min-width:auto;}"], prefix, prefix, prefix);
14
+ var TagListWrap = styled.div.withConfig({
15
+ componentId: "sc-1afc1cn-3"
16
+ })(["", "tag-medium", "tag-closable > ", "tag-close-btn{margin-left:8px;padding-right:6px;}", "tag-medium", "tag-closable > ", "tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before,", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{font-size:16px;}&& [class*='-icon-close']::before{color:#808080;font-size:12px !important;}.remove-btn{line-height:24px;margin-top:4px;display:inline-block;vertical-align:middle;cursor:pointer;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
15
17
  export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
package/es/useCssVar.js CHANGED
@@ -4,32 +4,27 @@ import { ConfigProvider } from '@alicloud/console-components';
4
4
  var nextId = 0;
5
5
  export function useCssVar(cssVarName) {
6
6
  var _useState = useState(''),
7
- _useState2 = _slicedToArray(_useState, 2),
8
- v = _useState2[0],
9
- setV = _useState2[1];
10
-
7
+ _useState2 = _slicedToArray(_useState, 2),
8
+ v = _useState2[0],
9
+ setV = _useState2[1];
11
10
  var refElement = ConfigProvider.useRefElement();
12
11
  useLayoutEffect(function () {
13
12
  var _window$__recheck_css;
13
+ check();
14
14
 
15
- check(); // @ts-ignore
16
-
17
- var checkArr = window['__recheck_css_var'] = (_window$__recheck_css = window['__recheck_css_var']) !== null && _window$__recheck_css !== void 0 ? _window$__recheck_css : [];
18
-
15
+ // @ts-ignore
16
+ var checkArr = window.__recheck_css_var = (_window$__recheck_css = window.__recheck_css_var) !== null && _window$__recheck_css !== void 0 ? _window$__recheck_css : [];
19
17
  while (checkArr[nextId]) {
20
18
  // 如果一个页面下有份此组件库(即有多个nextId指针),需要避免冲突
21
19
  nextId++;
22
20
  }
23
-
24
21
  var id = nextId++;
25
22
  checkArr[id] = check;
26
23
  return function () {
27
24
  delete checkArr[id];
28
25
  };
29
-
30
26
  function check() {
31
27
  var _window$getComputedSt, _window$getComputedSt2, _window;
32
-
33
28
  var val = (_window$getComputedSt = (_window$getComputedSt2 = (_window = window).getComputedStyle) === null || _window$getComputedSt2 === void 0 ? void 0 : _window$getComputedSt2.call(_window, refElement).getPropertyValue(cssVarName)) !== null && _window$getComputedSt !== void 0 ? _window$getComputedSt : '';
34
29
  setV(val);
35
30
  }
package/es/utils.js CHANGED
@@ -1,24 +1,22 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
2
  import _typeof from "@babel/runtime/helpers/esm/typeof";
3
3
  import { uniqWith, isEqual } from 'lodash';
4
- import createLogger from '@alicloud/console-logger-sls';
5
- var historyTagKey = "xconsole-rcsearch-historytag-".concat(location.origin).concat(location.pathname); // 从localStorage中获取tagList
4
+ var historyTagKey = "xconsole-rcsearch-historytag-".concat(location.origin).concat(location.pathname);
6
5
 
6
+ // 从localStorage中获取tagList
7
7
  var getHistoryTag = function getHistoryTag() {
8
8
  var tagStr = localStorage.getItem(historyTagKey);
9
-
10
9
  if (tagStr) {
11
10
  return JSON.parse(tagStr);
12
11
  } else {
13
12
  return [];
14
13
  }
15
- }; // 向localStorage中存入tagList
16
-
14
+ };
17
15
 
16
+ // 向localStorage中存入tagList
18
17
  var setHistoryTag = function setHistoryTag(newTagList) {
19
18
  var tagsHistory = getHistoryTag();
20
19
  var newHTags = tagsHistory.concat(newTagList);
21
-
22
20
  if (newHTags.length > 5) {
23
21
  newHTags.reverse();
24
22
  newHTags = uniqWith(newHTags, isEqual);
@@ -27,15 +25,12 @@ var setHistoryTag = function setHistoryTag(newTagList) {
27
25
  } else {
28
26
  newHTags = uniqWith(newHTags, isEqual);
29
27
  }
30
-
31
28
  localStorage.setItem(historyTagKey, JSON.stringify(newHTags));
32
29
  return newHTags;
33
30
  };
34
-
35
31
  var removeHistoryTagItem = function removeHistoryTagItem(tagItem) {
36
32
  var tagsHistory = getHistoryTag();
37
33
  var findTagIndex = -1;
38
-
39
34
  if (tagsHistory && tagsHistory.length > 0) {
40
35
  findTagIndex = tagsHistory.findIndex(function (x) {
41
36
  if (tagItem.dataIndex === x.dataIndex && tagItem.valueShow === x.valueShow) {
@@ -45,23 +40,20 @@ var removeHistoryTagItem = function removeHistoryTagItem(tagItem) {
45
40
  }
46
41
  });
47
42
  }
48
-
49
43
  if (findTagIndex >= 0) {
50
44
  tagsHistory.splice(findTagIndex, 1);
51
45
  }
52
-
53
46
  localStorage.setItem(historyTagKey, JSON.stringify(tagsHistory));
54
47
  return tagsHistory;
55
- }; // 将内部的表单对象, 转化成taglist array
56
-
48
+ };
57
49
 
50
+ // 将内部的表单对象, 转化成taglist array
58
51
  var getTagByFileds = function getTagByFileds(fileds, options) {
59
52
  var rtTags = new Array();
60
53
  Object.keys(fileds).forEach(function (key) {
61
54
  var resItem = options.find(function (x) {
62
55
  return x.dataIndex === key;
63
56
  });
64
-
65
57
  if (resItem && fileds[key]) {
66
58
  var tagItem = {
67
59
  label: resItem.label,
@@ -69,7 +61,6 @@ var getTagByFileds = function getTagByFileds(fileds, options) {
69
61
  value: fileds[key],
70
62
  valueShow: ''
71
63
  };
72
-
73
64
  if (resItem.template === 'input') {
74
65
  tagItem.valueShow = fileds[key];
75
66
  } else if (resItem.template === 'select') {
@@ -83,20 +74,17 @@ var getTagByFileds = function getTagByFileds(fileds, options) {
83
74
  var findMul = resItem.templateProps.dataSource.find(function (z) {
84
75
  return z.value === y;
85
76
  });
86
-
87
77
  if (findMul) {
88
78
  valueShowArr.push(findMul.label);
89
79
  }
90
80
  });
91
81
  tagItem.valueShow = valueShowArr.join('/');
92
82
  }
93
-
94
83
  rtTags.push(tagItem);
95
84
  }
96
85
  });
97
86
  return rtTags;
98
87
  };
99
-
100
88
  var checkNoIndexListFormat = function checkNoIndexListFormat(list) {
101
89
  var isOk = true;
102
90
  list.forEach(function (groupItem) {
@@ -109,41 +97,21 @@ var checkNoIndexListFormat = function checkNoIndexListFormat(list) {
109
97
  }
110
98
  });
111
99
  };
112
-
113
100
  var getSelectOptionAdatp = function getSelectOptionAdatp(title, list) {
114
101
  return [{
115
102
  label: title || '',
116
103
  children: _toConsumableArray(list)
117
104
  }];
118
105
  };
119
-
120
106
  var getEnv = function getEnv() {
121
107
  var _window, _window$ALIYUN_CONSOL;
122
-
123
108
  if (process.env.NODE_ENV === 'development') {
124
109
  return 'local';
125
- } // @ts-ignore
126
-
127
-
128
- return ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.fEnv) || 'prod';
129
- };
130
-
131
- var logger = null;
132
-
133
- var getLogger = function getLogger() {
134
- if (!logger) {
135
- logger = createLogger({
136
- project: 'stonehenge-console',
137
- endpoint: 'cn-hangzhou.log.aliyuncs.com',
138
- logstore: "com-usage-origin"
139
- });
140
110
  }
141
-
142
- return logger;
111
+ // @ts-ignore
112
+ return ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.fEnv) || 'prod';
143
113
  };
144
-
145
114
  var isValidKey = function isValidKey(key, object) {
146
115
  return key in object;
147
116
  };
148
-
149
- export { getHistoryTag, setHistoryTag, removeHistoryTagItem, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp, getEnv, getLogger, isValidKey };
117
+ export { getHistoryTag, setHistoryTag, removeHistoryTagItem, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp, getEnv, isValidKey };
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- declare const SearchConditionSelectPrefix: (props: any) => JSX.Element;
1
+ import React from 'react';
2
+ declare const SearchConditionSelectPrefix: (props: any) => React.JSX.Element;
3
3
  export default SearchConditionSelectPrefix;
@@ -1,30 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
11
  var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
12
  var _consoleComponents = require("@alicloud/console-components");
19
-
13
+ var _excluded = ["defaultValue", "dataSource", "label"];
20
14
  var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
21
15
  var _dataSource$, _dataSource$$children;
22
-
23
16
  var defaultValue = props.defaultValue,
24
- _props$dataSource = props.dataSource,
25
- dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
26
- label = props.label,
27
- reset = (0, _objectWithoutProperties2.default)(props, ["defaultValue", "dataSource", "label"]);
17
+ _props$dataSource = props.dataSource,
18
+ dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
19
+ label = props.label,
20
+ reset = (0, _objectWithoutProperties2.default)(props, _excluded);
28
21
  var noSelect = dataSource.length < 2 && ((_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : (_dataSource$$children = _dataSource$.children) === null || _dataSource$$children === void 0 ? void 0 : _dataSource$$children.length) < 2;
29
22
  return /*#__PURE__*/_react.default.createElement("div", {
30
23
  className: (0, _classnames.default)('condition-item')
@@ -44,7 +37,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
44
37
  dataSource: dataSource,
45
38
  itemRender: function itemRender(_ref) {
46
39
  var label = _ref.label,
47
- value = _ref.value;
40
+ value = _ref.value;
48
41
  return /*#__PURE__*/_react.default.createElement("span", {
49
42
  "data-value": value
50
43
  }, label);
@@ -54,6 +47,4 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
54
47
  popupClassName: "rc-search-prefix"
55
48
  })));
56
49
  };
57
-
58
- var _default = SearchConditionSelectPrefix;
59
- exports.default = _default;
50
+ var _default = exports.default = SearchConditionSelectPrefix;