@alicloud/console-components-search 0.2.29 → 0.2.30

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 (55) hide show
  1. package/dist/index.css +11 -2
  2. package/dist/index.js +4344 -5303
  3. package/doc-dist/0.js +1 -1923
  4. package/doc-dist/1.js +2083 -16
  5. package/doc-dist/10.js +1 -1
  6. package/doc-dist/11.js +1 -1
  7. package/doc-dist/12.js +1 -1
  8. package/doc-dist/13.js +1 -1
  9. package/doc-dist/14.js +1 -1
  10. package/doc-dist/15.js +1 -1
  11. package/doc-dist/16.js +1 -1
  12. package/doc-dist/17.js +6 -0
  13. package/doc-dist/2.js +27 -0
  14. package/doc-dist/4.js +84 -1
  15. package/doc-dist/5.js +1 -8
  16. package/doc-dist/6.js +8 -1
  17. package/doc-dist/{6.css → 7.css} +0 -0
  18. package/doc-dist/7.js +1 -1
  19. package/doc-dist/{6.os.css → 7.os.css} +0 -0
  20. package/doc-dist/8.js +1 -1
  21. package/doc-dist/9.js +1 -1
  22. package/doc-dist/deps/main.css +1 -1
  23. package/doc-dist/deps/main.js +27 -26
  24. package/doc-dist/deps/main.os.css +1 -1
  25. package/doc-dist/index.css +1 -1
  26. package/doc-dist/index.js +4 -4
  27. package/doc-dist/index.os.css +1 -1
  28. package/doc-dist/log-deps-build.log +8 -3
  29. package/es/ComplexSearch/InputPrefix.js +1 -2
  30. package/es/ComplexSearch/index.js +23 -20
  31. package/es/search.js +5 -3
  32. package/es/searchTagList/PureTag.js +1 -2
  33. package/es/searchTagList/index.js +2 -2
  34. package/es/style.js +8 -12
  35. package/es/types/IRcSearchOptions.type.js +0 -1
  36. package/es/types/IRcSearchProps.type.js +0 -1
  37. package/es/types/IRcSearchTagItemProps.type.js +0 -1
  38. package/es/types/IRcSearchTagListProps.type.js +0 -1
  39. package/lib/ComplexSearch/InputPrefix.d.ts +1 -0
  40. package/lib/ComplexSearch/InputPrefix.js +1 -3
  41. package/lib/ComplexSearch/index.d.ts +2 -2
  42. package/lib/ComplexSearch/index.js +22 -23
  43. package/lib/constants.js +1 -1
  44. package/lib/index.js +10 -10
  45. package/lib/search.js +5 -3
  46. package/lib/searchTagList/PureTag.js +1 -3
  47. package/lib/searchTagList/index.js +2 -2
  48. package/lib/style.js +9 -13
  49. package/lib/types/IRcSearchOptions.type.js +1 -5
  50. package/lib/types/IRcSearchProps.type.js +1 -5
  51. package/lib/types/IRcSearchTagItemProps.type.js +1 -5
  52. package/lib/types/IRcSearchTagListProps.type.js +1 -5
  53. package/lib/utils.js +1 -1
  54. package/package.json +1 -1
  55. package/doc-dist/3.js +0 -104
