@alicloud/console-components-search 0.2.11 → 0.2.12

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/README.md CHANGED
@@ -7,6 +7,13 @@
7
7
  tnpm i @alicloud/console-components-search --save-dev
8
8
  ```
9
9
 
10
+
11
+ ## Demo
12
+
13
+
14
+ [$XView](https://xconsole.aliyun-inc.com/demo-playground?consoleOSId=console-fe-test-rc-search-doc&servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&entryKey=demo1 )
15
+
16
+
10
17
  ## Usage
11
18
 
12
19
  ```js
@@ -132,13 +139,6 @@ let options2 = [
132
139
 
133
140
  ```
134
141
 
135
- ## Demo
136
-
137
-
138
- [$XView](https://xconsole.aliyun-inc.com/demo-playground?consoleOSId=console-fe-test-rc-search-doc&servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&entryKey=demo1 )
139
-
140
- <br>
141
-
142
142
  ## API
143
143
 
144
144
  ### rc-search
@@ -154,6 +154,6 @@ let options2 = [
154
154
 
155
155
  [$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagListProps&consoleOSId=console-fe-test-rc-search-doc)
156
156
 
157
- ## IRcSearchTagItemProps
157
+ ### IRcSearchTagItemProps
158
158
 
159
159
  [$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagItemProps&consoleOSId=console-fe-test-rc-search-doc)
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-2px}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.console-tags-tag.console-tags-tag{font-weight:600;color:var(--color-text1-9,#333)!important}.console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:400;color:var(--color-text1-6,grey);margin-right:8px}.console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}.console-tags-tag:not(:last-child){margin-right:8px}.console-tags-tag_empty{color:var(--color-text1-6,grey)}.console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
1
+ body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-2px;--icon-content-delete-filling:"\E6A2"}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.console-tags-tag.console-tags-tag{font-weight:400;color:var(--color-text1-9,#333)!important}.console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}.console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}.console-tags-tag:not(:last-child){margin-right:8px}.console-tags-tag_empty{color:var(--color-text1-6,grey)}.console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
package/dist/index.js CHANGED
@@ -41,7 +41,7 @@ var t=e.defineLocale("zh-hk",{months:"一月_二月_三月_四月_五月_六月_
41
41
  //! moment.js locale configuration
42
42
  var t=e.defineLocale("zh-mo",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"D/M/YYYY",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(e,t){if(e===12)e=0;if(t==="凌晨"||t==="早上"||t==="上午")return e;else if(t==="中午")return e>=11?e:e+12;else if(t==="下午"||t==="晚上")return e+12},meridiem:function(e,t,n){var r=e*100+t;if(r<600)return"凌晨";else if(r<900)return"早上";else if(r<1130)return"上午";else if(r<1230)return"中午";else if(r<1800)return"下午";else return"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(e,t){switch(t){case"d":case"D":case"DDD":return e+"日";case"M":return e+"月";case"w":case"W":return e+"週";default:return e}},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}(n(11))},function(e,t,n){!function(e){"use strict";
43
43
  //! moment.js locale configuration
44
- var t=e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(e,t){if(e===12)e=0;if(t==="凌晨"||t==="早上"||t==="上午")return e;else if(t==="中午")return e>=11?e:e+12;else if(t==="下午"||t==="晚上")return e+12},meridiem:function(e,t,n){var r=e*100+t;if(r<600)return"凌晨";else if(r<900)return"早上";else if(r<1130)return"上午";else if(r<1230)return"中午";else if(r<1800)return"下午";else return"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(e,t){switch(t){case"d":case"D":case"DDD":return e+"日";case"M":return e+"月";case"w":case"W":return e+"週";default:return e}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}(n(11))},function(e,t,n){"use strict";t.__esModule=!0,t.default=t.EXITING=t.ENTERED=t.ENTERING=t.EXITED=t.UNMOUNTED=void 0;var r=function(e){{if(e&&e.__esModule)return e;var t,n={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,r):{},t.get||t.set?Object.defineProperty(n,r,t):n[r]=e[r]);return n.default=e,n}}(n(0)),a=s(n(1)),i=s(n(9)),o=n(8);n(161);function s(e){return e&&e.__esModule?e:{default:e}}var l="unmounted";t.UNMOUNTED=l;var c="exited";t.EXITED=c;var u="entering";t.ENTERING=u;var p="entered";t.ENTERED=p;var d="exiting";t.EXITING=d;n=function(o){var e;function t(e,t){var n,r=o.call(this,e,t)||this,t=t.transitionGroup,t=t&&!t.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?t?(n=c,r.appearStatus=u):n=p:n=e.unmountOnExit||e.mountOnEnter?l:c,r.state={status:n},r.nextCallback=null,r}e=t,n=o,e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var n=t.prototype;return n.getChildContext=function(){return{transitionGroup:null}},t.getDerivedStateFromProps=function(e,t){e=e.in;return e&&t.status===l?{status:c}:null},n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;e!==this.props&&(e=this.state.status,this.props.in?e!==u&&e!==p&&(t=u):e!==u&&e!==p||(t=d)),this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n=this.props.timeout,r=e=t=n;return null!=n&&"number"!=typeof n&&(r=n.exit,e=n.enter,t=void 0!==n.appear?n.appear:e),{exit:r,enter:e,appear:t}},n.updateStatus=function(e,t){var n;void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),n=i.default.findDOMNode(this),t===u?this.performEnter(n,e):this.performExit(n)):this.props.unmountOnExit&&this.state.status===c&&this.setState({status:l})},n.performEnter=function(e,t){var n=this,r=this.props.enter,o=this.context.transitionGroup?this.context.transitionGroup.isMounting:t,a=this.getTimeouts(),i=o?a.appear:a.enter;t||r?(this.props.onEnter(e,o),this.safeSetState({status:u},function(){n.props.onEntering(e,o),n.onTransitionEnd(e,i,function(){n.safeSetState({status:p},function(){n.props.onEntered(e,o)})})})):this.safeSetState({status:p},function(){n.props.onEntered(e)})},n.performExit=function(e){var t=this,n=this.props.exit,r=this.getTimeouts();n?(this.props.onExit(e),this.safeSetState({status:d},function(){t.props.onExiting(e),t.onTransitionEnd(e,r.exit,function(){t.safeSetState({status:c},function(){t.props.onExited(e)})})})):this.safeSetState({status:c},function(){t.props.onExited(e)})},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(t){var n=this,r=!0;return this.nextCallback=function(e){r&&(r=!1,n.nextCallback=null,t(e))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},n.onTransitionEnd=function(e,t,n){this.setNextCallback(n);n=null==t&&!this.props.addEndListener;e&&!n?(this.props.addEndListener&&this.props.addEndListener(e,this.nextCallback),null!=t&&setTimeout(this.nextCallback,t)):setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===l)return null;var t=this.props,n=t.children,t=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(t,["children"]);if(delete t.in,delete t.mountOnEnter,delete t.unmountOnExit,delete t.appear,delete t.enter,delete t.exit,delete t.timeout,delete t.addEndListener,delete t.onEnter,delete t.onEntering,delete t.onEntered,delete t.onExit,delete t.onExiting,delete t.onExited,"function"==typeof n)return n(e,t);n=a.default.Children.only(n);return a.default.cloneElement(n,t)},t}(a.default.Component);function f(){}n.contextTypes={transitionGroup:r.object},n.childContextTypes={transitionGroup:function(){}},n.propTypes={},n.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:f,onEntering:f,onEntered:f,onExit:f,onExiting:f,onExited:f},n.UNMOUNTED=0,n.EXITED=1,n.ENTERING=2,n.ENTERED=3,n.EXITING=4;n=(0,o.polyfill)(n);t.default=n},function(e,t,n){"use strict";t.__esModule=!0,t.classNamesShape=t.timeoutsShape=void 0;n=n(0),n&&n.__esModule;t.timeoutsShape=null;t.classNamesShape=null},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=s(n(0)),o=s(n(1)),a=n(8),i=n(334);function s(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u=Object.values||function(t){return Object.keys(t).map(function(e){return t[e]})},n=function(n){var e;function t(e,t){e=n.call(this,e,t)||this,t=e.handleExited.bind(c(c(e)));return e.state={handleExited:t,firstRender:!0},e}e=t,r=n,e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.__proto__=r;var r=t.prototype;return r.getChildContext=function(){return{transitionGroup:{isMounting:!this.appeared}}},r.componentDidMount=function(){this.appeared=!0,this.mounted=!0},r.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n=t.children,r=t.handleExited,t=t.firstRender;return{children:t?(0,i.getInitialChildMapping)(e,r):(0,i.getNextChildMapping)(e,n,r),firstRender:!1}},r.handleExited=function(t,e){var n=(0,i.getChildMapping)(this.props.children);t.key in n||(t.props.onExited&&t.props.onExited(e),this.mounted&&this.setState(function(e){e=l({},e.children);return delete e[t.key],{children:e}}))},r.render=function(){var e=this.props,t=e.component,n=e.childFactory,e=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,["component","childFactory"]),n=u(this.state.children).map(n);return delete e.appear,delete e.enter,delete e.exit,null===t?n:o.default.createElement(t,e,n)},t}(o.default.Component);n.childContextTypes={transitionGroup:r.default.object.isRequired},n.propTypes={},n.defaultProps={component:"div",childFactory:function(e){return e}};n=(0,a.polyfill)(n);t.default=n,e.exports=t.default},function(e,t){function n(){return e.exports=n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,n.apply(this,arguments)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"SkeletonTheme",{enumerable:!0,get:function(){return o.default}});var r=a(n(167)),o=a(n(358));function a(e){return e&&e.__esModule?e:{default:e}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=i,t.skeletonStyles=t.skeletonKeyframes=t.defaultHighlightColor=t.defaultBaseColor=void 0;r=n(1),r&&r.__esModule;var r,h=n(174);function a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function m(r){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?a(o,!0).forEach(function(e){var t,n;t=r,n=e,e=o[e],n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):a(o).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))})}return r}function o(){var e=function(e,t){t=t||e.slice(0);return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n 0% {\n background-position: -200px 0;\n }\n ","\n 100% {\n background-position: calc(200px + 100%) 0;\n }\n"]);return o=function(){return e},e}n="#eee";t.defaultBaseColor=n;t.defaultHighlightColor="#f5f5f5";var y=function(e,t){return(0,h.keyframes)(o(),0<t?"".concat(Math.floor(1/(e+t)*e*100),"% {\n background-position: calc(200px + 100%) 0;\n }"):void 0)};t.skeletonKeyframes=y;var g=(0,h.css)("background-color:",n,";background-image:linear-gradient( 90deg,",n,",","#f5f5f5",",",n," );background-size:200px 100%;background-repeat:no-repeat;border-radius:4px;display:inline-block;line-height:1;width:100%;;label:skeletonStyles;");function i(e){for(var t=e.count,n=e.duration,r=e.width,o=e.wrapper,a=e.height,i=e.circle,s=e.delay,l=e.style,c=e.className,u=[],p=0;p<t;p++){var d={};null!==r&&(d.width=r),null!==a&&(d.height=a),null!==r&&null!==a&&i&&(d.borderRadius="50%");var f="react-loading-skeleton";c&&(f+=" "+c),u.push((0,h.jsx)("span",{key:p,className:f,css:(0,h.css)(g," animation:",y(n,s)," ",n+s,"s ease-in-out infinite;label:Skeleton;"),style:m({},l,{},d)},"‌"))}return(0,h.jsx)("span",null,o?u.map(function(e,t){return(0,h.jsx)(o,{key:t},e,"‌")}):u)}t.skeletonStyles=g,i.defaultProps={count:1,duration:1.2,width:null,wrapper:null,height:null,circle:!1,delay:0}},function(e,t,n){"use strict";var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MenuContentWrap=t.TagListWrap=t.MultiBtnWarp=t.SearchWarp=void 0;function a(e){return e.prefix?"."+e.prefix:".next-"}o=o(n(49)),n=o.default.div(r(["\n height: 100%;\n width: 100%;\n display: flex;\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 &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: 1px solid rgba(192, 198,204, 1);\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: var(--console-rc-search-close-btn-top, 0);\n left: var(--console-rc-search-close-btn-left, 0);\n min-width: auto;\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: 1px;\n right: 1px;\n height: 28px;\n width: 30px;\n background-color: #fff;\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 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 .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 border-left: none;\n }\n }\n"],["\n height: 100%;\n width: 100%;\n display: flex;\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 &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: 1px solid rgba(192, 198,204, 1);\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: var(--console-rc-search-close-btn-top, 0);\n left: var(--console-rc-search-close-btn-left, 0);\n min-width: auto;\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: 1px;\n right: 1px;\n height: 28px;\n width: 30px;\n background-color: #fff;\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 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 .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 border-left: none;\n }\n }\n"]),a,a,a,a,a);t.SearchWarp=n;n=o.default.ul(r(["\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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\n }\n"],["\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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\n }\n"]),a,a,a,a,a,a,a,a,a,a,a,a,a,a,a);t.MenuContentWrap=n;n=o.default.div(r(['\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"],['\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"]),a,a,a);t.MultiBtnWarp=n;r=o.default.div(r(["\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']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n font-size: 12px !important;\n }\n .remove-btn{\n margin-bottom: 8px;\n line-height: 24px;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n }\n"],["\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']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n font-size: 12px !important;\n }\n .remove-btn{\n margin-bottom: 8px;\n line-height: 24px;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n }\n"]),a,a,a,a,a,a,a,a,a,a,a,a,a,a,a);t.TagListWrap=r},function(e,M,D){!function(N,T){var P;
44
+ var t=e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(e,t){if(e===12)e=0;if(t==="凌晨"||t==="早上"||t==="上午")return e;else if(t==="中午")return e>=11?e:e+12;else if(t==="下午"||t==="晚上")return e+12},meridiem:function(e,t,n){var r=e*100+t;if(r<600)return"凌晨";else if(r<900)return"早上";else if(r<1130)return"上午";else if(r<1230)return"中午";else if(r<1800)return"下午";else return"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(e,t){switch(t){case"d":case"D":case"DDD":return e+"日";case"M":return e+"月";case"w":case"W":return e+"週";default:return e}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}(n(11))},function(e,t,n){"use strict";t.__esModule=!0,t.default=t.EXITING=t.ENTERED=t.ENTERING=t.EXITED=t.UNMOUNTED=void 0;var r=function(e){{if(e&&e.__esModule)return e;var t,n={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,r):{},t.get||t.set?Object.defineProperty(n,r,t):n[r]=e[r]);return n.default=e,n}}(n(0)),a=s(n(1)),i=s(n(9)),o=n(8);n(161);function s(e){return e&&e.__esModule?e:{default:e}}var l="unmounted";t.UNMOUNTED=l;var c="exited";t.EXITED=c;var u="entering";t.ENTERING=u;var p="entered";t.ENTERED=p;var d="exiting";t.EXITING=d;n=function(o){var e;function t(e,t){var n,r=o.call(this,e,t)||this,t=t.transitionGroup,t=t&&!t.isMounting?e.enter:e.appear;return r.appearStatus=null,e.in?t?(n=c,r.appearStatus=u):n=p:n=e.unmountOnExit||e.mountOnEnter?l:c,r.state={status:n},r.nextCallback=null,r}e=t,n=o,e.prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var n=t.prototype;return n.getChildContext=function(){return{transitionGroup:null}},t.getDerivedStateFromProps=function(e,t){e=e.in;return e&&t.status===l?{status:c}:null},n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;e!==this.props&&(e=this.state.status,this.props.in?e!==u&&e!==p&&(t=u):e!==u&&e!==p||(t=d)),this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n=this.props.timeout,r=e=t=n;return null!=n&&"number"!=typeof n&&(r=n.exit,e=n.enter,t=void 0!==n.appear?n.appear:e),{exit:r,enter:e,appear:t}},n.updateStatus=function(e,t){var n;void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),n=i.default.findDOMNode(this),t===u?this.performEnter(n,e):this.performExit(n)):this.props.unmountOnExit&&this.state.status===c&&this.setState({status:l})},n.performEnter=function(e,t){var n=this,r=this.props.enter,o=this.context.transitionGroup?this.context.transitionGroup.isMounting:t,a=this.getTimeouts(),i=o?a.appear:a.enter;t||r?(this.props.onEnter(e,o),this.safeSetState({status:u},function(){n.props.onEntering(e,o),n.onTransitionEnd(e,i,function(){n.safeSetState({status:p},function(){n.props.onEntered(e,o)})})})):this.safeSetState({status:p},function(){n.props.onEntered(e)})},n.performExit=function(e){var t=this,n=this.props.exit,r=this.getTimeouts();n?(this.props.onExit(e),this.safeSetState({status:d},function(){t.props.onExiting(e),t.onTransitionEnd(e,r.exit,function(){t.safeSetState({status:c},function(){t.props.onExited(e)})})})):this.safeSetState({status:c},function(){t.props.onExited(e)})},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(t){var n=this,r=!0;return this.nextCallback=function(e){r&&(r=!1,n.nextCallback=null,t(e))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},n.onTransitionEnd=function(e,t,n){this.setNextCallback(n);n=null==t&&!this.props.addEndListener;e&&!n?(this.props.addEndListener&&this.props.addEndListener(e,this.nextCallback),null!=t&&setTimeout(this.nextCallback,t)):setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if(e===l)return null;var t=this.props,n=t.children,t=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(t,["children"]);if(delete t.in,delete t.mountOnEnter,delete t.unmountOnExit,delete t.appear,delete t.enter,delete t.exit,delete t.timeout,delete t.addEndListener,delete t.onEnter,delete t.onEntering,delete t.onEntered,delete t.onExit,delete t.onExiting,delete t.onExited,"function"==typeof n)return n(e,t);n=a.default.Children.only(n);return a.default.cloneElement(n,t)},t}(a.default.Component);function f(){}n.contextTypes={transitionGroup:r.object},n.childContextTypes={transitionGroup:function(){}},n.propTypes={},n.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:f,onEntering:f,onEntered:f,onExit:f,onExiting:f,onExited:f},n.UNMOUNTED=0,n.EXITED=1,n.ENTERING=2,n.ENTERED=3,n.EXITING=4;n=(0,o.polyfill)(n);t.default=n},function(e,t,n){"use strict";t.__esModule=!0,t.classNamesShape=t.timeoutsShape=void 0;n=n(0),n&&n.__esModule;t.timeoutsShape=null;t.classNamesShape=null},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=s(n(0)),o=s(n(1)),a=n(8),i=n(334);function s(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u=Object.values||function(t){return Object.keys(t).map(function(e){return t[e]})},n=function(n){var e;function t(e,t){e=n.call(this,e,t)||this,t=e.handleExited.bind(c(c(e)));return e.state={handleExited:t,firstRender:!0},e}e=t,r=n,e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.__proto__=r;var r=t.prototype;return r.getChildContext=function(){return{transitionGroup:{isMounting:!this.appeared}}},r.componentDidMount=function(){this.appeared=!0,this.mounted=!0},r.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n=t.children,r=t.handleExited,t=t.firstRender;return{children:t?(0,i.getInitialChildMapping)(e,r):(0,i.getNextChildMapping)(e,n,r),firstRender:!1}},r.handleExited=function(t,e){var n=(0,i.getChildMapping)(this.props.children);t.key in n||(t.props.onExited&&t.props.onExited(e),this.mounted&&this.setState(function(e){e=l({},e.children);return delete e[t.key],{children:e}}))},r.render=function(){var e=this.props,t=e.component,n=e.childFactory,e=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,["component","childFactory"]),n=u(this.state.children).map(n);return delete e.appear,delete e.enter,delete e.exit,null===t?n:o.default.createElement(t,e,n)},t}(o.default.Component);n.childContextTypes={transitionGroup:r.default.object.isRequired},n.propTypes={},n.defaultProps={component:"div",childFactory:function(e){return e}};n=(0,a.polyfill)(n);t.default=n,e.exports=t.default},function(e,t){function n(){return e.exports=n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,n.apply(this,arguments)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"SkeletonTheme",{enumerable:!0,get:function(){return o.default}});var r=a(n(167)),o=a(n(358));function a(e){return e&&e.__esModule?e:{default:e}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=i,t.skeletonStyles=t.skeletonKeyframes=t.defaultHighlightColor=t.defaultBaseColor=void 0;r=n(1),r&&r.__esModule;var r,h=n(174);function a(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function m(r){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?a(o,!0).forEach(function(e){var t,n;t=r,n=e,e=o[e],n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):a(o).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))})}return r}function o(){var e=function(e,t){t=t||e.slice(0);return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n 0% {\n background-position: -200px 0;\n }\n ","\n 100% {\n background-position: calc(200px + 100%) 0;\n }\n"]);return o=function(){return e},e}n="#eee";t.defaultBaseColor=n;t.defaultHighlightColor="#f5f5f5";var y=function(e,t){return(0,h.keyframes)(o(),0<t?"".concat(Math.floor(1/(e+t)*e*100),"% {\n background-position: calc(200px + 100%) 0;\n }"):void 0)};t.skeletonKeyframes=y;var g=(0,h.css)("background-color:",n,";background-image:linear-gradient( 90deg,",n,",","#f5f5f5",",",n," );background-size:200px 100%;background-repeat:no-repeat;border-radius:4px;display:inline-block;line-height:1;width:100%;;label:skeletonStyles;");function i(e){for(var t=e.count,n=e.duration,r=e.width,o=e.wrapper,a=e.height,i=e.circle,s=e.delay,l=e.style,c=e.className,u=[],p=0;p<t;p++){var d={};null!==r&&(d.width=r),null!==a&&(d.height=a),null!==r&&null!==a&&i&&(d.borderRadius="50%");var f="react-loading-skeleton";c&&(f+=" "+c),u.push((0,h.jsx)("span",{key:p,className:f,css:(0,h.css)(g," animation:",y(n,s)," ",n+s,"s ease-in-out infinite;label:Skeleton;"),style:m({},l,{},d)},"‌"))}return(0,h.jsx)("span",null,o?u.map(function(e,t){return(0,h.jsx)(o,{key:t},e,"‌")}):u)}t.skeletonStyles=g,i.defaultProps={count:1,duration:1.2,width:null,wrapper:null,height:null,circle:!1,delay:0}},function(e,t,n){"use strict";var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MenuContentWrap=t.TagListWrap=t.MultiBtnWarp=t.SearchWarp=void 0;function a(e){return e.prefix?"."+e.prefix:".next-"}o=o(n(49)),n=o.default.div(r(["\n height: 100%;\n width: 100%;\n display: flex;\n --input-clear-icon-transform: 1;\n --input-hint-icon-color: #808080;\n ","input-control ",'input-clear-icon::before {\n content: var(--icon-content-close, "ea22") !important;\n }\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 &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: 1px solid rgba(192, 198,204, 1);\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: var(--console-rc-search-close-btn-top, 0);\n left: var(--console-rc-search-close-btn-left, 0);\n min-width: auto;\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: 1px;\n right: 1px;\n height: 28px;\n width: 30px;\n background-color: #fff;\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 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 .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 border-left: none;\n }\n }\n"],["\n height: 100%;\n width: 100%;\n display: flex;\n --input-clear-icon-transform: 1;\n --input-hint-icon-color: #808080;\n ","input-control ",'input-clear-icon::before {\n content: var(--icon-content-close, "\\ea22") !important;\n }\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 &.focus {\n border: 1px solid #0064c8;\n border: 1px solid var(--input-focus-border-color,#0064c8);;\n border-right: 1px solid rgba(192, 198,204, 1);\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: var(--console-rc-search-close-btn-top, 0);\n left: var(--console-rc-search-close-btn-left, 0);\n min-width: auto;\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: 1px;\n right: 1px;\n height: 28px;\n width: 30px;\n background-color: #fff;\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 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 .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 border-left: none;\n }\n }\n"]),a,a,a,a,a,a,a);t.SearchWarp=n;n=o.default.ul(r(["\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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\n }\n"],["\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 && [class*='-icon-close']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n content: var(--icon-content-delete-filling);\n }\n"]),a,a,a,a,a,a,a,a,a,a,a,a,a,a,a);t.MenuContentWrap=n;n=o.default.div(r(['\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"],['\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"]),a,a,a);t.MultiBtnWarp=n;r=o.default.div(r(["\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']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n font-size: 12px !important;\n }\n .remove-btn{\n margin-bottom: 8px;\n line-height: 24px;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n }\n"],["\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']:hover::before {\n color: #181818;\n }\n && [class*='-icon-close']::before{\n color: #808080;\n font-size: 12px !important;\n }\n .remove-btn{\n margin-bottom: 8px;\n line-height: 24px;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n }\n"]),a,a,a,a,a,a,a,a,a,a,a,a,a,a,a);t.TagListWrap=r},function(e,M,D){!function(N,T){var P;
45
45
  /**
46
46
  * @license
47
47
  * Lodash <https://lodash.com/>
package/doc-dist/9.js CHANGED
@@ -2,5 +2,5 @@
2
2
  if (!window.__CONSOLE_OS_GLOBAL_HOOK__){window.__CONSOLE_OS_GLOBAL_VARS_={};window.__CONSOLE_OS_GLOBAL_HOOK__ = function(id, resolver) {resolver(undefined, undefined, undefined, {window: window,location: location,history: history,document: document})};window.__CONSOLE_OS_GLOBAL_HOOK__.standalone = true}
3
3
  window.__CONSOLE_OS_GLOBAL_HOOK__("console-fe-test-rc-search-doc", function(require, module, exports, context){ var window = context.window;var location = context.location;var history = context.history;var document = context.document;with(window.__CONSOLE_OS_GLOBAL_VARS_) {
4
4
 
5
- (window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[9],{682:function(e,n,a){"use strict";a.r(n);var l=a(0),o=a.n(l),t=a(285);n.default=e=>o.a.createElement(t.a,Object.assign({source:"# @alicloud/console-components-search\n\n基础搜索组件: 当前控制台的基础搜索主要针对列表页的搜索场景,此次基础搜索组件主要通过一个简约通用的框架满足控制台针对列表页不同场景下的搜索需求\n## install \n\n```bash\ntnpm i @alicloud/console-components-search --save-dev\n```\n\n## Usage\n\n```js\n/**\n * @title 场景1\n */\n\n import React from \"react\";\n import { Search } from \"@alicloud/console-components-search\";\n \n let options = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n groupName:\"test\"\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test\"\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test2\"\n }\n]\n\nlet options2 = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n }\n]\n\n\n const Demo1: React.FC<{}> = (props) => {\n \n return (\n <div>\n <Search\n defaultDataIndex=\"name\"\n options={options2}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n <br/><br/>\n\n <div>搜索条件成组</div>\n <Search\n defaultDataIndex=\"name\"\n options={options}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n </div>\n );\n };\n \n export default Demo1;\n \n```\n\n## Demo\n\n\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?consoleOSId=console-fe-test-rc-search-doc&servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&entryKey=demo1 )\n\n<br>\n\n## API\n\n### rc-search\n\n基础搜索组件的参数\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&consoleOSId=console-fe-test-rc-search-doc&entryKey=types%2FIRcSearchProps)\n\n### options\n\n配置组件类别的options\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchOptions&consoleOSId=console-fe-test-rc-search-doc)\n### SearchFilter\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagListProps&consoleOSId=console-fe-test-rc-search-doc)\n\n## IRcSearchTagItemProps\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagItemProps&consoleOSId=console-fe-test-rc-search-doc)"},e))}}]);
5
+ (window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[9],{682:function(e,n,a){"use strict";a.r(n);var l=a(0),o=a.n(l),t=a(285);n.default=e=>o.a.createElement(t.a,Object.assign({source:"# @alicloud/console-components-search\n\n基础搜索组件: 当前控制台的基础搜索主要针对列表页的搜索场景,此次基础搜索组件主要通过一个简约通用的框架满足控制台针对列表页不同场景下的搜索需求\n## install \n\n```bash\ntnpm i @alicloud/console-components-search --save-dev\n```\n\n\n## Demo\n\n\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?consoleOSId=console-fe-test-rc-search-doc&servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&entryKey=demo1 )\n\n\n## Usage\n\n```js\n/**\n * @title 场景1\n */\n\n import React from \"react\";\n import { Search } from \"@alicloud/console-components-search\";\n \n let options = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n groupName:\"test\"\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test\"\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test2\"\n }\n]\n\nlet options2 = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n }\n]\n\n\n const Demo1: React.FC<{}> = (props) => {\n \n return (\n <div>\n <Search\n defaultDataIndex=\"name\"\n options={options2}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n <br/><br/>\n\n <div>搜索条件成组</div>\n <Search\n defaultDataIndex=\"name\"\n options={options}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n </div>\n );\n };\n \n export default Demo1;\n \n```\n\n## API\n\n### rc-search\n\n基础搜索组件的参数\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&consoleOSId=console-fe-test-rc-search-doc&entryKey=types%2FIRcSearchProps)\n\n### options\n\n配置组件类别的options\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchOptions&consoleOSId=console-fe-test-rc-search-doc)\n### SearchFilter\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagListProps&consoleOSId=console-fe-test-rc-search-doc)\n\n### IRcSearchTagItemProps\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagItemProps&consoleOSId=console-fe-test-rc-search-doc)"},e))}}]);
6
6
  }})
@@ -1 +1 @@
1
- body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-2px}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.console-tags-tag.console-tags-tag{font-weight:600;color:var(--color-text1-9,#333)!important}.console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:400;color:var(--color-text1-6,grey);margin-right:8px}.console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}.console-tags-tag:not(:last-child){margin-right:8px}.console-tags-tag_empty{color:var(--color-text1-6,grey)}.console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
1
+ body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-2px;--icon-content-delete-filling:"\E6A2"}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.console-tags-tag.console-tags-tag{font-weight:400;color:var(--color-text1-9,#333)!important}.console-tags-tag.console-tags-tag .console-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}.console-tags-tag.console-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*=-icon-close]{color:#181818}.console-tags-tag:not(:last-child){margin-right:8px}.console-tags-tag_empty{color:var(--color-text1-6,grey)}.console-tags-tag-dot.console-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}