ll-package
Version:
2 lines (1 loc) • 2.95 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../../_util/pickAttrs.js"),K=require("./Input.js"),l=require("../../_util/vue-types/index.js"),L=require("../../vc-tree-select/LegacyContext.js"),A={inputElement:l.default.any,id:String,prefixCls:String,values:l.default.array,open:{type:Boolean,default:void 0},searchValue:String,inputRef:l.default.any,placeholder:l.default.any,disabled:{type:Boolean,default:void 0},mode:String,showSearch:{type:Boolean,default:void 0},autofocus:{type:Boolean,default:void 0},autocomplete:String,activeDescendantId:String,tabindex:l.default.oneOfType([l.default.number,l.default.string]),activeValue:String,backfill:{type:Boolean,default:void 0},optionLabelRender:Function,onInputChange:Function,onInputPaste:Function,onInputKeyDown:Function,onInputMouseDown:Function,onInputCompositionStart:Function,onInputCompositionEnd:Function},v=e.defineComponent({name:"SingleSelector",setup(t){const d=e.shallowRef(!1),u=e.computed(()=>t.mode==="combobox"),g=e.computed(()=>u.value||t.showSearch),m=e.computed(()=>{let n=t.searchValue||"";return u.value&&t.activeValue&&!d.value&&(n=t.activeValue),n}),i=L.default();e.watch([u,()=>t.activeValue],()=>{u.value&&(d.value=!1)},{immediate:!0});const b=e.computed(()=>t.mode!=="combobox"&&!t.open&&!t.showSearch?!1:!!m.value),h=e.computed(()=>{const n=t.values[0];return n&&(typeof n.label=="string"||typeof n.label=="number")?n.label.toString():void 0}),C=()=>{if(t.values[0])return null;const n=b.value?{visibility:"hidden"}:void 0;return e.createVNode("span",{class:`${t.prefixCls}-selection-placeholder`,style:n},[t.placeholder])};return()=>{var n,c,s,r;const{inputElement:I,prefixCls:f,id:x,values:V,inputRef:w,disabled:F,autofocus:D,autocomplete:k,activeDescendantId:E,open:N,tabindex:R,optionLabelRender:y,onInputKeyDown:_,onInputMouseDown:q,onInputChange:B,onInputPaste:M,onInputCompositionStart:P,onInputCompositionEnd:T}=t,o=V[0];let a=null;if(o&&i.customSlots){const p=(n=o.key)!==null&&n!==void 0?n:o.value,S=((c=i.keyEntities[p])===null||c===void 0?void 0:c.node)||{};a=i.customSlots[(s=S.slots)===null||s===void 0?void 0:s.title]||i.customSlots.title||o.label,typeof a=="function"&&(a=a(S))}else a=y&&o?y(o.option):o==null?void 0:o.label;return e.createVNode(e.Fragment,null,[e.createVNode("span",{class:`${f}-selection-search`},[e.createVNode(K.default,{inputRef:w,prefixCls:f,id:x,open:N,inputElement:I,disabled:F,autofocus:D,autocomplete:k,editable:g.value,activeDescendantId:E,value:m.value,onKeydown:_,onMousedown:q,onChange:p=>{d.value=!0,B(p)},onPaste:M,onCompositionstart:P,onCompositionend:T,tabindex:R,attrs:$.default(t,!0)},null)]),!u.value&&o&&!b.value&&e.createVNode("span",{class:`${f}-selection-item`,title:h.value},[e.createVNode(e.Fragment,{key:(r=o.key)!==null&&r!==void 0?r:o.value},[a])]),C()])}}});v.props=A;v.inheritAttrs=!1;const O=v;exports.default=O;