yun-ui/dist/yun/Search/index.js

Mobile UI Components Library for Vue.js by yunzhijia.

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(63)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{UIName:"yun"}}}},2:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}var o=n(1),u=i(o),a={UIName:u.default};e.exports=a},63:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}var o=n(168),u=i(o);e.exports=u.default},85:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.default={name:"y-search",mixins:[i.UIName],props:{text:String,operation:String,placeholder:String,value:String},data:function(){return{isFocus:!1,inputValue:""}},watch:{value:function(){this.inputValue=this.value},inputValue:function(e){this.$emit("input",e)}},mounted:function(){this.inputValue=this.value},computed:{placeholderVal:function(){return this.isFocus?this.placeholder:this.text}},methods:{handleClick:function(){this.$el.querySelector("input").focus()},operate:function(){this.$emit("operate")},resetSearch:function(){var e=this;e.inputValue&&(this.inputValue="",this.$el.querySelector("input").focus())}}}},151:function(e,t){},168:function(e,t,n){var i,o;n(151),i=n(85);var u=n(193);o=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(o=i=i.default),"function"==typeof o&&(o=o.options),o.render=u.render,o.staticRenderFns=u.staticRenderFns,e.exports=i},193:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.UIName+"-search"},[n("div",{class:e.UIName+"-searchbar"},[n("div",{class:e.UIName+"-input-wrap"},[n("i",{staticClass:"iconfont icon-search",class:e.UIName+"-search-icon"}),e._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],class:[e.UIName+"-search-input",{"input-text":e.inputValue}],attrs:{type:"text",placeholder:e.placeholderVal},domProps:{value:e._s(e.inputValue)},on:{blur:function(t){e.isFocus=!1},focus:function(t){e.isFocus=!0},input:function(t){t.target.composing||(e.inputValue=t.target.value)}}}),e._v(" "),n("i",{directives:[{name:"show",rawName:"v-show",value:e.isFocus||e.inputValue,expression:"isFocus || inputValue"}],staticClass:"iconfont icon-close-block",class:e.UIName+"-search-reset",on:{click:function(t){t.stopPropagation(),e.resetSearch(t)}}})]),e._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:e.isFocus||e.inputValue&&e.operation,expression:"isFocus || inputValue && operation"}],class:[e.UIName+"-text-theme",e.UIName+"-search-cancel",{"input-text":e.inputValue}],on:{click:e.operate}},[e._v(e._s(e.operation))])]),e._v(" "),n("div",{class:e.UIName+"-search-result"})])},staticRenderFns:[]}}})});