vxe-pc-ui 4.2.3 → 4.2.4

package/lib/input/src/input.js

@@ -2353,7 +2353,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }],
           placement: panelPlacement,
           style: panelStyle
-        }, renders)]);
+        }, visiblePanel || isAniVisible ? renders : [])]);
       }
       return (0, _vue.createCommentVNode)();
     };

package/lib/input/src/input.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")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-picker/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(A,e){const{slots:G,emit:E}=e,S=(0,_vue.inject)("$xeModal",null),N=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const z=(0,_ui.useSize)(A)["computeSize"],L=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0,dnTimeout:void 0},k=(0,_vue.ref)(),M=(0,_vue.ref)(),j=(0,_vue.ref)(),W=(0,_vue.ref)(),P=(0,_vue.ref)(),V={refElem:k,refInput:M},u={xID:t,props:A,context:e,reactData:L,internalData:p,getRefMaps:()=>V};let i={};const v=(e,t)=>{var a=A["type"];return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},$=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(D||S||N||a)return!0}return e}),Q=(0,_vue.computed)(()=>!!a&&a.props.readonly),n=(0,_vue.computed)(()=>{var e=A["readonly"];return e}),C=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),Z=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=A,e=e||t;return Y.value&&!_xeUtils.default.toNumber(e)?16:e}),o=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),Y=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(A.type)),X=(0,_vue.computed)(()=>_xeUtils.default.getSize(L.inputValue)),J=(0,_vue.computed)(()=>{var e=X.value,t=Z.value;return t&&e>_xeUtils.default.toNumber(t)}),I=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),O=(0,_vue.computed)(()=>"password"===A.type),ee=(0,_vue.computed)(()=>"search"===A.type),T=(0,_vue.computed)(()=>_xeUtils.default.toInteger(A.digits)||1),w=(0,_vue.computed)(()=>{var e=A["type"],t=T.value,a=A.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),te=(0,_vue.computed)(()=>{var e=A["type"],t=Y.value,a=I.value,l=O.value;return A.clearable&&(l||t||a||"text"===e||"search"===e)}),ae=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),le=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),ue=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),K=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=I.value;const l=d.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),ie=(0,_vue.computed)(()=>{var e=K.value;const t=d.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),ne=(0,_vue.computed)(()=>{var e=K.value;const t=_.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),d=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),q=(0,_vue.computed)(()=>{var e=A["modelValue"],t=I.value,a=d.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),se=(0,_vue.computed)(()=>{var e=ae.value,t=L["selectMonth"];return!(!t||!e)&&t<=e}),re=(0,_vue.computed)(()=>{var e=le.value,t=L["selectMonth"];return!(!t||!e)&&e<=t}),ve=(0,_vue.computed)(()=>{var e=L["datetimePanelValue"],t=Pe.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),oe=(0,_vue.computed)(()=>{var e=q.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),_=(0,_vue.computed)(()=>{var e=A["labelFormat"];return I.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):""}),de=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),i=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(i,e,"first"),s=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===s,isNext:e>=a,year:s})}}return l}),pe=(0,_vue.computed)(()=>{if(I.value){var{datePanelType:a,selectMonth:l}=L,u=de.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),g=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),_e=(0,_vue.computed)(()=>{var a=[];if(I.value){let t=g.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),ce=(0,_vue.computed)(()=>{return I.value?_e.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),me=(0,_vue.computed)(()=>{var e;return I.value?(e=ce.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),fe=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,4)}),he=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),i=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),s=n.getFullYear();for(let e=-2;e<a-2;e++){var r=_xeUtils.default.getWhatQuarter(n,e),v=r.getFullYear(),o=(0,_util.getDateQuarter)(r),d=v<s;l.push({date:r,isPrev:d,isCurrent:v===s,isNow:v===u&&o===i,isNext:!d&&s<v,quarter:o})}}return l}),xe=(0,_vue.computed)(()=>{var e=he.value;return _xeUtils.default.chunk(e,2)}),ge=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=p["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),i=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var s=_xeUtils.default.getWhatYear(t,0,e),r=s.getFullYear(),v=s.getMonth(),o=r<n;l.push({date:s,isPrev:o,isCurrent:r===n,isNow:r===u&&v===i,isNext:!o&&n<r,month:v})}}return l}),ye=(0,_vue.computed)(()=>{var e=ge.value;return _xeUtils.default.chunk(e,4)}),be=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=[];if(t&&e){var l=oe.value,u=_e.value,i=e.getFullYear(),n=e.getMonth(),s=e.getDate(),r=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===r&&_===v,isNow:p===i&&_===n&&c===s,isNext:!m&&v!==_,label:c})}}return a}),Ue=(0,_vue.computed)(()=>{var e=be.value;return _xeUtils.default.chunk(e,7)}),Ee=(0,_vue.computed)(()=>{var e=Ue.value;const a=g.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),Se=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),Ne=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),De=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/mm/.test(e)}),Pe=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/ss/.test(e)}),Ve=(0,_vue.computed)(()=>{return Ne.value}),Te=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return n.value||a||!t||"week"===e||"quarter"===e}),we=(0,_vue.computed)(()=>{var e=A["type"],t=L["showPwd"],a=Y.value,l=I.value,u=O.value;return l||a||u&&t||"number"===e?"text":e}),ke=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),Me=(0,_vue.computed)(()=>{var{type:e,immediate:t}=A;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),We=(0,_vue.computed)(()=>{var e=A["type"],t=L["inputValue"];return Y.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ce=(0,_vue.computed)(()=>{var e=A["min"],t=L["inputValue"],a=Y.value,l=We.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Ae=(0,_vue.computed)(()=>{var e=A["max"],t=L["inputValue"],a=Y.value,l=We.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Le=e=>{var{type:t,exponential:a}=A,l=Z.value,u=T.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,u):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},c=e=>{var t=L["inputValue"];i.dispatchEvent(e.type,{value:t},e)},m=(e,t)=>{L.inputValue=e,E("update:modelValue",e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(A.modelValue)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Ye=(e,t)=>{var a=I.value,l=Me.value;L.inputValue=e,a||(l?m(e,t):i.dispatchEvent("input",{value:e},t))},Ie=e=>{var t=e.target.value;Ye(t,e)},Oe=e=>{Me.value||c(e)},Ke=e=>{var t=L["inputValue"];Me.value||m(t,e),b(),L.visiblePanel||(L.isActivated=!1),i.dispatchEvent("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},qe=e=>{L.isActivated=!0,I.value&&Ut(e),c(e)},Re=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("prefix-click",{value:t},e))},y=()=>new Promise(e=>{L.visiblePanel=!1,p.hpTimeout=window.setTimeout(()=>{L.isAniVisible=!1,e()},350)}),Be=(e,t)=>{var a=A["type"],l=Y.value;I.value&&y(),(l||-1<["text","search","password"].indexOf(a))&&focus(),m("",e),i.dispatchEvent("clear",{value:t},e)},Fe=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("suffix-click",{value:t},e))},s=e=>{var t=A["type"],a=_.value,l=d.value,u=g.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(i,0,u,u).getFullYear()<i.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(n.substring(e,e+4)))&&!isNaN(l)&&(n=n.replace(""+l,""+(l-1)))):i=null,L.datePanelValue=i,L.datePanelLabel=n},He=()=>{var e=I.value,t=L["inputValue"];e&&(s(t),L.inputValue=A.multiple?ne.value:L.datePanelLabel)},Ge=()=>{var e=A["type"],t=L["inputValue"],a=I.value,l=T.value;a?He():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,l))&&m(a,{type:"init"})},ze=e=>null===A.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(A.max),je=e=>null===A.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(A.min),$e=()=>{L.inputValue=A.multiple?ne.value:L.datePanelLabel},f=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,L.selectMonth)||(L.selectMonth=e)},h=t=>{var{modelValue:e,multiple:a}=A;const l=L["datetimePanelValue"];var u=o.value;const i=d.value;var n=g.value;"week"===A.type?(r=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,r,n)):u&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds()));const s=_xeUtils.default.toDateString(t,i,{firstDay:n});if(f(t),a){var r=ie.value;if(u){n=[...K.value];const v=[];a=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===a?n.push(t):n.splice(a,1),n.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),v.push(e))}),m(v.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else r.some(e=>_xeUtils.default.isEqual(e,s))?m(r.filter(e=>!_xeUtils.default.isEqual(e,s)).join(","),{type:"update"}):m(r.concat([s]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,s)||m(s,{type:"update"})},b=()=>{var{type:a,min:l,max:u,exponential:t}=A,{inputValue:i,datetimePanelValue:n}=L,s=Y.value,e=I.value,r=_.value;if(!Te.value)if(s){if(i){let e="integer"===a?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i));je(e)?ze(e)||(e=u):e=l,t&&(s=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=s),m(Le(e),{type:"check"})}}else if(e)if(i){let t=v(i,r);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,r))&&m(t,{type:"check"}),L.inputValue=t;else{let e=!1;u=g.value;"datetime"===a?(l=q.value,i===_xeUtils.default.toDateString(l,r)&&i===_xeUtils.default.toDateString(t,r)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,L.inputValue=_xeUtils.default.toDateString(t,r,{firstDay:u}),e&&h(t)}else $e()}else m("",{type:"check"})},Qe=e=>{var t=L["showPwd"],a=C.value,l=n.value;a||l||(L.showPwd=!t),i.dispatchEvent("toggle-visible",{visible:L.showPwd},e)},Ze=e=>{i.dispatchEvent("search-click",{},e)},Xe=(e,t)=>{var{min:a,max:l,type:u}=A,i=L["inputValue"],n=w.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let s;s=je(i)?ze(i)?i:l:a,Ye(Le(s),t)},r=e=>{var t=C.value,a=n.value,l=Ce.value;U(),t||a||l||Xe(!1,e),i.dispatchEvent("next-number",{},e)},Je=e=>{p.dnTimeout=window.setTimeout(()=>{r(e),Je(e)},60)},x=e=>{var t=C.value,a=n.value,l=Ae.value;U(),t||a||l||Xe(!0,e),i.dispatchEvent("prev-number",{},e)},et=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?x:r)(e))},tt=e=>{var t,a,l,u,i,n,s,{exponential:r,controls:v}=A;Y.value&&(t=e.ctrlKey,a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!r||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)||e.preventDefault(),i?b():(n||s)&&v&&et(e)),c(e)},at=e=>{c(e)},U=()=>{var e=p["dnTimeout"];e&&(clearTimeout(e),p.dnTimeout=void 0)},lt=e=>{p.dnTimeout=window.setTimeout(()=>{x(e),lt(e)},60)},ut=e=>{if(U(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?x:r)(e),p.dnTimeout=window.setTimeout(()=>{(t?lt:Je)(e)},500)}},it=e=>{var t;Y.value&&A.controls&&L.isActivated&&(0<(t=e.deltaY)?r(e):t<0&&x(e),e.preventDefault()),c(e)},nt=(e,t)=>{L.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},st=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");L.currentDate=e,nt(e,0)},rt=()=>{let e=L["datePanelType"];e="month"===e||"quarter"===e?"year":"month",L.datePanelType=e},vt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];se.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},ot=e=>{st(),A.multiple||(h(L.currentDate),y()),i.dispatchEvent("date-today",{type:A.type},e)},dt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];re.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},R=e=>{var t=A["disabledMethod"],a=L["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$input:u})},pt=e=>{var{type:t,multiple:a}=A,l=L["datePanelType"];"month"===t?"year"===l?(L.datePanelType="month",f(e)):(h(e),a||y()):"year"===t?(h(e),a||y()):"quarter"===t?"year"===l?(L.datePanelType="quarter",f(e)):(h(e),a||y()):"month"===l?(L.datePanelType="week"===t?t:"day",f(e)):"year"===l?(L.datePanelType="month",f(e)):(h(e),"datetime"===t||a||y())},B=e=>{R(e)||pt(e.date)},_t=t=>{R({date:t})||(be.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),s(t))},ct=t=>{R({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),s(t))},mt=t=>{R({date:t})||(he.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),s(t))},ft=t=>{R({date:t})||(ge.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),s(t))},F=e=>{var t;R(e)||(t=L["datePanelType"],("month"===t?ft:"quarter"===t?mt:"year"===t?ct:_t)(e.date))},ht=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},xt=e=>{L.datetimePanelValue=new Date(L.datetimePanelValue.getTime()),ht(e.currentTarget)},gt=()=>{var e=A["multiple"];const t=L["datetimePanelValue"];var a=q.value,l=o.value;if(l){const u=d.value;if(e){e=ie.value;if(l){l=[...K.value];const i=[];l.forEach(e=>{e&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds()),i.push(e))}),m(i.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else m(e.join(","),{type:"update"})}else h(a||L.currentDate)}y()},yt=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],u=L["panelIndex"],i=M.value,n=j.value,e=$.value;if(i&&n){var s=i.offsetHeight,r=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+s;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+s)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===l?(a="top",u.bottom=s+"px"):l||(u.top=s+"px",d<i+s+v&&5<i-s-v&&(a="top",u.top="",u.bottom=s+"px"));return L.panelStyle=u,L.panelPlacement=a,(0,_vue.nextTick)()}}),bt=()=>{var e=L["visiblePanel"],t=p["hpTimeout"],a=C.value,l=I.value;return(a||e?(0,_vue.nextTick):(L.initialized||(L.initialized=!0),t&&(clearTimeout(t),p.hpTimeout=void 0),L.isActivated=!0,L.isAniVisible=!0,l&&(a=A.type,e=o.value,t=q.value,-1<["year","quarter","month","week"].indexOf(a)?L.datePanelType=a:L.datePanelType="day",L.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(nt(t,0),s(t)):st(),e)&&(L.datetimePanelValue=L.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=P.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{ht(e)})})),setTimeout(()=>{L.visiblePanel=!0},10),L.panelIndex<(0,_utils.getLastZIndex)()&&(L.panelIndex=(0,_utils.nextZIndex)()),yt))()},Ut=e=>{n.value||(e.preventDefault(),bt())},Et=e=>{c(e)},St=e=>{var{visiblePanel:t,isActivated:a}=L,l=I.value,u=k.value,i=W.value;!C.value&&a&&(L.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,L.isActivated||(l?t&&(y(),b()):b()))},Nt=t=>{var a=A["clearable"],l=L["visiblePanel"],u=C.value,i=I.value;if(!u){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),v=v||o||d||p;let e=L.isActivated;if(u)e&&b(),e=!1,L.isActivated=e;else if(v){if(i&&e)if(l){var d=t,{isActivated:v,datePanelValue:m,datePanelType:f}=L;if(v){d.preventDefault();var v=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),x=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===f){let e=_xeUtils.default.getWhatYear(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):x?e=_xeUtils.default.getWhatYear(e,1):d&&(e=_xeUtils.default.getWhatYear(e,4)),ct(e)}else if("quarter"===f){let e=_xeUtils.default.getWhatQuarter(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):x?e=_xeUtils.default.getWhatQuarter(e,1):d&&(e=_xeUtils.default.getWhatQuarter(e,2)),mt(e)}else if("month"===f){let e=_xeUtils.default.getWhatMonth(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):x?e=_xeUtils.default.getWhatMonth(e,1):d&&(e=_xeUtils.default.getWhatMonth(e,4)),ft(e)}else{let e=m||_xeUtils.default.getWhatDay(Date.now(),0,"first");f=g.value;v?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,f):x?e=_xeUtils.default.getWhatDay(e,1):d&&(e=_xeUtils.default.getWhatWeek(e,1,f)),_t(e)}}}else(o||p)&&Ut(t)}else r?i&&(l?L.datePanelValue?pt(L.datePanelValue):y():e&&Ut(t)):(_||c)&&i&&e&&(m=t,v=L.isActivated)&&(v=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(v?vt:dt)(m));u||s?l&&y():n&&a&&e&&Be(t,null)}},Dt=e=>{var t=L["visiblePanel"];C.value||t&&(t=W.value,((0,_dom.getEventTargetNode)(e,t).flag?yt:(y(),b))())},Pt=()=>{var{isActivated:e,visiblePanel:t}=L;t?(y(),b()):e&&b()},H=(e,t)=>{var a,l=A["festivalMethod"];return l?(a=L["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$input:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-input--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):[""+(t||"")]},Vt=()=>{var e=L["datePanelType"];switch(e){case"week":{const i=A["multiple"],{datePanelType:n,datePanelValue:s}=L,r=q.value;var t=me.value,a=Ee.value;const v=K.value,o="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${n}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=i?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,o)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,o));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":R(e),"is--selected":t,"is--hover":a},onClick:()=>B(e),onMouseenter:()=>F(e)},H(e,e.label))))}))])];return}case"month":{const d=A["multiple"],{datePanelType:p,datePanelValue:_}=L,c=q.value;t=ye.value;const m=K.value,f="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${p}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":d?m.some(e=>_xeUtils.default.isDateSame(e,t.date,f)):_xeUtils.default.isDateSame(c,t.date,f),"is--hover":_xeUtils.default.isDateSame(_,t.date,f)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:x,datePanelValue:g}=L,y=q.value;a=xe.value;const b=K.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U),"is--hover":_xeUtils.default.isDateSame(g,t.date,U)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const E=A["multiple"],{datePanelType:S,datePanelValue:N}=L,D=q.value;var l=fe.value;const P=K.value,V="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${S}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":E?P.some(e=>_xeUtils.default.isDateSame(e,t.date,V)):_xeUtils.default.isDateSame(D,t.date,V),"is--hover":_xeUtils.default.isDateSame(N,t.date,V)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.year))))))])];return}}{const T=A["multiple"],{datePanelType:w,datePanelValue:k}=L,M=q.value;var e=ce.value,u=Ue.value;const W=K.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${w}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":T?W.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(M,t.date,C),"is--hover":_xeUtils.default.isDateSame(k,t.date,C)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.label))))))])]}},Tt=()=>{var e=A["multiple"],t=L["datePanelType"],a=se.value,l=re.value,u=pe.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u):(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:rt},u)]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:vt},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:ot},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:dt},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&ue.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:gt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},Vt())]},wt=()=>{const t=L["datetimePanelValue"];var e=ve.value,a=Se.value,l=De.value,u=Ne.value,i=Pe.value,n=Ve.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:gt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:P,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},a.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setHours(t.value),void xt(e);var t}},a.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setMinutes(t.value),void xt(e);var t}},a.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setSeconds(t.value),void xt(e);var t}},a.label))):(0,_vue.createCommentVNode)()])]},kt=()=>{var e=A["controls"],t=Y.value,a=I.value,l=O.value,u=ee.value;return l?(l=L.showPwd,(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Qe},[(0,_vue.h)("i",{class:["vxe-input--password-icon",l?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])):t&&e?(l=Ae.value,t=Ce.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":l}],onMousedown:ut,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:ut,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):a?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Ut},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]):u?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Ze},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]):(0,_vue.createCommentVNode)()};i={dispatchEvent:(e,t,a)=>{E(e,(0,_ui.createEvent)(a,{$input:u},t))},focus(){var e=M.value;return L.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return M.value.blur(),(L.isActivated=!1,_vue.nextTick)()},select(){return M.value.select(),(L.isActivated=!1,_vue.nextTick)()},showPanel:bt,hidePanel:y,updatePlacement:yt},Object.assign(u,i);return(0,_vue.watch)(()=>A.modelValue,e=>{L.inputValue=e,He()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(L,{inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ge()}),(0,_vue.watch)(_,()=>{I.value&&(s(L.datePanelValue),L.inputValue=A.multiple?ne.value:L.datePanelLabel)}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(u,"mousewheel",Dt),_ui.globalEvents.on(u,"mousedown",St),_ui.globalEvents.on(u,"keydown",Nt),_ui.globalEvents.on(u,"blur",Pt)}),(0,_vue.onBeforeUnmount)(()=>{U(),b(),_ui.globalEvents.off(u,"mousewheel"),_ui.globalEvents.off(u,"mousedown"),_ui.globalEvents.off(u,"keydown"),_ui.globalEvents.off(u,"blur")}),Ge(),u.renderVN=()=>{var e,t,a,l,u,i,n,s,r,v,o,d,p,_,c,m,f,{className:h,controls:x,type:g,align:y,showWordCount:b,countMethod:U,name:E,autoComplete:S,autocomplete:N}=A,{inputValue:D,visiblePanel:P,isActivated:V}=L,T=z.value,w=C.value;return Q.value?(0,_vue.h)("div",{ref:k,class:["vxe-input--readonly","type--"+g,h]},D):(e=J.value,t=X.value,a=Te.value,l=Z.value,u=we.value,i=ke.value,n=te.value,b=b&&["text","search"].includes(g),r=A.prefixIcon,s=(s=G.prefix)||r?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:Re},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:r})])]):null,r=A.suffixIcon,v=L.inputValue,o=G.suffix,d=C.value,p=Y.value,_=I.value,c=O.value,m=ee.value,f=te.value,c=c||p||_||m,p=f||o||r||c?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":f&&!d&&!(""===v||_xeUtils.default.eqNull(v))}]},[f?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:Be},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),(c?kt:(0,_vue.createCommentVNode))(),o||r?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:Fe},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r})]):(0,_vue.createCommentVNode)()]):null,(0,_vue.h)("div",{ref:k,class:["vxe-input","type--"+g,h,{["size--"+T]:T,["is--"+y]:y,"is--controls":x,"is--prefix":!!s,"is--suffix":!!p,"is--visible":P,"is--count":b,"is--disabled":w,"is--active":V,"show--clear":n&&!w&&!(""===D||_xeUtils.default.eqNull(D))}],spellcheck:!1},[s||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper"},[(0,_vue.h)("input",{ref:M,class:"vxe-input--inner",value:D,name:E,type:u,placeholder:i,maxlength:l,readonly:a,disabled:w,autocomplete:S||N,onKeydown:tt,onKeyup:at,onWheel:it,onClick:Et,onInput:Ie,onChange:Oe,onFocus:qe,onBlur:Ke})]),p||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=L,n=z.value,s=$.value,r=[];return I.value?(r.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},Tt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},wt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-wrapper"},wt()):(0,_vue.h)("div",{key:e||"default",ref:W,class:"vxe-input--panel-wrapper"},Tt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:j,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":s,"ani--leave":a,"ani--enter":l}],placement:u,style:i},r)])):(0,_vue.createCommentVNode)()})(),b?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":e}]},U?""+U({value:D}):t+(l?"/"+l:"")):(0,_vue.createCommentVNode)()]))},u},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")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-picker/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(A,e){const{slots:G,emit:E}=e,S=(0,_vue.inject)("$xeModal",null),N=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const z=(0,_ui.useSize)(A)["computeSize"],L=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0,dnTimeout:void 0},k=(0,_vue.ref)(),M=(0,_vue.ref)(),j=(0,_vue.ref)(),W=(0,_vue.ref)(),P=(0,_vue.ref)(),V={refElem:k,refInput:M},u={xID:t,props:A,context:e,reactData:L,internalData:p,getRefMaps:()=>V};let i={};const v=(e,t)=>{var a=A["type"];return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},$=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(D||S||N||a)return!0}return e}),Q=(0,_vue.computed)(()=>!!a&&a.props.readonly),n=(0,_vue.computed)(()=>{var e=A["readonly"];return e}),C=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),Z=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=A,e=e||t;return Y.value&&!_xeUtils.default.toNumber(e)?16:e}),o=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),Y=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(A.type)),X=(0,_vue.computed)(()=>_xeUtils.default.getSize(L.inputValue)),J=(0,_vue.computed)(()=>{var e=X.value,t=Z.value;return t&&e>_xeUtils.default.toNumber(t)}),I=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),O=(0,_vue.computed)(()=>"password"===A.type),ee=(0,_vue.computed)(()=>"search"===A.type),T=(0,_vue.computed)(()=>_xeUtils.default.toInteger(A.digits)||1),w=(0,_vue.computed)(()=>{var e=A["type"],t=T.value,a=A.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),te=(0,_vue.computed)(()=>{var e=A["type"],t=Y.value,a=I.value,l=O.value;return A.clearable&&(l||t||a||"text"===e||"search"===e)}),ae=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),le=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),ue=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),K=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=I.value;const l=d.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),ie=(0,_vue.computed)(()=>{var e=K.value;const t=d.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),ne=(0,_vue.computed)(()=>{var e=K.value;const t=_.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),d=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),q=(0,_vue.computed)(()=>{var e=A["modelValue"],t=I.value,a=d.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),se=(0,_vue.computed)(()=>{var e=ae.value,t=L["selectMonth"];return!(!t||!e)&&t<=e}),re=(0,_vue.computed)(()=>{var e=le.value,t=L["selectMonth"];return!(!t||!e)&&e<=t}),ve=(0,_vue.computed)(()=>{var e=L["datetimePanelValue"],t=Pe.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),oe=(0,_vue.computed)(()=>{var e=q.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),_=(0,_vue.computed)(()=>{var e=A["labelFormat"];return I.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):""}),de=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["yearSize"],l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),i=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(i,e,"first"),s=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===s,isNext:e>=a,year:s})}}return l}),pe=(0,_vue.computed)(()=>{if(I.value){var{datePanelType:a,selectMonth:l}=L,u=de.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?u.length?u[0].year+" - "+u[u.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),g=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),_e=(0,_vue.computed)(()=>{var a=[];if(I.value){let t=g.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),ce=(0,_vue.computed)(()=>{return I.value?_e.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),me=(0,_vue.computed)(()=>{var e;return I.value?(e=ce.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),fe=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,4)}),he=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=L,a=p["quarterSize"],l=[];if(e&&t){var u=t.getFullYear(),i=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),s=n.getFullYear();for(let e=-2;e<a-2;e++){var r=_xeUtils.default.getWhatQuarter(n,e),v=r.getFullYear(),o=(0,_util.getDateQuarter)(r),d=v<s;l.push({date:r,isPrev:d,isCurrent:v===s,isNow:v===u&&o===i,isNext:!d&&s<v,quarter:o})}}return l}),xe=(0,_vue.computed)(()=>{var e=he.value;return _xeUtils.default.chunk(e,2)}),ge=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=p["monthSize"],l=[];if(t&&e){var u=e.getFullYear(),i=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var s=_xeUtils.default.getWhatYear(t,0,e),r=s.getFullYear(),v=s.getMonth(),o=r<n;l.push({date:s,isPrev:o,isCurrent:r===n,isNow:r===u&&v===i,isNext:!o&&n<r,month:v})}}return l}),ye=(0,_vue.computed)(()=>{var e=ge.value;return _xeUtils.default.chunk(e,4)}),be=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=L,a=[];if(t&&e){var l=oe.value,u=_e.value,i=e.getFullYear(),n=e.getMonth(),s=e.getDate(),r=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===r&&_===v,isNow:p===i&&_===n&&c===s,isNext:!m&&v!==_,label:c})}}return a}),Ue=(0,_vue.computed)(()=>{var e=be.value;return _xeUtils.default.chunk(e,7)}),Ee=(0,_vue.computed)(()=>{var e=Ue.value;const a=g.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),Se=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),Ne=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),De=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/mm/.test(e)}),Pe=(0,_vue.computed)(()=>{var e=d.value;return!/HH/.test(e)||/ss/.test(e)}),Ve=(0,_vue.computed)(()=>{return Ne.value}),Te=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return n.value||a||!t||"week"===e||"quarter"===e}),we=(0,_vue.computed)(()=>{var e=A["type"],t=L["showPwd"],a=Y.value,l=I.value,u=O.value;return l||a||u&&t||"number"===e?"text":e}),ke=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),Me=(0,_vue.computed)(()=>{var{type:e,immediate:t}=A;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),We=(0,_vue.computed)(()=>{var e=A["type"],t=L["inputValue"];return Y.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ce=(0,_vue.computed)(()=>{var e=A["min"],t=L["inputValue"],a=Y.value,l=We.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Ae=(0,_vue.computed)(()=>{var e=A["max"],t=L["inputValue"],a=Y.value,l=We.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Le=e=>{var{type:t,exponential:a}=A,l=Z.value,u=T.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,u):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},c=e=>{var t=L["inputValue"];i.dispatchEvent(e.type,{value:t},e)},m=(e,t)=>{L.inputValue=e,E("update:modelValue",e),i.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(A.modelValue)!==e&&(i.dispatchEvent("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Ye=(e,t)=>{var a=I.value,l=Me.value;L.inputValue=e,a||(l?m(e,t):i.dispatchEvent("input",{value:e},t))},Ie=e=>{var t=e.target.value;Ye(t,e)},Oe=e=>{Me.value||c(e)},Ke=e=>{var t=L["inputValue"];Me.value||m(t,e),b(),L.visiblePanel||(L.isActivated=!1),i.dispatchEvent("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},qe=e=>{L.isActivated=!0,I.value&&Ut(e),c(e)},Re=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("prefix-click",{value:t},e))},y=()=>new Promise(e=>{L.visiblePanel=!1,p.hpTimeout=window.setTimeout(()=>{L.isAniVisible=!1,e()},350)}),Be=(e,t)=>{var a=A["type"],l=Y.value;I.value&&y(),(l||-1<["text","search","password"].indexOf(a))&&focus(),m("",e),i.dispatchEvent("clear",{value:t},e)},Fe=e=>{var t;C.value||(t=L["inputValue"],i.dispatchEvent("suffix-click",{value:t},e))},s=e=>{var t=A["type"],a=_.value,l=d.value,u=g.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&_xeUtils.default.getWhatWeek(i,0,u,u).getFullYear()<i.getFullYear()&&-1<(e=a.indexOf("yyyy"))&&(l=Number(n.substring(e,e+4)))&&!isNaN(l)&&(n=n.replace(""+l,""+(l-1)))):i=null,L.datePanelValue=i,L.datePanelLabel=n},He=()=>{var e=I.value,t=L["inputValue"];e&&(s(t),L.inputValue=A.multiple?ne.value:L.datePanelLabel)},Ge=()=>{var e=A["type"],t=L["inputValue"],a=I.value,l=T.value;a?He():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,l))&&m(a,{type:"init"})},ze=e=>null===A.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(A.max),je=e=>null===A.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(A.min),$e=()=>{L.inputValue=A.multiple?ne.value:L.datePanelLabel},f=e=>{e=_xeUtils.default.getWhatMonth(e,0,"first");_xeUtils.default.isEqual(e,L.selectMonth)||(L.selectMonth=e)},h=t=>{var{modelValue:e,multiple:a}=A;const l=L["datetimePanelValue"];var u=o.value;const i=d.value;var n=g.value;"week"===A.type?(r=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,r,n)):u&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds()));const s=_xeUtils.default.toDateString(t,i,{firstDay:n});if(f(t),a){var r=ie.value;if(u){n=[...K.value];const v=[];a=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===a?n.push(t):n.splice(a,1),n.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),v.push(e))}),m(v.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else r.some(e=>_xeUtils.default.isEqual(e,s))?m(r.filter(e=>!_xeUtils.default.isEqual(e,s)).join(","),{type:"update"}):m(r.concat([s]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,s)||m(s,{type:"update"})},b=()=>{var{type:a,min:l,max:u,exponential:t}=A,{inputValue:i,datetimePanelValue:n}=L,s=Y.value,e=I.value,r=_.value;if(!Te.value)if(s){if(i){let e="integer"===a?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i));je(e)?ze(e)||(e=u):e=l,t&&(s=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=s),m(Le(e),{type:"check"})}}else if(e)if(i){let t=v(i,r);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,r))&&m(t,{type:"check"}),L.inputValue=t;else{let e=!1;u=g.value;"datetime"===a?(l=q.value,i===_xeUtils.default.toDateString(l,r)&&i===_xeUtils.default.toDateString(t,r)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,L.inputValue=_xeUtils.default.toDateString(t,r,{firstDay:u}),e&&h(t)}else $e()}else m("",{type:"check"})},Qe=e=>{var t=L["showPwd"],a=C.value,l=n.value;a||l||(L.showPwd=!t),i.dispatchEvent("toggle-visible",{visible:L.showPwd},e)},Ze=e=>{i.dispatchEvent("search-click",{},e)},Xe=(e,t)=>{var{min:a,max:l,type:u}=A,i=L["inputValue"],n=w.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let s;s=je(i)?ze(i)?i:l:a,Ye(Le(s),t)},r=e=>{var t=C.value,a=n.value,l=Ce.value;U(),t||a||l||Xe(!1,e),i.dispatchEvent("next-number",{},e)},Je=e=>{p.dnTimeout=window.setTimeout(()=>{r(e),Je(e)},60)},x=e=>{var t=C.value,a=n.value,l=Ae.value;U(),t||a||l||Xe(!0,e),i.dispatchEvent("prev-number",{},e)},et=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?x:r)(e))},tt=e=>{var t,a,l,u,i,n,s,{exponential:r,controls:v}=A;Y.value&&(t=e.ctrlKey,a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!r||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)||e.preventDefault(),i?b():(n||s)&&v&&et(e)),c(e)},at=e=>{c(e)},U=()=>{var e=p["dnTimeout"];e&&(clearTimeout(e),p.dnTimeout=void 0)},lt=e=>{p.dnTimeout=window.setTimeout(()=>{x(e),lt(e)},60)},ut=e=>{if(U(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?x:r)(e),p.dnTimeout=window.setTimeout(()=>{(t?lt:Je)(e)},500)}},it=e=>{var t;Y.value&&A.controls&&L.isActivated&&(0<(t=e.deltaY)?r(e):t<0&&x(e),e.preventDefault()),c(e)},nt=(e,t)=>{L.selectMonth=_xeUtils.default.getWhatMonth(e,t,"first")},st=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");L.currentDate=e,nt(e,0)},rt=()=>{let e=L["datePanelType"];e="month"===e||"quarter"===e?"year":"month",L.datePanelType=e},vt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];se.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):_xeUtils.default.getWhatYear(l,-1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,-u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,-1,"first"):_xeUtils.default.getWhatMonth(l,-1,"first"),i.dispatchEvent("date-prev",{type:t},e))},ot=e=>{st(),A.multiple||(h(L.currentDate),y()),i.dispatchEvent("date-today",{type:A.type},e)},dt=e=>{var t=A["type"],{datePanelType:a,selectMonth:l}=L,u=p["yearSize"];re.value||(L.selectMonth="year"===t?_xeUtils.default.getWhatYear(l,u,"first"):"month"===t||"quarter"===t?"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):_xeUtils.default.getWhatYear(l,1,"first"):"year"===a?_xeUtils.default.getWhatYear(l,u,"first"):"month"===a?_xeUtils.default.getWhatYear(l,1,"first"):_xeUtils.default.getWhatMonth(l,1,"first"),i.dispatchEvent("date-next",{type:t},e))},R=e=>{var t=A["disabledMethod"],a=L["datePanelType"];return t&&t({type:a,viewType:a,date:e.date,$input:u})},pt=e=>{var{type:t,multiple:a}=A,l=L["datePanelType"];"month"===t?"year"===l?(L.datePanelType="month",f(e)):(h(e),a||y()):"year"===t?(h(e),a||y()):"quarter"===t?"year"===l?(L.datePanelType="quarter",f(e)):(h(e),a||y()):"month"===l?(L.datePanelType="week"===t?t:"day",f(e)):"year"===l?(L.datePanelType="month",f(e)):(h(e),"datetime"===t||a||y())},B=e=>{R(e)||pt(e.date)},_t=t=>{R({date:t})||(be.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),s(t))},ct=t=>{R({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),s(t))},mt=t=>{R({date:t})||(he.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),s(t))},ft=t=>{R({date:t})||(ge.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),s(t))},F=e=>{var t;R(e)||(t=L["datePanelType"],("month"===t?ft:"quarter"===t?mt:"year"===t?ct:_t)(e.date))},ht=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},xt=e=>{L.datetimePanelValue=new Date(L.datetimePanelValue.getTime()),ht(e.currentTarget)},gt=()=>{var e=A["multiple"];const t=L["datetimePanelValue"];var a=q.value,l=o.value;if(l){const u=d.value;if(e){e=ie.value;if(l){l=[...K.value];const i=[];l.forEach(e=>{e&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds()),i.push(e))}),m(i.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else m(e.join(","),{type:"update"})}else h(a||L.currentDate)}y()},yt=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],u=L["panelIndex"],i=M.value,n=j.value,e=$.value;if(i&&n){var s=i.offsetHeight,r=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+s;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+s)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===l?(a="top",u.bottom=s+"px"):l||(u.top=s+"px",d<i+s+v&&5<i-s-v&&(a="top",u.top="",u.bottom=s+"px"));return L.panelStyle=u,L.panelPlacement=a,(0,_vue.nextTick)()}}),bt=()=>{var e=L["visiblePanel"],t=p["hpTimeout"],a=C.value,l=I.value;return(a||e?(0,_vue.nextTick):(L.initialized||(L.initialized=!0),t&&(clearTimeout(t),p.hpTimeout=void 0),L.isActivated=!0,L.isAniVisible=!0,l&&(a=A.type,e=o.value,t=q.value,-1<["year","quarter","month","week"].indexOf(a)?L.datePanelType=a:L.datePanelType="day",L.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),t?(nt(t,0),s(t)):st(),e)&&(L.datetimePanelValue=L.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=P.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{ht(e)})})),setTimeout(()=>{L.visiblePanel=!0},10),L.panelIndex<(0,_utils.getLastZIndex)()&&(L.panelIndex=(0,_utils.nextZIndex)()),yt))()},Ut=e=>{n.value||(e.preventDefault(),bt())},Et=e=>{c(e)},St=e=>{var{visiblePanel:t,isActivated:a}=L,l=I.value,u=k.value,i=W.value;!C.value&&a&&(L.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,L.isActivated||(l?t&&(y(),b()):b()))},Nt=t=>{var a=A["clearable"],l=L["visiblePanel"],u=C.value,i=I.value;if(!u){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),v=v||o||d||p;let e=L.isActivated;if(u)e&&b(),e=!1,L.isActivated=e;else if(v){if(i&&e)if(l){var d=t,{isActivated:v,datePanelValue:m,datePanelType:f}=L;if(v){d.preventDefault();var v=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),x=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),d=_ui.globalEvents.hasKey(d,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===f){let e=_xeUtils.default.getWhatYear(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):x?e=_xeUtils.default.getWhatYear(e,1):d&&(e=_xeUtils.default.getWhatYear(e,4)),ct(e)}else if("quarter"===f){let e=_xeUtils.default.getWhatQuarter(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):x?e=_xeUtils.default.getWhatQuarter(e,1):d&&(e=_xeUtils.default.getWhatQuarter(e,2)),mt(e)}else if("month"===f){let e=_xeUtils.default.getWhatMonth(m||Date.now(),0,"first");v?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):x?e=_xeUtils.default.getWhatMonth(e,1):d&&(e=_xeUtils.default.getWhatMonth(e,4)),ft(e)}else{let e=m||_xeUtils.default.getWhatDay(Date.now(),0,"first");f=g.value;v?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,f):x?e=_xeUtils.default.getWhatDay(e,1):d&&(e=_xeUtils.default.getWhatWeek(e,1,f)),_t(e)}}}else(o||p)&&Ut(t)}else r?i&&(l?L.datePanelValue?pt(L.datePanelValue):y():e&&Ut(t)):(_||c)&&i&&e&&(m=t,v=L.isActivated)&&(v=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(v?vt:dt)(m));u||s?l&&y():n&&a&&e&&Be(t,null)}},Dt=e=>{var t=L["visiblePanel"];C.value||t&&(t=W.value,((0,_dom.getEventTargetNode)(e,t).flag?yt:(y(),b))())},Pt=()=>{var{isActivated:e,visiblePanel:t}=L;t?(y(),b()):e&&b()},H=(e,t)=>{var a,l=A["festivalMethod"];return l?(a=L["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$input:u}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-input--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:[""+(t||"")])],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):[""+(t||"")]},Vt=()=>{var e=L["datePanelType"];switch(e){case"week":{const i=A["multiple"],{datePanelType:n,datePanelValue:s}=L,r=q.value;var t=me.value,a=Ee.value;const v=K.value,o="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${n}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=i?e.some(t=>v.some(e=>_xeUtils.default.isDateSame(e,t.date,o))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,o)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,o));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":R(e),"is--selected":t,"is--hover":a},onClick:()=>B(e),onMouseenter:()=>F(e)},H(e,e.label))))}))])];return}case"month":{const d=A["multiple"],{datePanelType:p,datePanelValue:_}=L,c=q.value;t=ye.value;const m=K.value,f="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${p}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":d?m.some(e=>_xeUtils.default.isDateSame(e,t.date,f)):_xeUtils.default.isDateSame(c,t.date,f),"is--hover":_xeUtils.default.isDateSame(_,t.date,f)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:x,datePanelValue:g}=L,y=q.value;a=xe.value;const b=K.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U),"is--hover":_xeUtils.default.isDateSame(g,t.date,U)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const E=A["multiple"],{datePanelType:S,datePanelValue:N}=L,D=q.value;var l=fe.value;const P=K.value,V="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${S}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":E?P.some(e=>_xeUtils.default.isDateSame(e,t.date,V)):_xeUtils.default.isDateSame(D,t.date,V),"is--hover":_xeUtils.default.isDateSame(N,t.date,V)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.year))))))])];return}}{const T=A["multiple"],{datePanelType:w,datePanelValue:k}=L,M=q.value;var e=ce.value,u=Ue.value;const W=K.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${w}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",u.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":T?W.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(M,t.date,C),"is--hover":_xeUtils.default.isDateSame(k,t.date,C)},onClick:()=>B(t),onMouseenter:()=>F(t)},H(t,t.label))))))])]}},Tt=()=>{var e=A["multiple"],t=L["datePanelType"],a=se.value,l=re.value,u=pe.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u):(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:rt},u)]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:vt},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:ot},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:dt},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&ue.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:gt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},Vt())]},wt=()=>{const t=L["datetimePanelValue"];var e=ve.value,a=Se.value,l=De.value,u=Ne.value,i=Pe.value,n=Ve.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:gt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:P,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},a.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setHours(t.value),void xt(e);var t}},a.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setMinutes(t.value),void xt(e);var t}},a.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((a,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===a.value},onClick:e=>{return e=e,t=a,L.datetimePanelValue.setSeconds(t.value),void xt(e);var t}},a.label))):(0,_vue.createCommentVNode)()])]},kt=()=>{var e=A["controls"],t=Y.value,a=I.value,l=O.value,u=ee.value;return l?(l=L.showPwd,(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Qe},[(0,_vue.h)("i",{class:["vxe-input--password-icon",l?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])):t&&e?(l=Ae.value,t=Ce.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":l}],onMousedown:ut,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:ut,onMouseup:U,onMouseleave:U},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):a?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Ut},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]):u?(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Ze},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]):(0,_vue.createCommentVNode)()};i={dispatchEvent:(e,t,a)=>{E(e,(0,_ui.createEvent)(a,{$input:u},t))},focus(){var e=M.value;return L.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return M.value.blur(),(L.isActivated=!1,_vue.nextTick)()},select(){return M.value.select(),(L.isActivated=!1,_vue.nextTick)()},showPanel:bt,hidePanel:y,updatePlacement:yt},Object.assign(u,i);return(0,_vue.watch)(()=>A.modelValue,e=>{L.inputValue=e,He()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(L,{inputValue:A.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ge()}),(0,_vue.watch)(_,()=>{I.value&&(s(L.datePanelValue),L.inputValue=A.multiple?ne.value:L.datePanelLabel)}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(u,"mousewheel",Dt),_ui.globalEvents.on(u,"mousedown",St),_ui.globalEvents.on(u,"keydown",Nt),_ui.globalEvents.on(u,"blur",Pt)}),(0,_vue.onBeforeUnmount)(()=>{U(),b(),_ui.globalEvents.off(u,"mousewheel"),_ui.globalEvents.off(u,"mousedown"),_ui.globalEvents.off(u,"keydown"),_ui.globalEvents.off(u,"blur")}),Ge(),u.renderVN=()=>{var e,t,a,l,u,i,n,s,r,v,o,d,p,_,c,m,f,{className:h,controls:x,type:g,align:y,showWordCount:b,countMethod:U,name:E,autoComplete:S,autocomplete:N}=A,{inputValue:D,visiblePanel:P,isActivated:V}=L,T=z.value,w=C.value;return Q.value?(0,_vue.h)("div",{ref:k,class:["vxe-input--readonly","type--"+g,h]},D):(e=J.value,t=X.value,a=Te.value,l=Z.value,u=we.value,i=ke.value,n=te.value,b=b&&["text","search"].includes(g),r=A.prefixIcon,s=(s=G.prefix)||r?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:Re},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:r})])]):null,r=A.suffixIcon,v=L.inputValue,o=G.suffix,d=C.value,p=Y.value,_=I.value,c=O.value,m=ee.value,f=te.value,c=c||p||_||m,p=f||o||r||c?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":f&&!d&&!(""===v||_xeUtils.default.eqNull(v))}]},[f?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:Be},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),(c?kt:(0,_vue.createCommentVNode))(),o||r?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:Fe},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:r})]):(0,_vue.createCommentVNode)()]):null,(0,_vue.h)("div",{ref:k,class:["vxe-input","type--"+g,h,{["size--"+T]:T,["is--"+y]:y,"is--controls":x,"is--prefix":!!s,"is--suffix":!!p,"is--visible":P,"is--count":b,"is--disabled":w,"is--active":V,"show--clear":n&&!w&&!(""===D||_xeUtils.default.eqNull(D))}],spellcheck:!1},[s||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper"},[(0,_vue.h)("input",{ref:M,class:"vxe-input--inner",value:D,name:E,type:u,placeholder:i,maxlength:l,readonly:a,disabled:w,autocomplete:S||N,onKeydown:tt,onKeyup:at,onWheel:it,onClick:Et,onInput:Ie,onChange:Oe,onFocus:qe,onBlur:Ke})]),p||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=L,n=z.value,s=$.value,r=[];return I.value?(r.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},Tt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},wt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:W,class:"vxe-input--panel-wrapper"},wt()):(0,_vue.h)("div",{key:e||"default",ref:W,class:"vxe-input--panel-wrapper"},Tt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:j,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":s,"ani--leave":a,"ani--enter":l}],placement:u,style:i},l||a?r:[])])):(0,_vue.createCommentVNode)()})(),b?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":e}]},U?""+U({value:D}):t+(l?"/"+l:"")):(0,_vue.createCommentVNode)()]))},u},render(){return this.renderVN()}});

