2 lines
6.9 KiB
JavaScript
2 lines
6.9 KiB
JavaScript
|
import{a2 as e,a3 as a,j as t,k as s,b as l,e as c,w as r,g as i,N as o,O as n,y as u,z as d,q as h,l as f,I as p,G as m,d as b,r as y,v as g,a0 as _,Q as k,A as x,a4 as C,$ as v,F as w,a5 as V,H as S}from"./index-f6e54d8f.js";import{_ as B}from"./uni-icons.7467b650.js";import{_ as $}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as U}from"./Layout.7385e6f6.js";const F={en:{"uni-search-bar.cancel":"cancel","uni-search-bar.placeholder":"Search enter content"},"zh-Hans":{"uni-search-bar.cancel":"取消","uni-search-bar.placeholder":"请输入搜索内容"},"zh-Hant":{"uni-search-bar.cancel":"取消","uni-search-bar.placeholder":"請輸入搜索內容"}},{t:T}=e(F);const j=$({name:"UniSearchBar",emits:["input","update:modelValue","clear","cancel","confirm","blur","focus"],props:{placeholder:{type:String,default:""},radius:{type:[Number,String],default:5},clearButton:{type:String,default:"auto"},cancelButton:{type:String,default:"auto"},cancelText:{type:String,default:""},bgColor:{type:String,default:"#F8F8F8"},textColor:{type:String,default:"#000000"},maxlength:{type:[Number,String],default:100},value:{type:[Number,String],default:""},modelValue:{type:[Number,String],default:""},focus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},data:()=>({show:!1,showSync:!1,searchVal:""}),computed:{cancelTextI18n(){return this.cancelText||T("uni-search-bar.cancel")},placeholderText(){return this.placeholder||T("uni-search-bar.placeholder")}},watch:{modelValue:{immediate:!0,handler(e){this.searchVal=e,e&&(this.show=!0)}},focus:{immediate:!0,handler(e){if(e){if(this.readonly)return;this.show=!0,this.$nextTick((()=>{this.showSync=!0}))}}},searchVal(e,a){this.$emit("input",e),this.$emit("update:modelValue",e)}},methods:{searchClick(){this.readonly||this.show||(this.show=!0,this.$nextTick((()=>{this.showSync=!0})))},clear(){this.searchVal="",this.$nextTick((()=>{this.$emit("clear",{value:""})}))},cancel(){this.readonly||(this.$emit("cancel",{value:this.searchVal}),this.searchVal="",this.show=!1,this.showSync=!1,a())},confirm(){a(),this.$emit("confirm",{value:this.searchVal})},blur(){a(),this.$emit("blur",{value:this.searchVal})},emitFocus(e){this.$emit("focus",e.detail)}}},[["render",function(e,a,b,y,g,_){const k=t(s("uni-icons"),B),x=f,C=p,v=m;return l(),c(x,{class:"uni-searchbar"},{default:r((()=>[i(x,{style:o({borderRadius:b.radius+"px",backgroundColor:b.bgColor}),class:"uni-searchbar__box",onClick:_.searchClick},{default:r((()=>[i(x,{class:"uni-searchbar__box-icon-search"},{default:r((()=>[n(e.$slots,"searchIcon",{},(()=>[i(k,{color:"#c0c4cc",size:"18",type:"search"})]),!0)])),_:3}),g.show||g.searchVal?(l(),c(C,{key:0,focus:g.showSync,disabled:b.readonly,placeholder:_.placeholderText,maxlength:b.maxlength,class:"uni-searchbar__box-search-input","confirm-type":"search",type:"text",modelValue:g.searchVal,"onUpdate:modelValue":a[0]||(a[0]=e=>g.searchVal=e),style:o({color:b.textColor}),onConfirm:_.confirm,onBlur:_.blur,onFocus:_.emitFocus},null,8,["focus","disabled","placeholder","maxlength","modelValue","style","onConfirm","onBlur","onFocus"])):(l(),c(v,{key:1,class:"uni-searchbar__text-placeholder"},{default:r((()=>[u(d(b.placeholder),1)])),_:1})),g.show&&("always"===b.clearButton||"auto"===b.clearButton&&""!==g.searchVal)&&!b.readonly?(l(),c(x,{key:2,class:"uni-searchbar__box-icon-clear",onClick:_.clear},{default:r((()=>[n(e.$slots,"clearIcon",{},(()=>[i(k,{color:"#c0c4cc",size:"20",type:"clear"})]),!0)])),_:3},8,["onClick"])):h("v-if",!0)])),_:3},8,["style","onClick"]),"always"===b.cancelButton||g.show&&"auto"===b.cancelButton?(l(),c(v,{key:0,onClick:_.cancel,class:"uni-searchbar__cancel"},{default:r((()=>[u(d(_.cancelTextI18n),1)])),_:1},8,["onClick"])):h("v-if",!0)])),_:3})}],["__scopeId","data-v-c9985a7b"]]),I=$(b({__name:"index",setup(e){const a=y([{id:"b1",title:"一师一策",subtitle:"一师一优课、一课一名师",imageUrl:"/static/mock/banner-yishiyice.png",bgColor:"linear-gradient(to right, #4a7cf6, #6f9eff)"}]),n=y([{id:"c1",title:"教学力课程",description:"每月第2周例会集中培训+外出
|