| 1 |
- import{c as F,ad as b,m as f,t as L,d as k,bo as N,r as P,Z as T,a as l,af as h,h as D,p as O,k as U,x as K,w as M,I as j,C as q,A as z}from"./index-0f430fcc.js";import{f as g,F as Z}from"./index-42a305c0.js";const[$,o,G]=F("search"),H=b({},g,{label:String,shape:f("square"),leftIcon:f("search"),clearable:L,actionText:String,background:String,showAction:Boolean});var J=k({name:$,props:H,emits:["blur","focus","clear","search","cancel","clickInput","clickLeftIcon","clickRightIcon","update:modelValue"],setup(a,{emit:n,slots:c,attrs:t}){const s=N(),u=P(),I=()=>{c.action||(n("update:modelValue",""),n("cancel"))},m=e=>{e.keyCode===13&&(O(e),n("search",a.modelValue))},d=()=>a.id||`${s}-input`,_=()=>{if(c.label||a.label)return l("label",{class:o("label"),for:d()},[c.label?c.label():a.label])},p=()=>{if(a.showAction){const e=a.actionText||G("cancel");return l("div",{class:o("action"),role:"button",tabindex:0,onClick:I},[c.action?c.action():e])}},y=()=>{var e;return(e=u.value)==null?void 0:e.blur()},C=()=>{var e;return(e=u.value)==null?void 0:e.focus()},S=e=>n("blur",e),v=e=>n("focus",e),B=e=>n("clear",e),V=e=>n("clickInput",e),w=e=>n("clickLeftIcon",e),x=e=>n("clickRightIcon",e),R=Object.keys(g),E=()=>{const e=b({},t,h(a,R),{id:d()}),i=A=>n("update:modelValue",A);return l(Z,D({ref:u,type:"search",class:o("field"),border:!1,onBlur:S,onFocus:v,onClear:B,onKeypress:m,onClickInput:V,onClickLeftIcon:w,onClickRightIcon:x,"onUpdate:modelValue":i},e),h(c,["left-icon","right-icon"]))};return T({focus:C,blur:y}),()=>{var e;return l("div",{class:o({"show-action":a.showAction}),style:{background:a.background}},[(e=c.left)==null?void 0:e.call(c),l("div",{class:o("content",a.shape)},[_(),E()]),p()])}}});const Q=U(J),W="_white_15dhk_25",X="_transparent_15dhk_28",Y="_searchBtn_15dhk_40",ee="_leftIcon_15dhk_51",r={"m-search":"_m-search_15dhk_1",default:"_default_15dhk_22",white:W,transparent:X,searchBtn:Y,leftIcon:ee},ae=""+new URL("icon-search-d43eb2c3.svg",import.meta.url).href,te=k({name:"m-search",props:{modelValue:{type:String,default:""},shape:{type:String,default:"round"},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},autofocus:{type:Boolean,default:!1},placeholder:{type:String,default:"请输入搜索关键词"},background:{type:String,default:"#fff"},searchIcon:{type:String,default:ae},inputBackground:{type:String,default:"default"}},emits:["search","focus","blur"],setup(a,{slots:n,emit:c}){const t=K({search:a.modelValue||""});return M(()=>a.modelValue,()=>{t.search=a.modelValue}),()=>l(Q,{class:[r["m-search"],r[a.inputBackground]],shape:a.shape,background:a.background,placeholder:a.placeholder,disabled:a.disabled,autofocus:a.autofocus,autocomplete:"off",clearable:a.clearable,modelValue:t.search,"onUpdate:modelValue":s=>t.search=s,clearTrigger:"always",onClear:()=>{console.log("clear"),t.search="",c("search",t.search)},onFocus:()=>c("focus"),onBlur:()=>c("blur",t.search),onSearch:()=>c("search",t.search)},{left:()=>n.left&&n.left(),"left-icon":()=>l(j,{name:a.searchIcon,class:r.leftIcon},null),"right-icon":()=>l(q,{disabled:a.disabled,class:r.searchBtn,round:!0,type:"primary",size:"mini",onClick:()=>c("search",t.search)},{default:()=>[z("搜索")]})})}});export{te as M};
|
