vxe-pc-ui 0.1.0 → 0.2.0

package/lib/select/src/select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_size=require("../../hooks/size"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_event=require("../../ui/src/event"),_i18n=require("../../ui/src/i18n"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:null,clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull(_globalStore.default.select.placeholder)?(0,_i18n.getI18n)("vxe.base.pleaseSelect"):_globalStore.default.select.placeholder},loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>_globalStore.default.select.multiCharOverflow},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.select.size||_globalStore.default.size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:()=>_globalStore.default.select.optionId},optionKey:Boolean,transfer:{type:Boolean,default:()=>_globalStore.default.select.transfer}},emits:["update:modelValue","change","clear","blur","focus"],setup(x,e){const{slots:E,emit:i}=e,l=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("$xeFormItemInfo",null);var U=_xeUtils.default.uniqueId();const q=(0,_size.useSize)(x),O=(0,_vue.reactive)({inited:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),w={refElem:_},V={xID:U,props:x,context:e,reactData:O,getRefMaps:()=>w};let n={};const t=(0,_vue.computed)(()=>x.optionProps||{}),a=(0,_vue.computed)(()=>x.optionGroupProps||{}),s=(0,_vue.computed)(()=>{return t.value.label||"label"}),S=(0,_vue.computed)(()=>{return t.value.value||"value"}),c=(0,_vue.computed)(()=>{return a.value.label||"label"}),T=(0,_vue.computed)(()=>{return a.value.options||"options"}),D=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=x;return!(!t||!l)&&(e?e.length:0)>=_xeUtils.default.toNumber(l)}),L=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.select.optionConfig,x.optionConfig)),y=(0,_vue.computed)(()=>O.fullGroupList.some(e=>e.options&&e.options.length)),F=(0,_vue.computed)(()=>_xeUtils.default.toNumber(x.multiCharOverflow)),N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=E[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],d=t=>{var{fullOptionList:e,fullGroupList:l}=O,i=y.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var n=l[e];if(n.options)for(let e=0;e<n.options.length;e++){var a=n.options[e];if(t===a[o])return a}}return e.find(e=>t===e[o])},u=t=>{var e=O["remoteValueList"],l=s.value,e=e.find(e=>t===e.key),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[l]:t)},r=e=>{var t=s.value,l=d(e);return _xeUtils.default.toValueString(l?l[t]:e)},R=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,remote:l}=x;const i=F.value;return e&&t?(t=_xeUtils.default.isArray(e)?e:[e],(l?t.map(e=>u(e)):t.map(e=>{e=r(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e})).join(", ")):(l?u:r)(e)}),v=()=>{return L.value.keyField||x.optionId||"_X_OPTION_KEY"},P=e=>{e=e[v()];return e?encodeURIComponent(e):""},p=()=>{const{filterable:e,filterMethod:t}=x,{fullOptionList:l,fullGroupList:i,searchValue:o}=O;var n=y.value;const a=c.value,u=s.value;return n?e&&t?O.visibleGroupList=i.filter(e=>isOptionVisible(e)&&t({group:e,option:null,searchValue:o})):O.visibleGroupList=e?i.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[a]).indexOf(o))):i.filter(isOptionVisible):e&&t?O.visibleOptionList=l.filter(e=>isOptionVisible(e)&&t({group:null,option:e,searchValue:o})):O.visibleOptionList=e?l.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[u]).indexOf(o))):l.filter(isOptionVisible),(0,_vue.nextTick)()},f=()=>{var{fullOptionList:e,fullGroupList:t}=O;const l=T.value,i=v(),o=e=>{P(e)||(e[i]=getOptUniqueId())};t.length?t.forEach(e=>{o(e),e[l]&&e[l].forEach(o)}):e.length&&e.forEach(o),p()},I=e=>{var t=S.value;e&&(O.currentOption=e,O.currentValue=e[t])},G=(i,o)=>(0,_vue.nextTick)().then(()=>{var e,t,l;i&&(e=m.value,t=g.value.querySelector(`[optid='${P(i)}']`),e)&&t&&(l=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>l&&(e.scrollTop=t.offsetTop+t.offsetHeight-l):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))}),C=()=>(0,_vue.nextTick)().then(()=>{var{transfer:e,placement:i}=x,o=O["panelIndex"],n=_.value,a=g.value;if(a&&n){var u=n.offsetHeight,s=n.offsetWidth,r=a.offsetHeight,a=a.offsetWidth,o={zIndex:o},{boundingTop:n,boundingLeft:v,visibleHeight:p,visibleWidth:c}=(0,_dom.getAbsolutePos)(n);let l="bottom";if(e){let e=v,t=n+u;"top"===i?(l="top",t=n-r):i||(t+r+5>p&&(l="top",t=n-r),t<5&&(l="bottom",t=n+u)),e+a+5>c&&(e-=e+a+5-c),e<5&&(e=5),Object.assign(o,{left:e+"px",top:t+"px",minWidth:s+"px"})}else"top"===i?(l="top",o.bottom=u+"px"):i||p<n+u+r&&5<n-u-r&&(l="top",o.bottom=u+"px");return O.panelStyle=o,O.panelPlacement=l,(0,_vue.nextTick)()}});let $;const k=()=>{var{loading:e,disabled:t,filterable:l}=x;e||t||(clearTimeout($),O.inited||(O.inited=!0),O.isActivated=!0,O.animatVisible=!0,l&&p(),setTimeout(()=>{var{modelValue:e,multiple:t}=x,t=d(t&&e?e[0]:e);O.visiblePanel=!0,t&&(I(t),G(t)),x.filterable&&(0,_vue.nextTick)(()=>{var e=h.value;e&&e.focus()})},10),O.panelIndex<(0,_utils.getLastZIndex)()&&(O.panelIndex=(0,_utils.nextZIndex)()),C())},A=()=>{O.searchValue="",O.searchLoading=!1,O.visiblePanel=!1,$=window.setTimeout(()=>{O.animatVisible=!1},350)},K=(e,t)=>{t!==x.modelValue&&(i("update:modelValue",t),n.dispatchEvent("change",{value:t},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},j=(e,t)=>{O.remoteValueList=[],K(e,t),n.dispatchEvent("clear",{value:t},e)},B=(e,t)=>{j(t,null),A()},z=(t,l,i)=>{var{modelValue:o,multiple:n}=x,a=O["remoteValueList"];if(n){let e;e=o?-1===o.indexOf(l)?o.concat([l]):o.filter(e=>e!==l):[l];n=a.find(e=>e.key===l);n?n.result=i:a.push({key:l,result:i}),K(t,e)}else O.remoteValueList=[{key:l,result:i}],K(t,l),A()},M=e=>{var t=x["disabled"],l=O["visiblePanel"];t||l&&(t=g.value,((0,_dom.getEventTargetNode)(e,t).flag?C:A)())},Y=e=>{var t,l=x["disabled"],i=O["visiblePanel"];l||(l=_.value,t=g.value,O.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!O.isActivated&&A())},H=l=>{var{clearable:e,disabled:t}=x,{visiblePanel:i,currentValue:o,currentOption:n}=O;if(!t){var t=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.TAB),a=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ENTER),u=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ESCAPE),s=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_UP),r=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_DOWN),v=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.DELETE),p=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.SPACEBAR);if(t&&(O.isActivated=!1),i)if(u||t)A();else if(a)l.preventDefault(),l.stopPropagation(),z(l,o,n);else if(s||r){l.preventDefault();let{firstOption:e,offsetOption:t}=((t,l)=>{var{visibleOptionList:i,visibleGroupList:o}=O,e=y.value,n=S.value,a=T.value;let u,s,r,v;if(e)for(let e=0;e<o.length;e++){var p=o[e],c=p[a],d=p.disabled;if(c)for(let e=0;e<c.length;e++){var f=c[e],_=isOptionVisible(f),b=d||f.disabled;if(u||b||(u=f),v&&_&&!b&&(r=f,!l))return{offsetOption:r};if(t===f[n]){if(v=f,l)return{offsetOption:s}}else _&&!b&&(s=f)}}else for(let e=0;e<i.length;e++){var h=i[e],m=h.disabled;if(u||m||(u=h),v&&!m&&(r=h,!l))return{offsetOption:r};if(t===h[n]){if(v=h,l)return{offsetOption:s}}else m||(s=h)}return{firstOption:u}})(o,s);t||d(o)||(t=e),I(t),G(t,r)}else p&&l.preventDefault();else(s||r||a||p)&&O.isActivated&&(l.preventDefault(),k());O.isActivated&&v&&e&&j(l,null)}},W=()=>{A()},Z=e=>{x.disabled||(O.isActivated=!0),n.dispatchEvent("focus",{},e)},X=e=>{O.isActivated=!1,n.dispatchEvent("blur",{},e)},J=e=>{O.searchValue=e},Q=()=>{O.isActivated=!0},ee=e=>{e=e.$event;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())},te=_xeUtils.default.debounce(function(){var{remote:e,remoteMethod:t}=x,l=O["searchValue"];e&&t?(O.searchLoading=!0,Promise.resolve(t({searchValue:l})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{O.searchLoading=!1,p()})):p()},350,{trailing:!0}),le=e=>{e=e.$event;e.preventDefault(),(O.visiblePanel?A:k)()},ie=(e,v)=>{const{optionKey:p,modelValue:c,multiple:d}=x,f=O["currentValue"];var t=L.value;const _=s.value,b=S.value,h=y.value,m=t["useKey"],g=E.option;return e.map((t,e)=>{var{slots:l,className:i}=t;const o=t[b];var n=d?c&&-1<c.indexOf(o):c===o,a=!h||isOptionVisible(t);r=n,s=v;const u=!!t.disabled||!(!s||!s.disabled)||!(!D.value||r);var s=P(t),r=l?l.default:null,l={option:t,group:null,$select:V};return a?(0,_vue.h)("div",{key:m||p?s:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(l):i:"",{"is--disabled":u,"is--selected":n,"is--hover":f===o}],optid:s,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||z(e,o,t)},onMouseenter:()=>{u||I(t)}},g?N(g,l):r?N(r,l):(0,_utils.formatText)((0,_utils.getFuncText)(t[_]))):(0,_vue.createCommentVNode)()})},oe=()=>{const u=x["optionKey"];var e=O["visibleGroupList"],t=L.value;const s=c.value,r=T.value,v=t["useKey"],p=E.option;return e.map((e,t)=>{var{slots:l,className:i}=e,o=P(e),n=e.disabled,l=l?l.default:null,a={option:e,group:e,$select:V};return(0,_vue.h)("div",{key:v||u?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i(a):i:"",{"is--disabled":n}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},p?N(p,a):l?N(l,a):(0,_utils.getFuncText)(e[s])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ie(e[r]||[],e))])})};n={dispatchEvent(e,t,l){i(e,Object.assign({$select:V,$event:l},t))},isPanelVisible(){return O.visiblePanel},togglePanel(){return(O.visiblePanel?A:k)(),(0,_vue.nextTick)()},hidePanel(){return O.visiblePanel&&A(),(0,_vue.nextTick)()},showPanel(){return O.visiblePanel||k(),(0,_vue.nextTick)()},refreshOption:p,focus(){var e=b.value;return O.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(O.isActivated=!1,_vue.nextTick)()}},Object.assign(V,n),(0,_vue.watch)(()=>O.staticOptions,e=>{e.some(e=>e.options&&e.options.length)?(O.fullOptionList=[],O.fullGroupList=e):(O.fullGroupList=[],O.fullOptionList=e||[]),f()}),(0,_vue.watch)(()=>x.options,e=>{O.fullGroupList=[],O.fullOptionList=e||[],f()}),(0,_vue.watch)(()=>x.optionGroups,e=>{O.fullOptionList=[],O.fullGroupList=e||[],f()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=x;t?O.fullGroupList=t:e&&(O.fullOptionList=e),f()}),_event.GlobalEvent.on(V,"mousewheel",M),_event.GlobalEvent.on(V,"mousedown",Y),_event.GlobalEvent.on(V,"keydown",H),_event.GlobalEvent.on(V,"blur",W)}),(0,_vue.onUnmounted)(()=>{_event.GlobalEvent.off(V,"mousewheel"),_event.GlobalEvent.off(V,"mousedown"),_event.GlobalEvent.off(V,"keydown"),_event.GlobalEvent.off(V,"blur")});return V.renderVN=()=>{var{className:e,popupClassName:t,transfer:l,disabled:i,loading:o,filterable:n}=x,{inited:a,isActivated:u,visiblePanel:s}=O,r=q.value,v=R.value,p=E.default,c=E.header,d=E.footer;const f=E.prefix;return(0,_vue.h)("div",{ref:_,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:V}):e:"",{["size--"+r]:r,"is--visivle":s,"is--disabled":i,"is--filter":n,"is--loading":o,"is--active":u}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},p?p({}):[]),(0,_vue.h)(_input.default,{ref:b,clearable:x.clearable,placeholder:x.placeholder,readonly:!0,disabled:i,type:"text",prefixIcon:x.prefixIcon,suffixIcon:o?_iconStore.default.SELECT_LOADED:s?_iconStore.default.SELECT_OPEN:_iconStore.default.SELECT_CLOSE,modelValue:v,onClear:B,onClick:le,onFocus:Z,onBlur:X,onSuffixClick:le},f?{prefix:()=>f({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!l||!a},[(0,_vue.h)("div",{ref:g,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:V}):t:"",{["size--"+r]:r,"is--transfer":l,"animat--leave":!o&&O.animatVisible,"animat--enter":!o&&s}],placement:O.panelPlacement,style:O.panelStyle},a?[n?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:h,class:"vxe-select-search--input",modelValue:O.searchValue,clearable:!0,placeholder:(0,_i18n.getI18n)("vxe.select.search"),prefixIcon:_iconStore.default.INPUT_SEARCH,"onUpdate:modelValue":J,onFocus:Q,onKeydown:ee,onChange:te,onSearch:te})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-select--panel-header"},c({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:m,class:"vxe-select-option--wrapper"},(()=>{var{visibleGroupList:e,visibleOptionList:t,searchLoading:l}=O,i=y.value;if(l)return[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",_iconStore.default.SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_i18n.getI18n)("vxe.select.loadingText"))])];if(i){if(e.length)return oe()}else if(t.length)return ie(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},x.emptyText||(0,_i18n.getI18n)("vxe.select.emptyText"))]})())]),d?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},d({})):(0,_vue.createCommentVNode)()])]:[])])])},(0,_vue.provide)("$xeselect",V),V},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_size=require("../../hooks/size"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_event=require("../../ui/src/event"),_i18n=require("../../ui/src/i18n"),_input=_interopRequireDefault(require("../../input/src/input")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isOptionVisible(e){return!1!==e.visible}function getOptUniqueId(){return _xeUtils.default.uniqueId("opt_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSelect",props:{modelValue:null,clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull(_globalStore.default.select.placeholder)?(0,_i18n.getI18n)("vxe.base.pleaseSelect"):_globalStore.default.select.placeholder},loading:Boolean,disabled:Boolean,multiple:Boolean,multiCharOverflow:{type:[Number,String],default:()=>_globalStore.default.select.multiCharOverflow},prefixIcon:String,placement:String,options:Array,optionProps:Object,optionGroups:Array,optionGroupProps:Object,optionConfig:Object,className:[String,Function],popupClassName:[String,Function],max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.select.size||_globalStore.default.size},filterable:Boolean,filterMethod:Function,remote:Boolean,remoteMethod:Function,emptyText:String,optionId:{type:String,default:()=>_globalStore.default.select.optionId},optionKey:Boolean,transfer:{type:Boolean,default:()=>_globalStore.default.select.transfer}},emits:["update:modelValue","change","clear","blur","focus"],setup(x,e){const{slots:E,emit:i}=e,l=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var U=_xeUtils.default.uniqueId();const q=(0,_size.useSize)(x),O=(0,_vue.reactive)({inited:!1,staticOptions:[],fullGroupList:[],fullOptionList:[],visibleGroupList:[],visibleOptionList:[],remoteValueList:[],panelIndex:0,panelStyle:{},panelPlacement:null,currentOption:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1,searchValue:"",searchLoading:!1}),_=(0,_vue.ref)(),b=(0,_vue.ref)(),h=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),w={refElem:_},V={xID:U,props:x,context:e,reactData:O,getRefMaps:()=>w};let n={};const t=(0,_vue.computed)(()=>x.optionProps||{}),a=(0,_vue.computed)(()=>x.optionGroupProps||{}),s=(0,_vue.computed)(()=>{return t.value.label||"label"}),S=(0,_vue.computed)(()=>{return t.value.value||"value"}),c=(0,_vue.computed)(()=>{return a.value.label||"label"}),T=(0,_vue.computed)(()=>{return a.value.options||"options"}),D=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,max:l}=x;return!(!t||!l)&&(e?e.length:0)>=_xeUtils.default.toNumber(l)}),L=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.select.optionConfig,x.optionConfig)),y=(0,_vue.computed)(()=>O.fullGroupList.some(e=>e.options&&e.options.length)),F=(0,_vue.computed)(()=>_xeUtils.default.toNumber(x.multiCharOverflow)),N=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=E[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],d=t=>{var{fullOptionList:e,fullGroupList:l}=O,i=y.value;const o=S.value;if(i)for(let e=0;e<l.length;e++){var n=l[e];if(n.options)for(let e=0;e<n.options.length;e++){var a=n.options[e];if(t===a[o])return a}}return e.find(e=>t===e[o])},u=t=>{var e=O["remoteValueList"],l=s.value,e=e.find(e=>t===e.key),e=e?e.result:null;return _xeUtils.default.toValueString(e?e[l]:t)},r=e=>{var t=s.value,l=d(e);return _xeUtils.default.toValueString(l?l[t]:e)},R=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t,remote:l}=x;const i=F.value;return e&&t?(t=_xeUtils.default.isArray(e)?e:[e],(l?t.map(e=>u(e)):t.map(e=>{e=r(e);return 0<i&&e.length>i?e.substring(0,i)+"...":e})).join(", ")):(l?u:r)(e)}),v=()=>{return L.value.keyField||x.optionId||"_X_OPTION_KEY"},P=e=>{e=e[v()];return e?encodeURIComponent(e):""},p=()=>{const{filterable:e,filterMethod:t}=x,{fullOptionList:l,fullGroupList:i,searchValue:o}=O;var n=y.value;const a=c.value,u=s.value;return n?e&&t?O.visibleGroupList=i.filter(e=>isOptionVisible(e)&&t({group:e,option:null,searchValue:o})):O.visibleGroupList=e?i.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[a]).indexOf(o))):i.filter(isOptionVisible):e&&t?O.visibleOptionList=l.filter(e=>isOptionVisible(e)&&t({group:null,option:e,searchValue:o})):O.visibleOptionList=e?l.filter(e=>isOptionVisible(e)&&(!o||-1<(""+e[u]).indexOf(o))):l.filter(isOptionVisible),(0,_vue.nextTick)()},f=()=>{var{fullOptionList:e,fullGroupList:t}=O;const l=T.value,i=v(),o=e=>{P(e)||(e[i]=getOptUniqueId())};t.length?t.forEach(e=>{o(e),e[l]&&e[l].forEach(o)}):e.length&&e.forEach(o),p()},I=e=>{var t=S.value;e&&(O.currentOption=e,O.currentValue=e[t])},G=(i,o)=>(0,_vue.nextTick)().then(()=>{var e,t,l;i&&(e=m.value,t=g.value.querySelector(`[optid='${P(i)}']`),e)&&t&&(l=e.offsetHeight,o?t.offsetTop+t.offsetHeight-e.scrollTop>l&&(e.scrollTop=t.offsetTop+t.offsetHeight-l):(t.offsetTop+5<e.scrollTop||t.offsetTop+5>e.scrollTop+e.clientHeight)&&(e.scrollTop=t.offsetTop-5))}),C=()=>(0,_vue.nextTick)().then(()=>{var{transfer:e,placement:i}=x,o=O["panelIndex"],n=_.value,a=g.value;if(a&&n){var u=n.offsetHeight,s=n.offsetWidth,r=a.offsetHeight,a=a.offsetWidth,o={zIndex:o},{boundingTop:n,boundingLeft:v,visibleHeight:p,visibleWidth:c}=(0,_dom.getAbsolutePos)(n);let l="bottom";if(e){let e=v,t=n+u;"top"===i?(l="top",t=n-r):i||(t+r+5>p&&(l="top",t=n-r),t<5&&(l="bottom",t=n+u)),e+a+5>c&&(e-=e+a+5-c),e<5&&(e=5),Object.assign(o,{left:e+"px",top:t+"px",minWidth:s+"px"})}else"top"===i?(l="top",o.bottom=u+"px"):i||p<n+u+r&&5<n-u-r&&(l="top",o.bottom=u+"px");return O.panelStyle=o,O.panelPlacement=l,(0,_vue.nextTick)()}});let j;const k=()=>{var{loading:e,disabled:t,filterable:l}=x;e||t||(clearTimeout(j),O.inited||(O.inited=!0),O.isActivated=!0,O.animatVisible=!0,l&&p(),setTimeout(()=>{var{modelValue:e,multiple:t}=x,t=d(t&&e?e[0]:e);O.visiblePanel=!0,t&&(I(t),G(t)),x.filterable&&(0,_vue.nextTick)(()=>{var e=h.value;e&&e.focus()})},10),O.panelIndex<(0,_utils.getLastZIndex)()&&(O.panelIndex=(0,_utils.nextZIndex)()),C())},A=()=>{O.searchValue="",O.searchLoading=!1,O.visiblePanel=!1,j=window.setTimeout(()=>{O.animatVisible=!1},350)},K=(e,t)=>{t!==x.modelValue&&(i("update:modelValue",t),n.dispatchEvent("change",{value:t},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},B=(e,t)=>{O.remoteValueList=[],K(e,t),n.dispatchEvent("clear",{value:t},e)},$=(e,t)=>{B(t,null),A()},z=(t,l,i)=>{var{modelValue:o,multiple:n}=x,a=O["remoteValueList"];if(n){let e;e=o?-1===o.indexOf(l)?o.concat([l]):o.filter(e=>e!==l):[l];n=a.find(e=>e.key===l);n?n.result=i:a.push({key:l,result:i}),K(t,e)}else O.remoteValueList=[{key:l,result:i}],K(t,l),A()},M=e=>{var t=x["disabled"],l=O["visiblePanel"];t||l&&(t=g.value,((0,_dom.getEventTargetNode)(e,t).flag?C:A)())},Y=e=>{var t,l=x["disabled"],i=O["visiblePanel"];l||(l=_.value,t=g.value,O.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,i&&!O.isActivated&&A())},H=l=>{var{clearable:e,disabled:t}=x,{visiblePanel:i,currentValue:o,currentOption:n}=O;if(!t){var t=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.TAB),a=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ENTER),u=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ESCAPE),s=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_UP),r=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.ARROW_DOWN),v=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.DELETE),p=(0,_event.hasEventKey)(l,_event.EVENT_KEYS.SPACEBAR);if(t&&(O.isActivated=!1),i)if(u||t)A();else if(a)l.preventDefault(),l.stopPropagation(),z(l,o,n);else if(s||r){l.preventDefault();let{firstOption:e,offsetOption:t}=((t,l)=>{var{visibleOptionList:i,visibleGroupList:o}=O,e=y.value,n=S.value,a=T.value;let u,s,r,v;if(e)for(let e=0;e<o.length;e++){var p=o[e],c=p[a],d=p.disabled;if(c)for(let e=0;e<c.length;e++){var f=c[e],_=isOptionVisible(f),b=d||f.disabled;if(u||b||(u=f),v&&_&&!b&&(r=f,!l))return{offsetOption:r};if(t===f[n]){if(v=f,l)return{offsetOption:s}}else _&&!b&&(s=f)}}else for(let e=0;e<i.length;e++){var h=i[e],m=h.disabled;if(u||m||(u=h),v&&!m&&(r=h,!l))return{offsetOption:r};if(t===h[n]){if(v=h,l)return{offsetOption:s}}else m||(s=h)}return{firstOption:u}})(o,s);t||d(o)||(t=e),I(t),G(t,r)}else p&&l.preventDefault();else(s||r||a||p)&&O.isActivated&&(l.preventDefault(),k());O.isActivated&&v&&e&&B(l,null)}},W=()=>{A()},Z=e=>{x.disabled||(O.isActivated=!0),n.dispatchEvent("focus",{},e)},X=e=>{O.isActivated=!1,n.dispatchEvent("blur",{},e)},J=e=>{O.searchValue=e},Q=()=>{O.isActivated=!0},ee=e=>{e=e.$event;(0,_event.hasEventKey)(e,_event.EVENT_KEYS.ENTER)&&(e.preventDefault(),e.stopPropagation())},te=_xeUtils.default.debounce(function(){var{remote:e,remoteMethod:t}=x,l=O["searchValue"];e&&t?(O.searchLoading=!0,Promise.resolve(t({searchValue:l})).then(()=>(0,_vue.nextTick)()).catch(()=>(0,_vue.nextTick)()).finally(()=>{O.searchLoading=!1,p()})):p()},350,{trailing:!0}),le=e=>{e=e.$event;e.preventDefault(),(O.visiblePanel?A:k)()},ie=(e,v)=>{const{optionKey:p,modelValue:c,multiple:d}=x,f=O["currentValue"];var t=L.value;const _=s.value,b=S.value,h=y.value,m=t["useKey"],g=E.option;return e.map((t,e)=>{var{slots:l,className:i}=t;const o=t[b];var n=d?c&&-1<c.indexOf(o):c===o,a=!h||isOptionVisible(t);r=n,s=v;const u=!!t.disabled||!(!s||!s.disabled)||!(!D.value||r);var s=P(t),r=l?l.default:null,l={option:t,group:null,$select:V};return a?(0,_vue.h)("div",{key:m||p?s:e,class:["vxe-select-option",i?_xeUtils.default.isFunction(i)?i(l):i:"",{"is--disabled":u,"is--selected":n,"is--hover":f===o}],optid:s,onMousedown:e=>{0===e.button&&e.stopPropagation()},onClick:e=>{u||z(e,o,t)},onMouseenter:()=>{u||I(t)}},g?N(g,l):r?N(r,l):(0,_utils.formatText)((0,_utils.getFuncText)(t[_]))):(0,_vue.createCommentVNode)()})},oe=()=>{const u=x["optionKey"];var e=O["visibleGroupList"],t=L.value;const s=c.value,r=T.value,v=t["useKey"],p=E.option;return e.map((e,t)=>{var{slots:l,className:i}=e,o=P(e),n=e.disabled,l=l?l.default:null,a={option:e,group:e,$select:V};return(0,_vue.h)("div",{key:v||u?o:t,class:["vxe-optgroup",i?_xeUtils.default.isFunction(i)?i(a):i:"",{"is--disabled":n}],optid:o},[(0,_vue.h)("div",{class:"vxe-optgroup--title"},p?N(p,a):l?N(l,a):(0,_utils.getFuncText)(e[s])),(0,_vue.h)("div",{class:"vxe-optgroup--wrapper"},ie(e[r]||[],e))])})};n={dispatchEvent(e,t,l){i(e,Object.assign({$select:V,$event:l},t))},isPanelVisible(){return O.visiblePanel},togglePanel(){return(O.visiblePanel?A:k)(),(0,_vue.nextTick)()},hidePanel(){return O.visiblePanel&&A(),(0,_vue.nextTick)()},showPanel(){return O.visiblePanel||k(),(0,_vue.nextTick)()},refreshOption:p,focus(){var e=b.value;return O.isActivated=!0,e.blur(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(O.isActivated=!1,_vue.nextTick)()}},Object.assign(V,n),(0,_vue.watch)(()=>O.staticOptions,e=>{e.some(e=>e.options&&e.options.length)?(O.fullOptionList=[],O.fullGroupList=e):(O.fullGroupList=[],O.fullOptionList=e||[]),f()}),(0,_vue.watch)(()=>x.options,e=>{O.fullGroupList=[],O.fullOptionList=e||[],f()}),(0,_vue.watch)(()=>x.optionGroups,e=>{O.fullOptionList=[],O.fullGroupList=e||[],f()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{options:e,optionGroups:t}=x;t?O.fullGroupList=t:e&&(O.fullOptionList=e),f()}),_event.GlobalEvent.on(V,"mousewheel",M),_event.GlobalEvent.on(V,"mousedown",Y),_event.GlobalEvent.on(V,"keydown",H),_event.GlobalEvent.on(V,"blur",W)}),(0,_vue.onUnmounted)(()=>{_event.GlobalEvent.off(V,"mousewheel"),_event.GlobalEvent.off(V,"mousedown"),_event.GlobalEvent.off(V,"keydown"),_event.GlobalEvent.off(V,"blur")});return V.renderVN=()=>{var{className:e,popupClassName:t,transfer:l,disabled:i,loading:o,filterable:n}=x,{inited:a,isActivated:u,visiblePanel:s}=O,r=q.value,v=R.value,p=E.default,c=E.header,d=E.footer;const f=E.prefix;return(0,_vue.h)("div",{ref:_,class:["vxe-select",e?_xeUtils.default.isFunction(e)?e({$select:V}):e:"",{["size--"+r]:r,"is--visivle":s,"is--disabled":i,"is--filter":n,"is--loading":o,"is--active":u}]},[(0,_vue.h)("div",{class:"vxe-select-slots",ref:"hideOption"},p?p({}):[]),(0,_vue.h)(_input.default,{ref:b,clearable:x.clearable,placeholder:x.placeholder,readonly:!0,disabled:i,type:"text",prefixIcon:x.prefixIcon,suffixIcon:o?_iconStore.default.SELECT_LOADED:s?_iconStore.default.SELECT_OPEN:_iconStore.default.SELECT_CLOSE,modelValue:v,onClear:$,onClick:le,onFocus:Z,onBlur:X,onSuffixClick:le},f?{prefix:()=>f({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!l||!a},[(0,_vue.h)("div",{ref:g,class:["vxe-table--ignore-clear vxe-select--panel",t?_xeUtils.default.isFunction(t)?t({$select:V}):t:"",{["size--"+r]:r,"is--transfer":l,"animat--leave":!o&&O.animatVisible,"animat--enter":!o&&s}],placement:O.panelPlacement,style:O.panelStyle},a?[n?(0,_vue.h)("div",{class:"vxe-select--panel-search"},[(0,_vue.h)(_input.default,{ref:h,class:"vxe-select-search--input",modelValue:O.searchValue,clearable:!0,placeholder:(0,_i18n.getI18n)("vxe.select.search"),prefixIcon:_iconStore.default.INPUT_SEARCH,"onUpdate:modelValue":J,onFocus:Q,onKeydown:ee,onChange:te,onSearch:te})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-select--panel-header"},c({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-select--panel-body"},[(0,_vue.h)("div",{ref:m,class:"vxe-select-option--wrapper"},(()=>{var{visibleGroupList:e,visibleOptionList:t,searchLoading:l}=O,i=y.value;if(l)return[(0,_vue.h)("div",{class:"vxe-select--search-loading"},[(0,_vue.h)("i",{class:["vxe-select--search-icon",_iconStore.default.SELECT_LOADED]}),(0,_vue.h)("span",{class:"vxe-select--search-text"},(0,_i18n.getI18n)("vxe.select.loadingText"))])];if(i){if(e.length)return oe()}else if(t.length)return ie(t);return[(0,_vue.h)("div",{class:"vxe-select--empty-placeholder"},x.emptyText||(0,_i18n.getI18n)("vxe.select.emptyText"))]})())]),d?(0,_vue.h)("div",{class:"vxe-select--panel-footer"},d({})):(0,_vue.createCommentVNode)()])]:[])])])},(0,_vue.provide)("$xeSelect",V),V},render(){return this.renderVN()}});