package/lib/pulldown/src/pulldown.js

@@ -60,7 +60,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       panelStyle: {},
       panelPlacement: null,
       visiblePanel: false,
-      visibleAnimate: false,
+      isAniVisible: false,
       isActivated: false
     });
     const internalData = {
@@ -202,7 +202,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             clearTimeout(internalData.hpTimeout);
           }
           reactData.isActivated = true;
-          reactData.visibleAnimate = true;
+          reactData.isAniVisible = true;
           setTimeout(() => {
             reactData.visiblePanel = true;
             emit('update:modelValue', true);
@@ -226,9 +226,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reactData.visiblePanel = false;
       emit('update:modelValue', false);
       return new Promise(resolve => {
-        if (reactData.visibleAnimate) {
+        if (reactData.isAniVisible) {
           internalData.hpTimeout = window.setTimeout(() => {
-            reactData.visibleAnimate = false;
+            reactData.isAniVisible = false;
             (0, _vue.nextTick)(() => {
               resolve();
             });
@@ -373,7 +373,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         initialized,
         isActivated,
-        visibleAnimate,
+        isAniVisible,
         visiblePanel,
         panelStyle,
         panelPlacement
@@ -411,14 +411,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
           [`size--${vSize}`]: vSize,
           'is--shadow': showPopupShadow,
           'is--transfer': btnTransfer,
-          'ani--leave': visibleAnimate,
+          'ani--leave': isAniVisible,
           'ani--enter': visiblePanel
         }],
         placement: panelPlacement,
         style: panelStyle
       }, [(0, _vue.h)('div', {
         class: 'vxe-pulldown--panel-wrapper'
-      }, !initialized || destroyOnClose && !visiblePanel && !visibleAnimate ? [] : [headerSlot ? (0, _vue.h)('div', {
+      }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [headerSlot ? (0, _vue.h)('div', {
         class: 'vxe-pulldown--panel-header'
       }, headerSlot({
         $pulldown: $xePulldown
@@ -430,7 +430,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-pulldown--panel-footer'
       }, footerSlot({
         $pulldown: $xePulldown
-      })) : (0, _vue.createCommentVNode)()])])])]);
+      })) : (0, _vue.createCommentVNode)()] : [])])])]);
     };
     $xePulldown.renderVN = renderVN;
     return $xePulldown;

