@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.
- package/dist/index.css +11 -2
- package/dist/index.js +4344 -5303
- package/doc-dist/0.js +1 -1923
- package/doc-dist/1.js +2083 -16
- package/doc-dist/10.js +1 -1
- package/doc-dist/11.js +1 -1
- package/doc-dist/12.js +1 -1
- package/doc-dist/13.js +1 -1
- package/doc-dist/14.js +1 -1
- package/doc-dist/15.js +1 -1
- package/doc-dist/16.js +1 -1
- package/doc-dist/17.js +6 -0
- package/doc-dist/2.js +27 -0
- package/doc-dist/4.js +84 -1
- package/doc-dist/5.js +1 -8
- package/doc-dist/6.js +8 -1
- package/doc-dist/{6.css → 7.css} +0 -0
- package/doc-dist/7.js +1 -1
- package/doc-dist/{6.os.css → 7.os.css} +0 -0
- package/doc-dist/8.js +1 -1
- package/doc-dist/9.js +1 -1
- package/doc-dist/deps/main.css +1 -1
- package/doc-dist/deps/main.js +27 -26
- package/doc-dist/deps/main.os.css +1 -1
- package/doc-dist/index.css +1 -1
- package/doc-dist/index.js +4 -4
- package/doc-dist/index.os.css +1 -1
- package/doc-dist/log-deps-build.log +8 -3
- package/es/ComplexSearch/InputPrefix.js +1 -2
- package/es/ComplexSearch/index.js +23 -20
- package/es/search.js +5 -3
- package/es/searchTagList/PureTag.js +1 -2
- package/es/searchTagList/index.js +2 -2
- package/es/style.js +8 -12
- package/es/types/IRcSearchOptions.type.js +0 -1
- package/es/types/IRcSearchProps.type.js +0 -1
- package/es/types/IRcSearchTagItemProps.type.js +0 -1
- package/es/types/IRcSearchTagListProps.type.js +0 -1
- package/lib/ComplexSearch/InputPrefix.d.ts +1 -0
- package/lib/ComplexSearch/InputPrefix.js +1 -3
- package/lib/ComplexSearch/index.d.ts +2 -2
- package/lib/ComplexSearch/index.js +22 -23
- package/lib/constants.js +1 -1
- package/lib/index.js +10 -10
- package/lib/search.js +5 -3
- package/lib/searchTagList/PureTag.js +1 -3
- package/lib/searchTagList/index.js +2 -2
- package/lib/style.js +9 -13
- package/lib/types/IRcSearchOptions.type.js +1 -5
- package/lib/types/IRcSearchProps.type.js +1 -5
- package/lib/types/IRcSearchTagItemProps.type.js +1 -5
- package/lib/types/IRcSearchTagListProps.type.js +1 -5
- package/lib/utils.js +1 -1
- package/package.json +1 -1
- package/doc-dist/3.js +0 -104
package/doc-dist/index.os.css
CHANGED
|
@@ -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
|
-
|
|
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.
|
|
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.
|
|
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,
|
|
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
|
|
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 =
|
|
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
|
|
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.
|
|
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
|
-
};
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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
|
|
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:
|
|
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
|
-
|
|
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
|
|
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,
|
|
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
|
|
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 =
|
|
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.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var
|
|
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 {};
|
|
@@ -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,
|
|
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,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
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
|
|
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 =
|
|
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.
|
|
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
|
-
};
|
|
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)(
|
|
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)(
|
|
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
|
-
|
|
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
|
|
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:
|
|
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
|
-
|
|
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.
|
|
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, "
|
|
8
|
+
Object.defineProperty(exports, "Search", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return
|
|
11
|
+
return _search.Search;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
14
|
+
Object.defineProperty(exports, "SearchFilter", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return
|
|
17
|
+
return _searchTagList.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
Object.defineProperty(exports, "
|
|
20
|
+
Object.defineProperty(exports, "IRcSearchProps", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function get() {
|
|
23
|
-
return
|
|
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, "
|
|
32
|
+
Object.defineProperty(exports, "IRcSearchTagItemProps", {
|
|
33
33
|
enumerable: true,
|
|
34
34
|
get: function get() {
|
|
35
|
-
return
|
|
35
|
+
return _IRcSearchTagItemProps.IRcSearchTagItemProps;
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
Object.defineProperty(exports, "
|
|
38
|
+
Object.defineProperty(exports, "IRcSearchOptionsProps", {
|
|
39
39
|
enumerable: true,
|
|
40
40
|
get: function get() {
|
|
41
|
-
return
|
|
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
|
|
25
|
-
|
|
26
|
-
|
|
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,
|