10 lines
6.2 KiB
JavaScript
10 lines
6.2 KiB
JavaScript
import{bp as ee,b5 as x,b_ as te,d as ne,b6 as ae,b8 as le,r as m,ba as oe,bb as se,b9 as V,b$ as ie,a as v,c0 as re,bc as ue,bQ as de,c1 as F,al as u,c2 as ce,c3 as me,c4 as fe,D as he,c5 as ve,O as ge,c6 as pe,c7 as be,c8 as Se,c9 as Te,ca as ye,bg as f}from"./index-Dw6v9XEN.js";function Ce(t){return t.map(A)}function A(t){var i,a;return typeof t=="string"?{label:t,value:t}:t.type==="group"?{type:"group",label:(i=t.label)!==null&&i!==void 0?i:t.name,value:(a=t.value)!==null&&a!==void 0?a:t.name,key:t.key||t.name,children:t.children.map(l=>A(l))}:t}const _e=ee([x("auto-complete",`
|
|
z-index: auto;
|
|
position: relative;
|
|
display: inline-flex;
|
|
width: 100%;
|
|
`),x("auto-complete-menu",`
|
|
margin: 4px 0;
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
`,[te({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]),Fe=Object.assign(Object.assign({},V.props),{to:F.propTo,menuProps:Object,append:Boolean,bordered:{type:Boolean,default:void 0},clearable:{type:Boolean,default:void 0},defaultValue:{type:String,default:null},loading:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},placeholder:String,placement:{type:String,default:"bottom-start"},value:String,blurAfterSelect:Boolean,clearAfterSelect:Boolean,getShow:Function,showEmpty:Boolean,inputProps:Object,renderOption:Function,renderLabel:Function,size:String,options:{type:Array,default:()=>[]},zIndex:Number,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onSelect:[Function,Array],onBlur:[Function,Array],onFocus:[Function,Array],onInput:[Function,Array]}),we=ne({name:"AutoComplete",props:Fe,setup(t){const{mergedBorderedRef:i,namespaceRef:a,mergedClsPrefixRef:o,inlineThemeDisabled:l}=ae(t),h=le(t),{mergedSizeRef:M,mergedDisabledRef:z,mergedStatusRef:P}=h,T=m(null),g=m(null),y=m(t.defaultValue),k=oe(t,"value"),p=se(k,y),d=m(!1),C=m(!1),R=V("AutoComplete","-auto-complete",_e,ie,t,o),w=v(()=>Ce(t.options)),D=v(()=>{const{getShow:e}=t;return e?e(p.value||""):!!p.value}),E=v(()=>D.value&&d.value&&(t.showEmpty?!0:!!w.value.length)),$=v(()=>re(w.value,Te("value","children")));function b(e){const{"onUpdate:value":n,onUpdateValue:s,onInput:r}=t,{nTriggerFormInput:S,nTriggerFormChange:Z}=h;s&&f(s,e),n&&f(n,e),r&&f(r,e),y.value=e,S(),Z()}function j(e){const{onSelect:n}=t,{nTriggerFormInput:s,nTriggerFormChange:r}=h;n&&f(n,e),s(),r()}function U(e){const{onBlur:n}=t,{nTriggerFormBlur:s}=h;n&&f(n,e),s()}function N(e){const{onFocus:n}=t,{nTriggerFormFocus:s}=h;n&&f(n,e),s()}function L(){C.value=!0}function K(){window.setTimeout(()=>{C.value=!1},0)}function H(e){var n,s,r;switch(e.key){case"Enter":if(!C.value){const S=(n=g.value)===null||n===void 0?void 0:n.getPendingTmNode();S&&(O(S.rawNode),e.preventDefault())}break;case"ArrowDown":(s=g.value)===null||s===void 0||s.next();break;case"ArrowUp":(r=g.value)===null||r===void 0||r.prev();break}}function O(e){(e==null?void 0:e.value)!==void 0&&(j(e.value),t.clearAfterSelect?b(null):e.label!==void 0&&b(t.append?`${p.value}${e.label}`:e.label),d.value=!1,t.blurAfterSelect&&Y())}function Q(){b(null)}function q(e){d.value=!0,N(e)}function G(e){d.value=!1,U(e)}function J(e){d.value=!0,b(e)}function W(e){O(e.rawNode)}function X(e){var n;!((n=T.value)===null||n===void 0)&&n.contains(ye(e))||(d.value=!1)}function Y(){var e,n;!((e=T.value)===null||e===void 0)&&e.contains(document.activeElement)&&((n=document.activeElement)===null||n===void 0||n.blur())}const B=v(()=>{const{common:{cubicBezierEaseInOut:e},self:{menuBoxShadow:n}}=R.value;return{"--n-menu-box-shadow":n,"--n-bezier":e}}),c=l?ue("auto-complete",void 0,B,t):void 0,_=m(null),I={focus:()=>{var e;(e=_.value)===null||e===void 0||e.focus()},blur:()=>{var e;(e=_.value)===null||e===void 0||e.blur()}};return{focus:I.focus,blur:I.blur,inputInstRef:_,uncontrolledValue:y,mergedValue:p,isMounted:de(),adjustedTo:F(t),menuInstRef:g,triggerElRef:T,treeMate:$,mergedSize:M,mergedDisabled:z,active:E,mergedStatus:P,handleClear:Q,handleFocus:q,handleBlur:G,handleInput:J,handleToggle:W,handleClickOutsideMenu:X,handleCompositionStart:L,handleCompositionEnd:K,handleKeyDown:H,mergedTheme:R,cssVars:l?void 0:B,themeClass:c==null?void 0:c.themeClass,onRender:c==null?void 0:c.onRender,mergedBordered:i,namespace:a,mergedClsPrefix:o}},render(){const{mergedClsPrefix:t}=this;return u("div",{class:`${t}-auto-complete`,ref:"triggerElRef",onKeydown:this.handleKeyDown,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd},u(ce,null,{default:()=>[u(me,null,{default:()=>{if(this.$slots.default)return fe(this.$slots,"default",{handleInput:this.handleInput,handleFocus:this.handleFocus,handleBlur:this.handleBlur,value:this.mergedValue});const{mergedTheme:a}=this;return u(he,{ref:"inputInstRef",status:this.mergedStatus,theme:a.peers.Input,themeOverrides:a.peerOverrides.Input,bordered:this.mergedBordered,value:this.mergedValue,placeholder:this.placeholder,size:this.mergedSize,disabled:this.mergedDisabled,clearable:this.clearable,loading:this.loading,inputProps:this.inputProps,onClear:this.handleClear,onFocus:this.handleFocus,onUpdateValue:this.handleInput,onBlur:this.handleBlur},{suffix:()=>{var o,l;return(l=(o=this.$slots).suffix)===null||l===void 0?void 0:l.call(o)},prefix:()=>{var o,l;return(l=(o=this.$slots).prefix)===null||l===void 0?void 0:l.call(o)}})}}),u(ve,{show:this.active,to:this.adjustedTo,containerClass:this.namespace,zIndex:this.zIndex,teleportDisabled:this.adjustedTo===F.tdkey,placement:this.placement,width:"target"},{default:()=>u(ge,{name:"fade-in-scale-up-transition",appear:this.isMounted},{default:()=>{var i;if((i=this.onRender)===null||i===void 0||i.call(this),!this.active)return null;const{menuProps:a}=this;return pe(u(Se,Object.assign({},a,{clsPrefix:t,ref:"menuInstRef",theme:this.mergedTheme.peers.InternalSelectMenu,themeOverrides:this.mergedTheme.peerOverrides.InternalSelectMenu,"auto-pending":!0,class:[`${t}-auto-complete-menu`,this.themeClass,a==null?void 0:a.class],style:[a==null?void 0:a.style,this.cssVars],treeMate:this.treeMate,multiple:!1,renderLabel:this.renderLabel,renderOption:this.renderOption,size:"medium",onToggle:this.handleToggle}),{empty:()=>{var o,l;return(l=(o=this.$slots).empty)===null||l===void 0?void 0:l.call(o)}}),[[be,this.handleClickOutsideMenu,void 0,{capture:!0}]])}})})]}))}});export{we as _};
|