| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[1707],{2810:function(e,t,a){var i=a(34073);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals);var n=a(56).Z;n("8a269140",i,!0,{sourceMap:!1,shadowMode:!1})},81183:function(e,t,a){var i=a(45092);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals);var n=a(56).Z;n("52ed61ee",i,!0,{sourceMap:!1,shadowMode:!1})},61164:function(e,t,a){"use strict";a.d(t,{Z:function(){return v}});var i,n={uIcon:a(38275).Z},s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("v-uni-view",{staticClass:"u-search",style:[{margin:e.margin},e.$u.addStyle(e.customStyle)],on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.clickHandler.apply(void 0,arguments)}}},[a("v-uni-view",{staticClass:"u-search__content",style:{backgroundColor:e.bgColor,borderRadius:"round"==e.shape?"100px":"4px",borderColor:e.borderColor}},[e.$slots.label||null!==e.label?[e._t("label",[a("v-uni-text",{staticClass:"u-search__content__label"},[e._v(e._s(e.label))])])]:e._e(),a("v-uni-view",{staticClass:"u-search__content__icon"},[a("u-icon",{attrs:{size:e.searchIconSize,name:e.searchIcon,color:e.searchIconColor?e.searchIconColor:e.color},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.clickIcon.apply(void 0,arguments)}}})],1),a("v-uni-input",{staticClass:"u-search__content__input",style:[{textAlign:e.inputAlign,color:e.color,backgroundColor:e.bgColor,height:e.$u.addUnit(e.height)},e.inputStyle],attrs:{"confirm-type":"search",value:e.value,disabled:e.disabled,focus:e.focus,maxlength:e.maxlength,"placeholder-class":"u-search__content__input--placeholder",placeholder:e.placeholder,"placeholder-style":"color: "+e.placeholderColor,type:"text"},on:{blur:function(t){arguments[0]=t=e.$handleEvent(t),e.blur.apply(void 0,arguments)},confirm:function(t){arguments[0]=t=e.$handleEvent(t),e.search.apply(void 0,arguments)},input:function(t){arguments[0]=t=e.$handleEvent(t),e.inputChange.apply(void 0,arguments)},focus:function(t){arguments[0]=t=e.$handleEvent(t),e.getFocus.apply(void 0,arguments)}}}),e.keyword&&e.clearabled&&e.focused?a("v-uni-view",{staticClass:"u-search__content__icon u-search__content__close",on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.clear.apply(void 0,arguments)}}},[a("u-icon",{attrs:{name:"close",size:"11",color:"#ffffff",customStyle:"line-height: 12px"}})],1):e._e()],2),a("v-uni-text",{staticClass:"u-search__action",class:[(e.showActionBtn||e.show)&&"u-search__action--active"],style:[e.actionStyle],on:{click:function(t){t.stopPropagation(),t.preventDefault(),arguments[0]=t=e.$handleEvent(t),e.custom.apply(void 0,arguments)}}},[e._v(e._s(e.actionText))])],1)},o=[],c=(a(74916),a(64765),a(9653),{props:{shape:{type:String,default:uni.$u.props.search.shape},bgColor:{type:String,default:uni.$u.props.search.bgColor},placeholder:{type:String,default:uni.$u.props.search.placeholder},clearabled:{type:Boolean,default:uni.$u.props.search.clearabled},focus:{type:Boolean,default:uni.$u.props.search.focus},showAction:{type:Boolean,default:uni.$u.props.search.showAction},actionStyle:{type:Object,default:uni.$u.props.search.actionStyle},actionText:{type:String,default:uni.$u.props.search.actionText},inputAlign:{type:String,default:uni.$u.props.search.inputAlign},inputStyle:{type:Object,default:uni.$u.props.search.inputStyle},disabled:{type:Boolean,default:uni.$u.props.search.disabled},borderColor:{type:String,default:uni.$u.props.search.borderColor},searchIconColor:{type:String,default:uni.$u.props.search.searchIconColor},color:{type:String,default:uni.$u.props.search.color},placeholderColor:{type:String,default:uni.$u.props.search.placeholderColor},searchIcon:{type:String,default:uni.$u.props.search.searchIcon},searchIconSize:{type:[Number,String],default:uni.$u.props.search.searchIconSize},margin:{type:String,default:uni.$u.props.search.margin},animation:{type:Boolean,default:uni.$u.props.search.animation},value:{type:String,default:uni.$u.props.search.value},maxlength:{type:[String,Number],default:uni.$u.props.search.maxlength},height:{type:[String,Number],default:uni.$u.props.search.height},label:{type:[String,Number,null],default:uni.$u.props.search.label}}}),l={name:"u-search",mixins:[uni.$u.mpMixin,uni.$u.mixin,c],data:function(){return{keyword:"",showClear:!1,show:!1,focused:this.focus}},watch:{keyword:function(e){this.$emit("input",e),this.$emit("change",e)},value:{immediate:!0,handler:function(e){this.keyword=e}}},computed:{showActionBtn:function(){return!this.animation&&this.showAction}},methods:{inputChange:function(e){this.keyword=e.detail.value},clear:function(){var e=this;this.keyword="",this.$nextTick((function(){e.$emit("clear")}))},search:function(e){this.$emit("search",e.detail.value);try{uni.hideKeyboard()}catch(e){}},custom:function(){this.$emit("custom",this.keyword);try{uni.hideKeyboard()}catch(e){}},getFocus:function(){this.focused=!0,this.animation&&this.showAction&&(this.show=!0),this.$emit("focus",this.keyword)},blur:function(){var e=this;setTimeout((function(){e.focused=!1}),100),this.show=!1,this.$emit("blur",this.keyword)},clickHandler:function(){this.disabled&&this.$emit("click")},clickIcon:function(){this.$emit("clickIcon")}}},u=l,r=(a(2810),a(69453)),d=(0,r.Z)(u,s,o,!1,null,"313cf2d0",null,!1,n,i),v=d.exports},99044:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});var i,n={uSearch:a(61164).Z},s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("v-uni-view",{staticClass:"u-page"},[a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("基础功能")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1},on:{change:function(t){arguments[0]=t=e.$handleEvent(t),e.change.apply(void 0,arguments)}},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("设置初始值")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("搜索框形状")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,shape:"round"},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,shape:"square"},model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("右侧控件")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{model:{value:e.value5,callback:function(t){e.value5=t},expression:"value5"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("禁用输入框")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{placeholder:"输入框被禁用,可以监听点击事件进行跳转",disabled:!0,"show-action":!1}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("点击左侧图标")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1},on:{clickIcon:function(t){arguments[0]=t=e.$handleEvent(t),e.clickIcon.apply(void 0,arguments)}},model:{value:e.value6,callback:function(t){e.value6=t},expression:"value6"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("搜索框内容水平对齐")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,"input-align":"left"},model:{value:e.value7,callback:function(t){e.value7=t},expression:"value7"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,"input-align":"center"},model:{value:e.value8,callback:function(t){e.value8=t},expression:"value8"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,"input-align":"right"},model:{value:e.value9,callback:function(t){e.value9=t},expression:"value9"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("自定义")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,borderColor:"rgb(230, 230, 230)",bgColor:"#fff"},model:{value:e.value10,callback:function(t){e.value10=t},expression:"value10"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,"search-icon-color":"#FF0000"},model:{value:e.value11,callback:function(t){e.value11=t},expression:"value11"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,"placeholder-color":"#FF0000"},model:{value:e.value12,callback:function(t){e.value12=t},expression:"value12"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"show-action":!1,color:"#FF0000"},model:{value:e.value13,callback:function(t){e.value13=t},expression:"value13"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{label:"手机","show-action":!1},model:{value:e.value14,callback:function(t){e.value14=t},expression:"value14"}})],1)],1),a("v-uni-view",{staticClass:"u-demo-block__content m-t-10"},[a("v-uni-view",{staticClass:"u-page__tag-item"},[a("u-search",{attrs:{"search-icon":"scan","show-action":!1},model:{value:e.value15,callback:function(t){e.value15=t},expression:"value15"}})],1)],1)],1)],1)},o=[],c={data:function(){return{value1:"",value2:"天山雪莲",value3:"",value4:"",value5:"",value6:"",value7:"",value8:"",value9:"",value10:"",value11:"",value12:"",value13:"",value14:"",value15:""}},watch:{value1:function(e,t){}},methods:{change:function(e){console.log(e)},clickIcon:function(){uni.$u.toast("点击了左侧图标")}}},l=c,u=(a(81183),a(69453)),r=(0,u.Z)(l,s,o,!1,null,"2200d244",null,!1,n,i),d=r.exports},34073:function(e,t,a){"use strict";a.r(t);var i=a(43481),n=a.n(i),s=a(2400),o=a.n(s),c=o()(n());c.push([e.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-313cf2d0], uni-scroll-view[data-v-313cf2d0], uni-swiper-item[data-v-313cf2d0]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}[type=search][data-v-313cf2d0]::-webkit-search-decoration{display:none}.u-search[data-v-313cf2d0]{\ndisplay:flex;\nflex-direction:row;align-items:center;flex:1}.u-search__content[data-v-313cf2d0]{\ndisplay:flex;\nflex-direction:row;align-items:center;padding:0 10px;flex:1;justify-content:space-between;border-width:1px;border-color:transparent;border-style:solid;overflow:hidden}.u-search__content__icon[data-v-313cf2d0]{\ndisplay:flex;\nflex-direction:row;align-items:center}.u-search__content__label[data-v-313cf2d0]{color:#303133;font-size:14px;margin:0 4px}.u-search__content__close[data-v-313cf2d0]{width:20px;height:20px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;background-color:#c6c7cb;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center;-webkit-transform:scale(.82);transform:scale(.82)}.u-search__content__input[data-v-313cf2d0]{flex:1;font-size:14px;line-height:1;margin:0 5px;color:#303133}.u-search__content__input--placeholder[data-v-313cf2d0]{color:#909193}.u-search__action[data-v-313cf2d0]{font-size:14px;color:#303133;width:0;overflow:hidden;transition-property:width;transition-duration:.3s;white-space:nowrap;text-align:center}.u-search__action--active[data-v-313cf2d0]{width:40px;margin-left:5px}',""]),t["default"]=c},45092:function(e,t,a){"use strict";a.r(t);var i=a(43481),n=a.n(i),s=a(2400),o=a.n(s),c=o()(n());c.push([e.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.u-page__tag-item[data-v-2200d244]{display:flex;flex-direction:column;flex:1}.m-t-10[data-v-2200d244]{margin-top:10px}',""]),t["default"]=c}}]);
|