package/lib/pulldown/src/pulldown.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")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","hide-panel"],setup(g,e){const{slots:x,emit:t}=e,i=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),o=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(g)["computeSize"],h=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),T=(0,_vue.ref)(),y=(0,_vue.ref)(),C=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(o||i||n||a)return!0}return e}),s={refElem:P},k={xID:l,props:g,context:e,reactData:h,internalData:u,getRefMaps:()=>s};const d=()=>{h.panelIndex<(0,_utils.getLastZIndex)()&&(h.panelIndex=(0,_utils.nextZIndex)())};const r=()=>(0,_vue.nextTick)().then(()=>{var t=g["placement"],{panelIndex:n,visiblePanel:o}=h,e=C.value;if(o){var o=T.value,a=y.value;if(a&&o){var u=o.offsetHeight,s=o.offsetWidth,d=a.offsetHeight,a=a.offsetWidth,n={zIndex:n},{boundingTop:o,boundingLeft:r,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(o);let i="bottom";if(e){let e=r,l=o+u;"top"===t?(i="top",l=o-d):t||(l+d+5>v&&(i="top",l=o-d),l<5&&(i="bottom",l=o+u)),e+a+5>p&&(e-=e+a+5-p),e<5&&(e=5),Object.assign(n,{left:e+"px",top:l+"px",minWidth:s+"px"})}else"top"===t?(i="top",n.bottom=u+"px"):t||v<o+u+d&&5<o-u-d&&(i="top",n.bottom=u+"px");h.panelStyle=n,h.panelPlacement=i}}return(0,_vue.nextTick)()}),v=()=>(h.initialized||(h.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),h.isActivated=!0,h.visibleAnimate=!0,setTimeout(()=>{h.visiblePanel=!0,t("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d())})),p=()=>(h.visiblePanel=!1,t("update:modelValue",!1),new Promise(e=>{h.visibleAnimate?u.hpTimeout=window.setTimeout(()=>{(h.visibleAnimate=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const A=(e,l)=>{l.disabled||(p(),m("option-click",{option:l},e))},$=e=>{var l=g["trigger"];"click"===l&&(h.visiblePanel?p:v)(),m("click",{$pulldown:k},e)},c=e=>{var l=g["disabled"],i=h["visiblePanel"],t=y.value;l||i&&((0,_dom.getEventTargetNode)(e,t).flag?r():(p(),m("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=h["visiblePanel"],t=P.value,n=y.value;l||(h.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!h.isActivated&&(p(),m("hide-panel",{},e)))},f=e=>{h.visiblePanel&&(h.isActivated=!1,p(),m("hide-panel",{},e))},m=(e,l,i)=>{t(e,(0,_ui.createEvent)(i,{$pulldown:k},l))};l={dispatchEvent:m,isPanelVisible:()=>h.visiblePanel,togglePanel:()=>(h.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(k,l),(0,_vue.watch)(()=>g.modelValue,e=>{(e?v:p)()}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(k,"mousewheel",c),_ui.globalEvents.on(k,"mousedown",_),_ui.globalEvents.on(k,"blur",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(k,"mousewheel"),_ui.globalEvents.off(k,"mousedown"),_ui.globalEvents.off(k,"blur")});return k.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:t,destroyOnClose:n,disabled:o}=g,{initialized:a,isActivated:u,visibleAnimate:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=h,p=C.value,c=w.value,_=x.default,f=x.header,m=x.footer,b=x.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:k}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":o,"is--active":u}]},[(0,_vue.h)("div",{ref:T,class:"vxe-pulldown--content",onClick:$},_?_({$pulldown:k}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:k}):i:"",{["size--"+c]:c,"is--shadow":t,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:"vxe-pulldown--panel-wrapper"},!a||n&&!d&&!s?[]:[f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},f({$pulldown:k})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:k}):[(e=>{const i=x.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){A(e,l)}},i?i({$pulldown:k,option:l}):""+(l.label||""))):[])})(l)]),m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},m({$pulldown:k})):(0,_vue.createCommentVNode)()])])])])},k},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")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","hide-panel"],setup(g,e){const{slots:x,emit:t}=e,i=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),o=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(g)["computeSize"],h=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),T=(0,_vue.ref)(),y=(0,_vue.ref)(),V=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(o||i||n||a)return!0}return e}),s={refElem:P},C={xID:l,props:g,context:e,reactData:h,internalData:u,getRefMaps:()=>s};const d=()=>{h.panelIndex<(0,_utils.getLastZIndex)()&&(h.panelIndex=(0,_utils.nextZIndex)())};const r=()=>(0,_vue.nextTick)().then(()=>{var t=g["placement"],{panelIndex:n,visiblePanel:o}=h,e=V.value;if(o){var o=T.value,a=y.value;if(a&&o){var u=o.offsetHeight,s=o.offsetWidth,d=a.offsetHeight,a=a.offsetWidth,n={zIndex:n},{boundingTop:o,boundingLeft:r,visibleHeight:p,visibleWidth:v}=(0,_dom.getAbsolutePos)(o);let i="bottom";if(e){let e=r,l=o+u;"top"===t?(i="top",l=o-d):t||(l+d+5>p&&(i="top",l=o-d),l<5&&(i="bottom",l=o+u)),e+a+5>v&&(e-=e+a+5-v),e<5&&(e=5),Object.assign(n,{left:e+"px",top:l+"px",minWidth:s+"px"})}else"top"===t?(i="top",n.bottom=u+"px"):t||p<o+u+d&&5<o-u-d&&(i="top",n.bottom=u+"px");h.panelStyle=n,h.panelPlacement=i}}return(0,_vue.nextTick)()}),p=()=>(h.initialized||(h.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),h.isActivated=!0,h.isAniVisible=!0,setTimeout(()=>{h.visiblePanel=!0,t("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d())})),v=()=>(h.visiblePanel=!1,t("update:modelValue",!1),new Promise(e=>{h.isAniVisible?u.hpTimeout=window.setTimeout(()=>{(h.isAniVisible=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const k=(e,l)=>{l.disabled||(v(),m("option-click",{option:l},e))},A=e=>{var l=g["trigger"];"click"===l&&(h.visiblePanel?v:p)(),m("click",{$pulldown:C},e)},c=e=>{var l=g["disabled"],i=h["visiblePanel"],t=y.value;l||i&&((0,_dom.getEventTargetNode)(e,t).flag?r():(v(),m("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=h["visiblePanel"],t=P.value,n=y.value;l||(h.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!h.isActivated&&(v(),m("hide-panel",{},e)))},f=e=>{h.visiblePanel&&(h.isActivated=!1,v(),m("hide-panel",{},e))},m=(e,l,i)=>{t(e,(0,_ui.createEvent)(i,{$pulldown:C},l))};l={dispatchEvent:m,isPanelVisible:()=>h.visiblePanel,togglePanel:()=>(h.visiblePanel?v:p)(),showPanel:p,hidePanel:v},Object.assign(C,l),(0,_vue.watch)(()=>g.modelValue,e=>{(e?p:v)()}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(C,"mousewheel",c),_ui.globalEvents.on(C,"mousedown",_),_ui.globalEvents.on(C,"blur",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(C,"mousewheel"),_ui.globalEvents.off(C,"mousedown"),_ui.globalEvents.off(C,"blur")});return C.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:t,destroyOnClose:n,disabled:o}=g,{initialized:a,isActivated:u,isAniVisible:s,visiblePanel:d,panelStyle:r,panelPlacement:p}=h,v=V.value,c=w.value,_=x.default,f=x.header,m=x.footer,b=x.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:C}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":o,"is--active":u}]},[(0,_vue.h)("div",{ref:T,class:"vxe-pulldown--content",onClick:A},_?_({$pulldown:C}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!v||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:C}):i:"",{["size--"+c]:c,"is--shadow":t,"is--transfer":v,"ani--leave":s,"ani--enter":d}],placement:p,style:r},[(0,_vue.h)("div",{class:"vxe-pulldown--panel-wrapper"},a&&(!n||d||s)?[f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},f({$pulldown:C})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:C}):[(e=>{const i=x.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){k(e,l)}},i?i({$pulldown:C,option:l}):""+(l.label||""))):[])})(l)]),m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},m({$pulldown:C})):(0,_vue.createCommentVNode)()]:[])])])])},C},render(){return this.renderVN()}});

package/lib/select/src/select.js

@@ -1053,6 +1053,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         initialized,
         isActivated,
+        isAniVisible,
         visiblePanel
       } = reactData;
       const vSize = computeSize.value;
@@ -1118,12 +1119,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }) : popupClassName : '', {
           [`size--${vSize}`]: vSize,
           'is--transfer': btnTransfer,
-          'ani--leave': !loading && reactData.isAniVisible,
+          'ani--leave': !loading && isAniVisible,
           'ani--enter': !loading && visiblePanel
         }],
         placement: reactData.panelPlacement,
         style: reactData.panelStyle
-      }, initialized ? [filterable ? (0, _vue.h)('div', {
+      }, initialized && (visiblePanel || isAniVisible) ? [filterable ? (0, _vue.h)('div', {
         class: 'vxe-select--panel-search'
       }, [(0, _vue.h)(_input.default, {
         ref: refInpSearch,

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