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