weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 12.3 kB
JavaScript
// { "framework": "Vue" }
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["npm/weex-flymeui/components/fm-searchbar/index"]=t():e["npm/weex-flymeui/components/fm-searchbar/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=155)}({0:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={biaoqing:"",bofang:"",bianji:"",bofang2:"",cebianlan:"",caijian:"",chakan:"",chexiao:"",chuangkouhua:"",daojishi:"",dianzan:"",chuangkouhua2:"",dianhua:"",diannao:"",dingwei2:"",dingwei:"",dingyue:"",erweima:"",fanhui:"",fasong:"",fujian:"",fenlei:"",fanhui2:"ູ",fenxiang:"",fuzhi:"",gengduo:"",gouwuche:"",gongjuxiang:"",gengduo2:"",guanbi:"",jishi:"",hongxin:"",jingyin:"",jianpan:"",jiesuo:"",jisuanqi:"󦰶",liangdu:"",lvjing:"",paixu:"",paihang:"",paizhao:"",pingmutoushe:"",riqi:"",shanchu:"",shangchaun:"",shangyishou:"",shezhi:"",shizhong:"",shezhi1:"",sousuo:"",shuqian:"",shuoming:"",shuaxin:"",suoding:"",shipin:"",tuichu:"",tupian:"",tianjia:"",tixing:"",wancheng:"",wengao:"",xiayishou:"",xinxi:"",xiazai:"",xingxing:"",xinxi1:"",xuanxiangliebiao:"",yidu:"",yinliang:"",yinbi:"",yuyin:"",zanting:"",yonghu:"",youjian:"",zhiding:"",chongzuo:"",zhuye:"",ziti:"",VPN:"","Wi-Fi":"",zhuti:"",lanya:"",quanping:"",pingmufanzhuan:"",gouwu:"",saomiao:""}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.use=t.t=void 0;var i=function(e){return e&&e.__esModule?e:{default:e}}(n(8)).default,o=t.t=function(e,t){for(var n=void 0,o=e.split("."),r=i,a=0,u=o.length;a<u;a++){if(n=r[o[a]],a===u-1)return n;if(!n)return"";r=n}return""},r=t.use=function(e){i=e||i};t.default={t:o,use:r}},155:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(156);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(i).default}})},156:function(e,t,n){var i,o,r=[];r.push(n(157)),i=n(158);var a=n(159);o=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(Object.keys(i).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),o=i=i.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-searchbar/index.vue",o.render=a.render,o.staticRenderFns=a.staticRenderFns,o._scopeId="data-v-2e044d6c",o.style=o.style||{},r.forEach(function(e){for(var t in e)o.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),e.exports=i},157:function(e,t){e.exports={"fm-status-bar":{height:"66",width:"1080",backgroundColor:"#ffffff"},"fm-search-bar":{paddingTop:0,paddingRight:"48",paddingBottom:0,paddingLeft:"48",backgroundColor:"#ffffff",width:"1080",height:"144",flexDirection:"row",alignItems:"center",justifyContent:"space-between",borderBottomStyle:"solid",borderBottomWidth:"2",borderBottomColor:"rgba(0,0,0,0.1)"},"search-input-wrap":{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",paddingLeft:"35",height:"90",backgroundColor:"rgba(0,0,0,0.05)",outline:"none",borderRadius:"45"},"search-bar-input":{flex:1,height:"90",marginLeft:"24",marginRight:"9",lineHeight:"90",fontSize:"42",backgroundColor:"rgba(0,0,0,0)",fontFamily:"sans-serif-medium",fontWeight:"500",color:"#616161"},"search-bar-icon":{lineHeight:"42",height:"42",fontWeight:"700"},"search-bar-back":{marginLeft:"-18",marginRight:"30",lineHeight:"72",height:"72",fontWeight:"700"},"search-bar-delete":{width:"60",height:"60",marginRight:"15",fontWeight:"700",paddingTop:"4",paddingRight:0,paddingBottom:0,paddingLeft:"6",backgroundColor:"rgba(77,77,77,0.5)",borderRadius:"30"},"search-enter":{fontFamily:"sans-serif-medium",fontWeight:"500",fontSize:"48",lineHeight:"96",marginLeft:"48",color:"rgba(0,0,0,0.4)",textAlign:"center"},"right-btn":{position:"absolute",top:0,bottom:0,right:"24",justifyContent:"center"}}},158:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=a(n(2)),o=a(n(7)),r=n(1);function a(e){return e&&e.__esModule?e:{default:e}}var u=weex.requireModule("navigator");t.default={name:"FmSearchbar",mixins:[o.default],components:{FmIcon:i.default},props:{statusbar:{type:Boolean,default:!1},inputValue:{type:[String,Number],default:""},useDefaultReturn:{type:Boolean,default:!0},hasPrev:{type:Boolean,default:!0},backgroundColor:{type:String,default:"#FFFFFF"},iconColor:{type:String,default:"rgba(0, 0, 0, 0.4)"},leftColor:{type:String,default:"rgba(0, 0, 0, 0.6)"},inputBackground:String,borderStyle:{type:Object,default:function(){return{}}},placeholder:String,autofocus:Boolean,disabled:Boolean,inputType:{type:String,default:"text"},searchText:{type:String,default:function(){return(0,r.t)("el.searchbar.search")}},searchColor:{type:String,default:"rgba(0, 0, 0, 0.4)"},searchHighlightColor:{type:String,default:"#198DED"},searchTextSize:{type:Number,default:48},returnKeyType:{type:String,default:"search"},placeholderColor:{type:String,default:"rgba(0, 0, 0, 0.4)"},inputColor:{type:String,default:"#616161"},show:{type:Boolean,default:!0}},watch:{inputValue:function(e){this.value=e}},data:function(){return{isFocus:!1,value:""}},computed:{delShow:function(){return this.isFocus&&this.value},barStyle:function(){var e={borderBottomStyle:"solid",borderBottomWidth:"2px",borderBottomColor:"rgba(0, 0, 0, 0.1)"};return Object.assign(e,this.borderStyle),e.backgroundColor=this.backgroundColor,e},searchTextStyle:function(){var e=this.value,t=this.searchColor,n=this.searchHighlightColor,i=this.searchTextSize;return{color:e?n:t,fontSize:i+"px"}}},methods:{onBack:function(e){this.useDefaultReturn&&u.pop({},function(e){}),this.$emit("fmSearchbarleftBtnClicked",{})},delClick:function(e){this.value=""},onInput:function(e){this.value=e.value,this.$emit("input",e)},onFocus:function(e){this.isFocus=!0,this.$emit("focus",e)},onBlur:function(e){this.isFocus=!1,this.$emit("blur",e)},focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()},onSubmit:function(e){this.$emit("fmSearchbarSubmit",{value:this.value})},onSearch:function(e){this.$emit("fmSearchbarSubmit",{value:this.value})},setSelectionRange:function(e,t){this.$refs.input.setSelectionRange(e,t)},getEditSelectionRange:function(e){this.$refs.input.getEditSelectionRange(e)},setValue:function(e){this.value=e}},mounted:function(){this.value=this.inputValue||""}}},159:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.show?n("div",[e.statusbar?n("div",{staticClass:["fm-status-bar"],style:{backgroundColor:e.backgroundColor}}):e._e(),n("div",{staticClass:["fm-search-bar"],style:e.barStyle},[e.hasPrev?e._t("left",[n("fm-icon",{staticClass:["search-bar-back"],attrs:{name:"fanhui",iconStyle:72,color:e.leftColor},on:{fmIconClicked:e.onBack}})]):e._e(),n("div",{staticClass:["search-input-wrap"],style:e.inputBackground?{backgroundColor:e.inputBackground}:{}},[n("fm-icon",{staticClass:["search-bar-icon"],attrs:{name:"sousuo",iconStyle:42,color:e.iconColor}}),n("input",{ref:"input",staticClass:["search-bar-input"],style:{color:e.inputColor,"placeholder-color":e.placeholderColor},attrs:{autofocus:e.autofocus,disabled:e.disabled,value:e.value,type:e.inputType,returnKeyType:e.returnKeyType,placeholder:e.placeholder},on:{blur:e.onBlur,focus:e.onFocus,input:e.onInput,return:e.onSubmit}}),n("fm-icon",{staticClass:["search-bar-delete"],style:{opacity:e.delShow?1:0},attrs:{name:"guanbi",iconStyle:48,color:"#FFFFFF"},on:{fmIconClicked:e.delClick}}),n("div",{staticClass:["right-btn"],style:{opacity:e.delShow?0:1}},[e._t("input-right")],2)],1),e._t("right",[e.searchText?n("text",{staticClass:["search-enter"],style:e.searchTextStyle,on:{click:e.onSearch}},[e._v(e._s(e.searchText))]):e._e()])],2)]):e._e()},staticRenderFns:[]},e.exports.render._withStripped=!0},2:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(3);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(i).default}})},3:function(e,t,n){var i,o,r=[];r.push(n(4)),i=n(5);var a=n(6);o=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(Object.keys(i).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),o=i=i.default),"function"==typeof o&&(o=o.options),o.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-icon/index.vue",o.render=a.render,o.staticRenderFns=a.staticRenderFns,o._scopeId="data-v-08d175ee",o.style=o.style||{},r.forEach(function(e){for(var t in e)o.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(o._scopeId,r),e.exports=i},4:function(e,t){e.exports={}},5:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},o=function(e){return e&&e.__esModule?e:{default:e}}(n(0));var r=weex.requireModule("dom");t.default={name:"FmIcon",props:{name:{default:"wancheng",type:String},value:{type:String,default:""},iconStyle:{type:[Number,Object,String],default:42},color:{type:String,default:"#666666"}},data:function(){return{Icon:o.default}},computed:{getIcon:function(){var e=this.Icon,t=this.name,n=this.value;return u(""===n?e[t]||"wancheng":n)},mergeStyle:function(){var e=this.iconStyle,t={fontFamily:"flymeicon",color:this.color};return"object"!==Object.prototype.toString.call(this.iconStyle).slice(8,-1).toLowerCase()?(t.fontSize=e+"px",t.height=e+"px"):t=Object.assign({},t,i({},e)),t}},beforeCreate:function(){this.isCreator||r.addRule("fontFace",{fontFamily:"flymeicon",src:"url('http://weixin-res.flyme.cn/resources/weex-flymeui/assets/iconfont.ttf')"})},methods:{itemClicked:function(e){this.$emit("fmIconClicked",{name:e})}}};var a=/&([^;]{2,});?/g,u=function(e){return e=e.replace(a,function(e,t){if("#"===t.charAt(0)){var n=0;if(n="x"===t.charAt(1).toLowerCase()?parseInt(t.slice(2),16):parseInt(t.slice(1),10),!isNaN(n)&&n>=-32768&&n<=65535)return String.fromCharCode(n)}return e})}},6:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("text",{style:e.mergeStyle,on:{click:function(t){e.itemClicked(e.name)}}},[e._v(e._s(e.getIcon))])},staticRenderFns:[]},e.exports.render._withStripped=!0},7:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1);t.default={methods:{t:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return i.t.apply(this,t)}}}},8:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={el:{common:{delete:"删除",cancel:"取消",confirm:"确认",close:"关闭",title:"标题",more:"更多"},titlebar:{title:"标题"},searchbar:{search:"搜索"},foldabletext:{more:"更多"},input:{placeholder:"请输入",inputError:"输入有误"},tag:{tagName:"标签"}}}}})});