cnhis-design-vue 3.1.42-beta.24 → 3.1.42-beta.26

package/es/components/recommend-search/src/components/BaseSearch.vue.js

@@ -1 +0,0 @@
-import{defineComponent as e,ref as a,computed as t,openBlock as l,createBlock as o,unref as r,mergeProps as n,isRef as u,withCtx as s,createVNode as p,createElementVNode as i,renderSlot as c}from"vue";import{uuidGenerator as v}from"../../../../shared/utils/index.js";import{useDebounceFn as d,onClickOutside as f}from"@vueuse/core";import{NPopover as h,NInput as m,NSpin as g}from"naive-ui";import y from"../../../../_virtual/plugin-vue_export-helper.js";const w=["id"];var _=y(e({__name:"BaseSearch",props:{displayValue:{type:String},valueFormatter:{type:Function},show:{type:Boolean},loading:{type:Boolean},placeholder:{type:String,default:"请输入"},clearable:{type:Boolean,default:!0},inputProps:{type:Object,default:()=>({})},popProps:{type:Object,default:()=>({})},clearPatternOnOpenMenu:{type:Boolean,default:!0}},emits:["update:show","clear","search","openMenu","closeMenu"],setup(e,{expose:y,emit:_}){const b=e,M=v(),P=d(((e="")=>{_("search",e)}),300),B=a(),O=a(b.show),k=t({get:()=>O.value||b.show,set(e){_("update:show",e),O.value=e}}),x=a(),j=a(""),S=t({get:()=>k.value?j.value:b.displayValue,set(e){j.value=e||"",P(e)}});function F(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&U()}function U(){k.value||(k.value=!0,_("openMenu"),b.clearPatternOnOpenMenu&&(j.value=""))}function C(){var e;k.value=!1,null==(e=x.value)||e.blur(),_("closeMenu")}function N(){_("clear")}return f(x,(e=>{var a;if(!k.value)return;const t=e;if(!t.target)return C();!function(e){let a=!1,t=e;for(;t;){if(t.id===M){a=!0;break}t=t.parentElement}return a}(t.target)?C():null==(a=x.value)||a.focus()})),y({setPattern(e){j.value=e},closeMenu:C,openMenu:U}),(a,t)=>(l(),o(r(h),n({trigger:"manual",class:"recommend-search",placement:"bottom-start",show:r(k),"onUpdate:show":t[2]||(t[2]=e=>u(k)?k.value=e:null),"show-arrow":!1,ref_key:"popoverRef",ref:B,width:"trigger"},e.popProps),{trigger:s((()=>[p(r(m),n(e.inputProps,{placeholder:e.placeholder,clearable:e.clearable,onClear:N,onFocus:F,onClick:F,onKeydown:t[0]||(t[0]=e=>a.$emit("keydown",e)),ref_key:"inputRef",ref:x,value:r(S),"onUpdate:value":t[1]||(t[1]=e=>u(S)?S.value=e:null)}),null,16,["placeholder","clearable","value"])])),default:s((()=>[p(r(g),{show:e.loading},{default:s((()=>[i("section",{id:r(M),class:"base-search__menu",style:{"min-height":"100px"}},[c(a.$slots,"menu")],8,w)])),_:3},8,["show"])])),_:3},16,["show"]))}}),[["__file","BaseSearch.vue"]]);export{_ as default};