@@ -1 +1 @@
1
- html .DemoContainer-___index-scoped__container___2J8VW{width:800px;max-width:100%;border:1px solid #e3e4e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}html .DemoContainer-___index-scoped__container___2J8VW.canFullScreen{width:1200px}html .DemoContainer-___index-scoped__container___2J8VW:hover{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.16);box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__title___1oo1m{height:40px;line-height:40px;font-family:PingFangSC-Medium;font-size:14px;color:#303030;letter-spacing:0;border-bottom:1px solid #dedede;padding-left:16px;margin:0}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__demo___17jE8{border-bottom:1px solid #dedede;width:100%;overflow-x:auto}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__demo___17jE8 .DemoContainer-___index-scoped__demoInner___1rt9f{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;padding:32px 16px}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__describe___najBj{padding:12px 0 16px 12px;border-bottom:1px solid #dedede}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__describe___najBj p{font-size:12px;margin:0}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__operations___1YsVs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:40px;color:#666;font-size:15px;opacity:.7}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__operations___1YsVs>.DemoContainer-___index-scoped__operation___1EAz9{width:16px;height:16px;cursor:pointer;margin-right:16px}html .DemoContainer-___index-scoped__codemirror___QVlTJ{border-top:1px solid #dedede}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc.DemoContainer-___index-scoped__fullViewDialog___1_Bbc{width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);width:calc(100% - 24px);height:-webkit-calc(100% - 24px);height:-moz-calc(100% - 24px);height:calc(100% - 24px);margin:12px}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content .rc-dialog-header{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content .rc-dialog-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:auto}html .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}html .CodeMirror-lines{padding:4px 0}html .CodeMirror pre.CodeMirror-line,html .CodeMirror pre.CodeMirror-line-like{padding:0 4px}html .CodeMirror-gutter-filler,html .CodeMirror-scrollbar-filler{background-color:#fff}html .CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}html .CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}html .CodeMirror-guttermarker{color:#000}html .CodeMirror-guttermarker-subtle{color:#999}html .CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}html .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}html .cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}html .cm-fat-cursor div.CodeMirror-cursors{z-index:1}html .cm-fat-cursor .CodeMirror-line::selection,html .cm-fat-cursor .CodeMirror-line>span::selection,html .cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}html .cm-fat-cursor .CodeMirror-line::-moz-selection,html .cm-fat-cursor .CodeMirror-line>span::-moz-selection,html .cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}html .cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@-o-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}html .cm-tab{display:inline-block;text-decoration:inherit}html .CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}html .CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}html .cm-s-default .cm-header{color:#00f}html .cm-s-default .cm-quote{color:#090}html .cm-negative{color:#d44}html .cm-positive{color:#292}html .cm-header,html .cm-strong{font-weight:700}html .cm-em{font-style:italic}html .cm-link{text-decoration:underline}html .cm-strikethrough{text-decoration:line-through}html .cm-s-default .cm-keyword{color:#708}html .cm-s-default .cm-atom{color:#219}html .cm-s-default .cm-number{color:#164}html .cm-s-default .cm-def{color:#00f}html .cm-s-default .cm-variable-2{color:#05a}html .cm-s-default .cm-type,html .cm-s-default .cm-variable-3{color:#085}html .cm-s-default .cm-comment{color:#a50}html .cm-s-default .cm-string{color:#a11}html .cm-s-default .cm-string-2{color:#f50}html .cm-s-default .cm-meta,html .cm-s-default .cm-qualifier{color:#555}html .cm-s-default .cm-builtin{color:#30a}html .cm-s-default .cm-bracket{color:#997}html .cm-s-default .cm-tag{color:#170}html .cm-s-default .cm-attribute{color:#00c}html .cm-s-default .cm-hr{color:#999}html .cm-s-default .cm-link{color:#00c}html .cm-invalidchar,html .cm-s-default .cm-error{color:red}html .CodeMirror-composing{border-bottom:2px solid}html div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}html div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}html .CodeMirror-matchingtag{background:rgba(255,150,0,.3)}html .CodeMirror-activeline-background{background:#e8f2ff}html .CodeMirror{position:relative;overflow:hidden;background:#fff}html .CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}html .CodeMirror-sizer{position:relative;border-right:50px solid transparent}html .CodeMirror-gutter-filler,html .CodeMirror-hscrollbar,html .CodeMirror-scrollbar-filler,html .CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:none}html .CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}html .CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}html .CodeMirror-scrollbar-filler{right:0;bottom:0}html .CodeMirror-gutter-filler{left:0;bottom:0}html .CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}html .CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}html .CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}html .CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}html .CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}html .CodeMirror-gutter-wrapper ::selection{background-color:transparent}html .CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}html .CodeMirror-lines{cursor:text;min-height:1px}html .CodeMirror pre.CodeMirror-line,html .CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;-moz-font-variant-ligatures:contextual;font-variant-ligatures:contextual}html .CodeMirror-wrap pre.CodeMirror-line,html .CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}html .CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}html .CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}html .CodeMirror-rtl pre{direction:rtl}html .CodeMirror-code{outline:none}html .CodeMirror-gutter,html .CodeMirror-gutters,html .CodeMirror-linenumber,html .CodeMirror-scroll,html .CodeMirror-sizer{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}html .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}html .CodeMirror-cursor{position:absolute;pointer-events:none}html .CodeMirror-measure pre{position:static}html div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}html .CodeMirror-focused div.CodeMirror-cursors,html div.CodeMirror-dragcursors{visibility:visible}html .CodeMirror-selected{background:#d9d9d9}html .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}html .CodeMirror-crosshair{cursor:crosshair}html .CodeMirror-line::selection,html .CodeMirror-line>span::selection,html .CodeMirror-line>span>span::selection{background:#d7d4f0}html .CodeMirror-line::-moz-selection,html .CodeMirror-line>span::-moz-selection,html .CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}html .cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}html .cm-force-border{padding-right:.1px}@media print{html .CodeMirror div.CodeMirror-cursors{visibility:hidden}}html .cm-tab-wrap-hack:after{content:""}html span.CodeMirror-selectedtext{background:none}
1
+ html .DemoContainer-___index-scoped__container___2J8VW{width:800px;max-width:100%;border:1px solid #e3e4e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}html .DemoContainer-___index-scoped__container___2J8VW.canFullScreen{width:1200px}html .DemoContainer-___index-scoped__container___2J8VW:hover{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.16);box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__title___1oo1m{height:40px;line-height:40px;font-family:PingFangSC-Medium;font-size:14px;color:#303030;letter-spacing:0;border-bottom:1px solid #dedede;padding-left:16px;margin:0}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__demo___17jE8{border-bottom:1px solid #dedede;width:100%;overflow-x:auto}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__demo___17jE8 .DemoContainer-___index-scoped__demoInner___1rt9f{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;padding:32px 16px}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__describe___najBj{padding:12px 0 16px 12px;border-bottom:1px solid #dedede}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__describe___najBj p{font-size:12px;margin:0}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__operations___1YsVs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:40px;color:#666;font-size:15px;opacity:.7}html .DemoContainer-___index-scoped__container___2J8VW .DemoContainer-___index-scoped__operations___1YsVs>.DemoContainer-___index-scoped__operation___1EAz9{width:16px;height:16px;cursor:pointer;margin-right:16px}html .DemoContainer-___index-scoped__codemirror___QVlTJ{border-top:1px solid #dedede}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc.DemoContainer-___index-scoped__fullViewDialog___1_Bbc{width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);width:calc(100% - 24px);height:-webkit-calc(100% - 24px);height:-moz-calc(100% - 24px);height:calc(100% - 24px);margin:12px}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content .rc-dialog-header{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}html .DemoContainer-___index-scoped__fullViewDialog___1_Bbc .rc-dialog-content .rc-dialog-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:auto}html .CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}html .CodeMirror-lines{padding:4px 0}html .CodeMirror pre.CodeMirror-line,html .CodeMirror pre.CodeMirror-line-like{padding:0 4px}html .CodeMirror-gutter-filler,html .CodeMirror-scrollbar-filler{background-color:#fff}html .CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}html .CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}html .CodeMirror-guttermarker{color:#000}html .CodeMirror-guttermarker-subtle{color:#999}html .CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}html .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}html .cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}html .cm-fat-cursor div.CodeMirror-cursors{z-index:1}html .cm-fat-cursor-mark{background-color:rgba(20,255,20,.5)}html .cm-animate-fat-cursor,html .cm-fat-cursor-mark{-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;-o-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}html .cm-animate-fat-cursor{width:auto;border:0;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@-o-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}html .cm-tab{display:inline-block;text-decoration:inherit}html .CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}html .CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}html .cm-s-default .cm-header{color:#00f}html .cm-s-default .cm-quote{color:#090}html .cm-negative{color:#d44}html .cm-positive{color:#292}html .cm-header,html .cm-strong{font-weight:700}html .cm-em{font-style:italic}html .cm-link{text-decoration:underline}html .cm-strikethrough{text-decoration:line-through}html .cm-s-default .cm-keyword{color:#708}html .cm-s-default .cm-atom{color:#219}html .cm-s-default .cm-number{color:#164}html .cm-s-default .cm-def{color:#00f}html .cm-s-default .cm-variable-2{color:#05a}html .cm-s-default .cm-type,html .cm-s-default .cm-variable-3{color:#085}html .cm-s-default .cm-comment{color:#a50}html .cm-s-default .cm-string{color:#a11}html .cm-s-default .cm-string-2{color:#f50}html .cm-s-default .cm-meta,html .cm-s-default .cm-qualifier{color:#555}html .cm-s-default .cm-builtin{color:#30a}html .cm-s-default .cm-bracket{color:#997}html .cm-s-default .cm-tag{color:#170}html .cm-s-default .cm-attribute{color:#00c}html .cm-s-default .cm-hr{color:#999}html .cm-s-default .cm-link{color:#00c}html .cm-invalidchar,html .cm-s-default .cm-error{color:red}html .CodeMirror-composing{border-bottom:2px solid}html div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}html div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}html .CodeMirror-matchingtag{background:rgba(255,150,0,.3)}html .CodeMirror-activeline-background{background:#e8f2ff}html .CodeMirror{position:relative;overflow:hidden;background:#fff}html .CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}html .CodeMirror-sizer{position:relative;border-right:50px solid transparent}html .CodeMirror-gutter-filler,html .CodeMirror-hscrollbar,html .CodeMirror-scrollbar-filler,html .CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:none}html .CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}html .CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}html .CodeMirror-scrollbar-filler{right:0;bottom:0}html .CodeMirror-gutter-filler{left:0;bottom:0}html .CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}html .CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}html .CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}html .CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}html .CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}html .CodeMirror-gutter-wrapper ::selection{background-color:transparent}html .CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}html .CodeMirror-lines{cursor:text;min-height:1px}html .CodeMirror pre.CodeMirror-line,html .CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;-moz-font-variant-ligatures:contextual;font-variant-ligatures:contextual}html .CodeMirror-wrap pre.CodeMirror-line,html .CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}html .CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}html .CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}html .CodeMirror-rtl pre{direction:rtl}html .CodeMirror-code{outline:none}html .CodeMirror-gutter,html .CodeMirror-gutters,html .CodeMirror-linenumber,html .CodeMirror-scroll,html .CodeMirror-sizer{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}html .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}html .CodeMirror-cursor{position:absolute;pointer-events:none}html .CodeMirror-measure pre{position:static}html div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}html .CodeMirror-focused div.CodeMirror-cursors,html div.CodeMirror-dragcursors{visibility:visible}html .CodeMirror-selected{background:#d9d9d9}html .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}html .CodeMirror-crosshair{cursor:crosshair}html .CodeMirror-line::selection,html .CodeMirror-line>span::selection,html .CodeMirror-line>span>span::selection{background:#d7d4f0}html .CodeMirror-line::-moz-selection,html .CodeMirror-line>span::-moz-selection,html .CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}html .cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}html .cm-force-border{padding-right:.1px}@media print{html .CodeMirror div.CodeMirror-cursors{visibility:hidden}}html .cm-tab-wrap-hack:after{content:""}html span.CodeMirror-selectedtext{background:none}
@@ -1,13 +1,18 @@
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 11.77s
4
+ Browserslist: caniuse-lite is outdated. Please run:
5
+ npx browserslist@latest --update-db
6
+
7
+ Why you should do it regularly:
8
+ https://github.com/browserslist/browserslist#browsers-data-updating
9
+ ✔ Webpack: Compiled successfully in 12.80s
5
10
  WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
6
11
  This can impact web performance.
7
12
  Assets:
8
- main.js (2.52 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
13
+ main.js (2.57 MiB),entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
9
14
  Entrypoints:
10
- main (2.52 MiB)
15
+ main (2.57 MiB)
11
16
  main.css
12
17
  main.js
13
18
  ,webpack performance recommendations:
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["defaultValue", "dataSource", "label"];
4
3
  import React from 'react';
5
4
  import classNames from 'classnames';
6
5
  import { Icon, Select } from '@alicloud/console-components';
@@ -12,7 +11,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
12
11
  _props$dataSource = props.dataSource,
13
12
  dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
14
13
  label = props.label,
15
- reset = _objectWithoutProperties(props, _excluded);
14
+ reset = _objectWithoutProperties(props, ["defaultValue", "dataSource", "label"]);
16
15
 
17
16
  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;
18
17
  return /*#__PURE__*/React.createElement("div", {
@@ -3,26 +3,26 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
3
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
4
4
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
5
5
 
6
- 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; }
6
+ 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; }
7
7
 
8
- 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) { _defineProperty(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; }
8
+ 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; }
9
9
 
10
10
  import classNames from 'classnames';
11
11
  import cloneDeep from 'lodash/cloneDeep';
12
12
  import groupBy from 'lodash/groupBy';
13
13
  import isArray from 'lodash/isArray';
14
- import React, { useState, useRef } from "react";
14
+ import React, { useState, useRef } from 'react';
15
15
  import { Button, Icon, Select, ConfigProvider, Field, Checkbox } from '@alicloud/console-components';
16
- import { SearchWarp, MultiBtnWarp } from "../style";
17
- import SearchConditionSelectPrefix from "./InputPrefix";
18
- import { SEARCH_FILTER_FIELD, SEARCH_FILTER_VALUE_FIELD } from "../constants";
19
- import message from "../message";
20
16
  import { isPlainObject, template } from 'lodash';
17
+ import { SearchWarp, MultiBtnWarp } from '../style';
18
+ import SearchConditionSelectPrefix from './InputPrefix';
19
+ import { SEARCH_FILTER_FIELD, SEARCH_FILTER_VALUE_FIELD } from '../constants';
20
+ import message from '../message';
21
21
  var AutoComplete = Select.AutoComplete;
22
22
  /**
23
- *
23
+ *
24
24
  * @param IRcSearchOptionsProps options
25
- * @returns
25
+ * @returns
26
26
  */
27
27
 
28
28
  var normalizeOptions = function normalizeOptions(options) {
@@ -86,7 +86,7 @@ var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, o
86
86
  var _opt$templateProps2;
87
87
 
88
88
  valueLabel = (_opt$templateProps2 = opt.templateProps) === null || _opt$templateProps2 === void 0 ? void 0 : _opt$templateProps2.dataSource.filter(function (d) {
89
- return value.indexOf(d.value) !== -1;
89
+ return value.includes(d.value);
90
90
  }).map(function (d) {
91
91
  return d.label;
92
92
  }).join('/');
@@ -151,7 +151,7 @@ var ComplexSearch = function ComplexSearch(props) {
151
151
  onBlur: function onBlur() {
152
152
  setFocused(false);
153
153
  }
154
- }; //计算视图,根据内部状态和输入的 props 决定一些值
154
+ }; // 计算视图,根据内部状态和输入的 props 决定一些值
155
155
 
156
156
  var isFuzzy = (!!defaultDataIndex || fuzzy) && !!getValue(SEARCH_FILTER_FIELD);
157
157
  var defaultFilter = options.find(function (t) {
@@ -279,7 +279,8 @@ var ComplexSearch = function ComplexSearch(props) {
279
279
  switch (type) {
280
280
  case 'input':
281
281
  return /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_VALUE_FIELD, {}), {
282
- className: classNames('main-input', 'multi'),
282
+ className: classNames('main-input', 'multi') // @ts-ignore
283
+ ,
283
284
  autoHighlightFirstItem: false
284
285
  }, props, {
285
286
  autoWidth: true,
@@ -295,6 +296,7 @@ var ComplexSearch = function ComplexSearch(props) {
295
296
  onChange: handleSearch
296
297
  }
297
298
  }), {
299
+ // @ts-ignore
298
300
  autoHighlightFirstItem: false
299
301
  }, props, selectProps));
300
302
 
@@ -304,7 +306,8 @@ var ComplexSearch = function ComplexSearch(props) {
304
306
  }, init(SEARCH_FILTER_VALUE_FIELD, {}), props, selectProps, {
305
307
  itemRender: renderMultipleSelectorItem,
306
308
  popupClassName: "xconsole-rcsearch-multi-pop",
307
- mode: "multiple",
309
+ mode: "multiple" // @ts-ignore
310
+ ,
308
311
  autoHighlightFirstItem: false,
309
312
  maxTagCount: 0,
310
313
  menuProps: {
@@ -312,7 +315,7 @@ var ComplexSearch = function ComplexSearch(props) {
312
315
  prefix: prefix
313
316
  }, /*#__PURE__*/React.createElement(Button, {
314
317
  size: "small",
315
- className: classNames("pri-btn"),
318
+ className: classNames('pri-btn'),
316
319
  type: "primary",
317
320
  disabled: !(searchValue !== null && searchValue !== void 0 && searchValue.length),
318
321
  onClick: function onClick() {
@@ -320,7 +323,7 @@ var ComplexSearch = function ComplexSearch(props) {
320
323
  }
321
324
  }, message.confirm), /*#__PURE__*/React.createElement(Button, {
322
325
  size: "small",
323
- className: classNames("cancel-btn"),
326
+ className: classNames('cancel-btn'),
324
327
  type: "normal",
325
328
  onClick: function onClick() {
326
329
  reset();
@@ -356,7 +359,7 @@ var ComplexSearch = function ComplexSearch(props) {
356
359
  prefix: prefix
357
360
  }, /*#__PURE__*/React.createElement("div", {
358
361
  className: classNames('left-wrap', "".concat(prefix, "input"), {
359
- 'focus': focused
362
+ focus: focused
360
363
  })
361
364
  }, /*#__PURE__*/React.createElement("div", {
362
365
  className: classNames('condition')
@@ -380,9 +383,9 @@ var ComplexSearch = function ComplexSearch(props) {
380
383
  autoHighlightFirstItem: false // @ts-ignore
381
384
  ,
382
385
  itemRender: highlightItem,
383
- placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? template(message.defaultPlaceHolder)({
386
+ placeholder: placeholder || (defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? template(message.defaultPlaceHolder)({
384
387
  value: defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label
385
- }) : '',
388
+ }) : ''),
386
389
  className: classNames('main-input', 'multi'),
387
390
  hasBorder: false,
388
391
  onKeyUp: handleKeyUp,
@@ -392,13 +395,13 @@ var ComplexSearch = function ComplexSearch(props) {
392
395
  popupStyle: {
393
396
  width: 'auto'
394
397
  },
395
- popupClassName: 'rc-search-auto-complete'
398
+ popupClassName: "rc-search-auto-complete"
396
399
  }, focusProps)) : null, renderSelectedFilter(), renderSelectFilterCloseIcon())), /*#__PURE__*/React.createElement("div", {
397
400
  className: classNames('right-wrap'),
398
401
  ref: autoRef
399
402
  }, /*#__PURE__*/React.createElement(Button, {
400
403
  className: classNames('search-btn', {
401
- 'focus': focused
404
+ focus: focused
402
405
  }),
403
406
  onClick: function onClick() {
404
407
  return handleSearch();
package/es/search.js CHANGED
@@ -1,3 +1,7 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
+
3
+ var _templateObject;
4
+
1
5
  import React from "react";
2
6
  import classNames from 'classnames';
3
7
  import styled from "styled-components";
@@ -5,9 +9,7 @@ import { baseClassName } from './constants';
5
9
  import ComplexSearch from "./ComplexSearch/index";
6
10
  import LoggerProvider from './provider/LoggerProvider';
7
11
  import { useWindTheme } from "./useCssVar";
8
- var SearchWrap = styled.div.withConfig({
9
- componentId: "sc-1szhzw4-0"
10
- })(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
12
+ var SearchWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 32px;\n width: 400px;\n display: inline-block;\n vertical-align: top;\n"])));
11
13
  export var Search = function Search(props) {
12
14
  var className = props.className,
13
15
  _props$simple = props.simple,
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"];
4
3
  import React from 'react';
5
4
  import { Tag, Badge } from '@alicloud/console-components';
6
5
  import Truncate from '@alicloud/console-components-truncate';
@@ -20,7 +19,7 @@ var PureTag = function PureTag(props) {
20
19
  showLabel = props.showLabel,
21
20
  _props$closable = props.closable,
22
21
  closable = _props$closable === void 0 ? true : _props$closable,
23
- resetProps = _objectWithoutProperties(props, _excluded);
22
+ resetProps = _objectWithoutProperties(props, ["intl", "tagKey", "disableTruncate", "showDot", "tagValue", "showLabel", "closable"]);
24
23
 
25
24
  var defaultTruncateProps = {
26
25
  threshold: 20,
@@ -1,9 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
3
3
 
4
- 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; }
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
5
 
6
- 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) { _defineProperty(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; }
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
7
 
8
8
  import React from "react";
9
9
  import classNames from 'classnames';
package/es/style.js CHANGED
@@ -1,19 +1,15 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
2
+
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
4
+
1
5
  import styled from "styled-components";
2
6
 
3
7
  var prefix = function prefix(props) {
4
8
  return props.prefix ? ".".concat(props.prefix) : '.next-';
5
9
  };
6
10
 
7
- var SearchWarp = styled.div.withConfig({
8
- componentId: "sc-1afc1cn-0"
9
- })(["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:99;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);
10
- var MenuContentWrap = styled.ul.withConfig({
11
- componentId: "sc-1afc1cn-1"
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;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
13
- var MultiBtnWarp = styled.div.withConfig({
14
- componentId: "sc-1afc1cn-2"
15
- })(["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);
16
- var TagListWrap = styled.div.withConfig({
17
- componentId: "sc-1afc1cn-3"
18
- })(["", "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);
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: 99;\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: 99;\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);
19
15
  export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const SearchConditionSelectPrefix: (props: any) => JSX.Element;
2
3
  export default SearchConditionSelectPrefix;
@@ -17,8 +17,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
17
17
 
18
18
  var _consoleComponents = require("@alicloud/console-components");
19
19
 
20
- var _excluded = ["defaultValue", "dataSource", "label"];
21
-
22
20
  var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
23
21
  var _dataSource$, _dataSource$$children;
24
22
 
@@ -26,7 +24,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
26
24
  _props$dataSource = props.dataSource,
27
25
  dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
28
26
  label = props.label,
29
- reset = (0, _objectWithoutProperties2.default)(props, _excluded);
27
+ reset = (0, _objectWithoutProperties2.default)(props, ["defaultValue", "dataSource", "label"]);
30
28
  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;
31
29
  return /*#__PURE__*/_react.default.createElement("div", {
32
30
  className: (0, _classnames.default)('condition-item')
@@ -1,4 +1,4 @@
1
- import React from "react";
2
- import { IRcSearchProps } from "../types/IRcSearchProps.type";
1
+ import React from 'react';
2
+ import { IRcSearchProps } from '../types/IRcSearchProps.type';
3
3
  declare const _default: React.FC<IRcSearchProps>;
4
4
  export default _default;
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
6
 
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
@@ -29,6 +29,8 @@ var _react = _interopRequireWildcard(require("react"));
29
29
 
30
30
  var _consoleComponents = require("@alicloud/console-components");
31
31
 
32
+ var _lodash = require("lodash");
33
+
32
34
  var _style = require("../style");
33
35
 
34
36
  var _InputPrefix = _interopRequireDefault(require("./InputPrefix"));
@@ -37,21 +39,15 @@ var _constants = require("../constants");
37
39
 
38
40
  var _message = _interopRequireDefault(require("../message"));
39
41
 
40
- var _lodash = require("lodash");
41
-
42
- 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); }
43
-
44
- 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; }
45
-
46
- 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; }
42
+ 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; }
47
43
 
48
- 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; }
44
+ 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) { (0, _defineProperty2.default)(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; }
49
45
 
50
46
  var AutoComplete = _consoleComponents.Select.AutoComplete;
51
47
  /**
52
- *
48
+ *
53
49
  * @param IRcSearchOptionsProps options
54
- * @returns
50
+ * @returns
55
51
  */
56
52
 
57
53
  var normalizeOptions = function normalizeOptions(options) {
@@ -115,7 +111,7 @@ var normalizeSearchOptions = function normalizeSearchOptions(dataIndex, value, o
115
111
  var _opt$templateProps2;
116
112
 
117
113
  valueLabel = (_opt$templateProps2 = opt.templateProps) === null || _opt$templateProps2 === void 0 ? void 0 : _opt$templateProps2.dataSource.filter(function (d) {
118
- return value.indexOf(d.value) !== -1;
114
+ return value.includes(d.value);
119
115
  }).map(function (d) {
120
116
  return d.label;
121
117
  }).join('/');
@@ -182,7 +178,7 @@ var ComplexSearch = function ComplexSearch(props) {
182
178
  onBlur: function onBlur() {
183
179
  setFocused(false);
184
180
  }
185
- }; //计算视图,根据内部状态和输入的 props 决定一些值
181
+ }; // 计算视图,根据内部状态和输入的 props 决定一些值
186
182
 
187
183
  var isFuzzy = (!!defaultDataIndex || fuzzy) && !!getValue(_constants.SEARCH_FILTER_FIELD);
188
184
  var defaultFilter = options.find(function (t) {
@@ -310,7 +306,8 @@ var ComplexSearch = function ComplexSearch(props) {
310
306
  switch (type) {
311
307
  case 'input':
312
308
  return /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({}, init(_constants.SEARCH_FILTER_VALUE_FIELD, {}), {
313
- className: (0, _classnames.default)('main-input', 'multi'),
309
+ className: (0, _classnames.default)('main-input', 'multi') // @ts-ignore
310
+ ,
314
311
  autoHighlightFirstItem: false
315
312
  }, props, {
316
313
  autoWidth: true,
@@ -326,6 +323,7 @@ var ComplexSearch = function ComplexSearch(props) {
326
323
  onChange: handleSearch
327
324
  }
328
325
  }), {
326
+ // @ts-ignore
329
327
  autoHighlightFirstItem: false
330
328
  }, props, selectProps));
331
329
 
@@ -335,7 +333,8 @@ var ComplexSearch = function ComplexSearch(props) {
335
333
  }, init(_constants.SEARCH_FILTER_VALUE_FIELD, {}), props, selectProps, {
336
334
  itemRender: renderMultipleSelectorItem,
337
335
  popupClassName: "xconsole-rcsearch-multi-pop",
338
- mode: "multiple",
336
+ mode: "multiple" // @ts-ignore
337
+ ,
339
338
  autoHighlightFirstItem: false,
340
339
  maxTagCount: 0,
341
340
  menuProps: {
@@ -343,7 +342,7 @@ var ComplexSearch = function ComplexSearch(props) {
343
342
  prefix: prefix
344
343
  }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
345
344
  size: "small",
346
- className: (0, _classnames.default)("pri-btn"),
345
+ className: (0, _classnames.default)('pri-btn'),
347
346
  type: "primary",
348
347
  disabled: !(searchValue !== null && searchValue !== void 0 && searchValue.length),
349
348
  onClick: function onClick() {
@@ -351,7 +350,7 @@ var ComplexSearch = function ComplexSearch(props) {
351
350
  }
352
351
  }, _message.default.confirm), /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
353
352
  size: "small",
354
- className: (0, _classnames.default)("cancel-btn"),
353
+ className: (0, _classnames.default)('cancel-btn'),
355
354
  type: "normal",
356
355
  onClick: function onClick() {
357
356
  reset();
@@ -387,7 +386,7 @@ var ComplexSearch = function ComplexSearch(props) {
387
386
  prefix: prefix
388
387
  }, /*#__PURE__*/_react.default.createElement("div", {
389
388
  className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"), {
390
- 'focus': focused
389
+ focus: focused
391
390
  })
392
391
  }, /*#__PURE__*/_react.default.createElement("div", {
393
392
  className: (0, _classnames.default)('condition')
@@ -411,9 +410,9 @@ var ComplexSearch = function ComplexSearch(props) {
411
410
  autoHighlightFirstItem: false // @ts-ignore
412
411
  ,
413
412
  itemRender: highlightItem,
414
- placeholder: placeholder ? placeholder : defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? (0, _lodash.template)(_message.default.defaultPlaceHolder)({
413
+ placeholder: placeholder || (defaultFilter !== null && defaultFilter !== void 0 && defaultFilter.label ? (0, _lodash.template)(_message.default.defaultPlaceHolder)({
415
414
  value: defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label
416
- }) : '',
415
+ }) : ''),
417
416
  className: (0, _classnames.default)('main-input', 'multi'),
418
417
  hasBorder: false,
419
418
  onKeyUp: handleKeyUp,
@@ -423,13 +422,13 @@ var ComplexSearch = function ComplexSearch(props) {
423
422
  popupStyle: {
424
423
  width: 'auto'
425
424
  },
426
- popupClassName: 'rc-search-auto-complete'
425
+ popupClassName: "rc-search-auto-complete"
427
426
  }, focusProps)) : null, renderSelectedFilter(), renderSelectFilterCloseIcon())), /*#__PURE__*/_react.default.createElement("div", {
428
427
  className: (0, _classnames.default)('right-wrap'),
429
428
  ref: autoRef
430
429
  }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
431
430
  className: (0, _classnames.default)('search-btn', {
432
- 'focus': focused
431
+ focus: focused
433
432
  }),
434
433
  onClick: function onClick() {
435
434
  return handleSearch();
package/lib/constants.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.baseTagListClassName = exports.baseClassName = exports.SEARCH_FILTER_VALUE_FIELD = exports.SEARCH_FILTER_FIELD = void 0;
6
+ exports.SEARCH_FILTER_VALUE_FIELD = exports.SEARCH_FILTER_FIELD = exports.baseTagListClassName = exports.baseClassName = void 0;
7
7
  var baseClassName = 'rc-search';
8
8
  exports.baseClassName = baseClassName;
9
9
  var baseTagListClassName = "".concat(baseClassName, "-taglist"); // export const titleClassName = `${baseClassName}-title`
package/lib/index.js CHANGED
@@ -5,22 +5,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "IRcSearchOptionsProps", {
8
+ Object.defineProperty(exports, "Search", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _IRcSearchOptions.IRcSearchOptionsProps;
11
+ return _search.Search;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "IRcSearchProps", {
14
+ Object.defineProperty(exports, "SearchFilter", {
15
15
  enumerable: true,
16
16
  get: function get() {
17
- return _IRcSearchProps.IRcSearchProps;
17
+ return _searchTagList.default;
18
18
  }
19
19
  });
20
- Object.defineProperty(exports, "IRcSearchTagItemProps", {
20
+ Object.defineProperty(exports, "IRcSearchProps", {
21
21
  enumerable: true,
22
22
  get: function get() {
23
- return _IRcSearchTagItemProps.IRcSearchTagItemProps;
23
+ return _IRcSearchProps.IRcSearchProps;
24
24
  }
25
25
  });
26
26
  Object.defineProperty(exports, "IRcSearchTagListProps", {
@@ -29,16 +29,16 @@ Object.defineProperty(exports, "IRcSearchTagListProps", {
29
29
  return _IRcSearchTagListProps.IRcSearchTagListProps;
30
30
  }
31
31
  });
32
- Object.defineProperty(exports, "Search", {
32
+ Object.defineProperty(exports, "IRcSearchTagItemProps", {
33
33
  enumerable: true,
34
34
  get: function get() {
35
- return _search.Search;
35
+ return _IRcSearchTagItemProps.IRcSearchTagItemProps;
36
36
  }
37
37
  });
38
- Object.defineProperty(exports, "SearchFilter", {
38
+ Object.defineProperty(exports, "IRcSearchOptionsProps", {
39
39
  enumerable: true,
40
40
  get: function get() {
41
- return _searchTagList.default;
41
+ return _IRcSearchOptions.IRcSearchOptionsProps;
42
42
  }
43
43
  });
44
44
 
package/lib/search.js CHANGED
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.Search = void 0;
9
9
 
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
+
10
12
  var _react = _interopRequireDefault(require("react"));
11
13
 
12
14
  var _classnames = _interopRequireDefault(require("classnames"));
@@ -21,9 +23,9 @@ var _LoggerProvider = _interopRequireDefault(require("./provider/LoggerProvider"
21
23
 
22
24
  var _useCssVar = require("./useCssVar");
23
25
 
24
- var SearchWrap = _styledComponents.default.div.withConfig({
25
- componentId: "sc-1szhzw4-0"
26
- })(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
26
+ var _templateObject;
27
+
28
+ var SearchWrap = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: 32px;\n width: 400px;\n display: inline-block;\n vertical-align: top;\n"])));
27
29
 
28
30
  var Search = function Search(props) {
29
31
  var className = props.className,