vue-tianditu2
Version:
3 lines (2 loc) • 1.08 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./icons.js");;/* empty css */const d=e.defineComponent({props:{modelValue:{type:String,default:""},placeholder:{type:String,default:"输入关键字搜索"},searchBtn:{type:Boolean,default:!0},routeBtn:{type:Boolean,default:!0}},emits:{"update:modelValue":t=>!0,search:t=>!0},setup(t,{emit:n,slots:l}){let u=!1;const o=e.computed({get(){return t.modelValue},set(a){n("update:modelValue",a)}});return()=>{var a;return e.h("div",{class:"tdt-search-box"},[e.h("input",{class:"tdt-search-box__input",type:"text",placeholder:t.placeholder,value:o.value,onCompositionstart:()=>u=!0,onCompositionend:()=>u=!1,onInput:r=>setTimeout(()=>!u&&(o.value=r.target.value)),onKeyup:r=>r.code==="Enter"&&n("search",o.value)}),e.h("i",{class:"tdt-search-box__close",style:{display:t.modelValue?"block":"none"},onClick:()=>o.value=""},[e.h(c.IconClose)]),(a=l.default)==null?void 0:a.call(l)])}}});exports.SearchBox=d;
//# sourceMappingURL=SearchBox.js.map