vxe-pc-ui 4.16.7 → 4.16.9

package/lib/input/style/style.min.css

@@ -1 +1 @@
-.vxe-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-input--wrapper{flex-grow:1;overflow:hidden}.vxe-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:inherit;box-shadow:none}.vxe-input{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input .vxe-input--inner[type=search],.vxe-input .vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input .vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled .vxe-input--clear-icon,.vxe-input.is--disabled .vxe-input--control-icon,.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{cursor:not-allowed}.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-input.show--clear:hover .vxe-input--clear-icon{display:block}.vxe-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-input--prefix,.vxe-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--clear-icon{padding-right:.3em;text-align:center}.vxe-input--control-icon,.vxe-input--prefix-icon,.vxe-input--suffix-icon{min-width:1.8em;text-align:center}.vxe-input--prefix-icon,.vxe-input--suffix-icon{height:100%;display:flex;justify-content:center;align-items:center;color:var(--vxe-ui-input-placeholder-color)}.vxe-input--prefix-text,.vxe-input--suffix-text{padding:0 .5em}.vxe-input--clear-icon,.vxe-input--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-input--clear-icon{display:none}.vxe-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-input--number-icon .vxe-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel{pointer-events:none}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-input--time-picker-btn{display:flex;flex-shrink:0}.vxe-input--time-picker-btn:active{transform:scale(.9)}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-input--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-btns .vxe-input--date-picker-btn{margin-left:.6em}.vxe-input--date-picker-btns .vxe-input--date-picker-btn:first-child{margin-left:0}.vxe-input--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-input--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-ui-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel .vxe-input--time-picker-title{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}
+.vxe-input,.vxe-input--panel{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-default)}.vxe-input--panel.size--xlarge,.vxe-input.size--xlarge{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-xlarge)}.vxe-input--panel.size--large,.vxe-input.size--large{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-large)}.vxe-input--panel.size--medium,.vxe-input.size--medium{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-medium)}.vxe-input--panel.size--small,.vxe-input.size--small{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-small)}.vxe-input--panel.size--mini,.vxe-input.size--mini{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-mini)}.vxe-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-input--wrapper{flex-grow:1;overflow:hidden}.vxe-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:inherit;box-shadow:none}.vxe-input{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input .vxe-input--inner[type=search],.vxe-input .vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input .vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled .vxe-input--clear-icon,.vxe-input.is--disabled .vxe-input--control-icon,.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{cursor:not-allowed}.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-input.show--clear:hover .vxe-input--clear-icon{display:block}.vxe-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-input--prefix,.vxe-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--clear-icon{padding-right:.3em;text-align:center}.vxe-input--control-icon,.vxe-input--prefix-icon,.vxe-input--suffix-icon{min-width:1.8em;text-align:center}.vxe-input--prefix-icon,.vxe-input--suffix-icon{height:100%;display:flex;justify-content:center;align-items:center;color:var(--vxe-ui-input-placeholder-color)}.vxe-input--prefix-text,.vxe-input--suffix-text{padding:0 .5em}.vxe-input--clear-icon,.vxe-input--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-input--clear-icon{display:none}.vxe-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-input--number-icon .vxe-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel{pointer-events:none}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-input--time-picker-btn{display:flex;flex-shrink:0}.vxe-input--time-picker-btn:active{transform:scale(.9)}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-input--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-btns .vxe-input--date-picker-btn{margin-left:.6em}.vxe-input--date-picker-btns .vxe-input--date-picker-btn:first-child{margin-left:0}.vxe-input--date-picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-input--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-ui-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input{font-size:var(--vxe-ui-input-current-font-size);height:var(--vxe-ui-input-current-height-default);line-height:var(--vxe-ui-input-current-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel .vxe-input--time-picker-title{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:28px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-input--panel.size--xlarge{font-size:var(--vxe-ui-font-size-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-title{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-header,.vxe-input--panel.size--xlarge .vxe-input--time-picker-header{padding-bottom:10px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge))}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--xlarge .vxe-input--date-day-view td,.vxe-input--panel.size--xlarge .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-month-view td,.vxe-input--panel.size--xlarge .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm,.vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm{height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-xlarge) + 1px)}.vxe-input--panel.size--large{font-size:var(--vxe-ui-font-size-large)}.vxe-input--panel.size--large .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--large .vxe-input--time-picker-title{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn,.vxe-input--panel.size--large .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--large .vxe-input--date-picker-header,.vxe-input--panel.size--large .vxe-input--time-picker-header{padding-bottom:9px}.vxe-input--panel.size--large .vxe-input--date-picker-body table,.vxe-input--panel.size--large .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large))}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--large .vxe-input--date-day-view td,.vxe-input--panel.size--large .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-month-view td,.vxe-input--panel.size--large .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-confirm,.vxe-input--panel.size--large .vxe-input--time-picker-confirm{height:29px}.vxe-input--panel.size--large .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-large) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:27px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:300px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:7px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:7px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:4px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:26px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 5px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:5px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:26px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:280px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:6px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:3px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:25px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 4px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:4px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:25px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}

package/lib/menu/src/menu.js

@@ -237,6 +237,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         hasChild,
         isExpand
       } = item;
+      const isCollapsed = computeIsCollapsed.value;
       const expanded = !isExpand;
       if (hasChild) {
         evnt.stopPropagation();
@@ -252,9 +253,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           });
         }
         item.isExpand = expanded;
-        const el = refElem.value;
-        if (el) {
-          const nemuEl = el.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${itemId}"]`);
+        const wrapperEl = isCollapsed ? refCollapseElem.value : refElem.value;
+        if (wrapperEl) {
+          const nemuEl = wrapperEl.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${itemId}"]`);
           const groupEl = nemuEl ? nemuEl.querySelector('.vxe-menu--item-group') : null;
           if (groupEl) {
             if (expanded) {

package/lib/menu/src/menu.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("menu").errLog,{menus,getConfig,getIcon}=_ui.VxeUI;function createInternalData(){return{menuEffectMaps:{}}}function createReactData(){return{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:"",menuList:[],itemHeight:1}}let nemuUniqueKey=1e8;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:()=>getConfig().menu.accordion},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>getConfig().menu.size||getConfig().size},menuConfig:Object},emits:["update:modelValue","click","option-menu","menu-click"],setup(r,e){let{emit:n,slots:c}=e;var t=_xeUtils.default.uniqueId();let i=(0,_vue.inject)("$xeLayoutAside",null),d=(0,_vue.ref)(),m=(0,_vue.ref)(),v=(0,_ui.useSize)(r).computeSize,p=(0,_vue.reactive)(createReactData()),_=createInternalData(),l={refElem:d},a=(0,_vue.computed)(()=>Object.assign({},getConfig().menu.menuConfig,r.menuConfig)),x=(0,_vue.computed)(()=>{var e=r.collapsed;return _xeUtils.default.isBoolean(e)?e:!!i&&!!i.props.collapsed}),o=(0,_vue.computed)(()=>{let e="";return e=i?i.props.collapseWidth||"":e}),u=(0,_vue.computed)(()=>{let e="";return e=i?i.props.width||"":e}),s={computeSize:v},h={xID:t,props:r,context:e,reactData:p,getRefMaps:()=>l,getComputeMaps:()=>s},g=e=>""+(e.title||e.name),f=o=>{let u=p.activeName;_xeUtils.default.eachTree(p.menuList,(e,t,i,n,l,a)=>{e.itemKey===u?(a.forEach(e=>{e.isActive=!0,o&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},C=()=>{let{options:e,expandAll:a}=r;p.menuList=_xeUtils.default.mapTree(e,(e,t,i,n,l)=>Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemId:++nemuUniqueKey,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!a,hasChild:e.children&&0<e.children.length}),{children:"children",mapChildren:"childList"})},E=()=>{var e=r.collapseFixed;e&&(0,_vue.nextTick)(()=>{var e,t=p.isEnterCollapse,i=x.value,n=u.value,l=o.value,a=d.value;a&&(e=a.getBoundingClientRect(),a=a.parentNode,p.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(a.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:p.collapseZindex}:{})})},y=()=>{var e=r.collapseFixed;e&&(e=p.initialized,x.value&&!e&&(p.initialized=!0,(0,_vue.nextTick)(()=>{var e=m.value;e&&document.body.appendChild(e)})),p.isEnterCollapse=!1,p.collapseZindex<(0,_utils.getLastZIndex)()&&(p.collapseZindex=(0,_utils.nextZIndex)()),E())},k=(t,i,e)=>{var n=r.accordion;let l=_.menuEffectMaps,{itemId:a,hasChild:o,isExpand:u}=i;var s=!u;if(o){t.stopPropagation(),t.preventDefault(),l[a]&&clearTimeout(l[a]),n&&e.forEach(e=>{e!==i&&(e.isExpand=!1)}),i.isExpand=s;t=d.value;if(t){n=t.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${a}"]`);let e=n?n.querySelector(".vxe-menu--item-group"):null;e&&(s?(e.style.height="0",e.setAttribute("data-effect","y"),requestAnimationFrame(()=>{e.style.height=e.scrollHeight+"px"})):(e.style.height=e.scrollHeight+"px",e.setAttribute("data-effect","y"),requestAnimationFrame(()=>{e.style.height="0"})),l[a]=setTimeout(()=>{delete l[a],e.removeAttribute("data-effect"),e.style.height=""},350))}}},M=e=>{p.activeName=e,n("update:modelValue",e)},U=(n,l)=>{var e=r.menuConfig,t=a.value;(e?(0,_utils.isEnableConf)(t):t.enabled)&&({options:e,visibleMethod:t}=t,t&&!t({$menu:h,options:e,currentMenu:l})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(n,{options:e,events:{optionClick(e){var t=e.option,i=menus.get(t.code),i=i?i.menuMenuMethod:null,t={menu:t,currentMenu:l,$event:n,$menu:h};i&&i(t,n),V("menu-click",t,e.$event)}}})),V("option-menu",{currentMenu:l},n)},I=(e,t,i)=>{var{itemKey:n,routerLink:l,hasChild:a}=t,l=(!l&&a?k(e,t,i):(M(n),q()),{currentMenu:t,menu:t});V("click",l,e)},b=()=>{var e=p.collapseStyle,t=u.value;p.collapseStyle=Object.assign({},e,{width:t?(0,_dom.toCssUnit)(t):""}),p.isEnterCollapse=!0},A=()=>{var e=p.isEnterCollapse;e||b()},q=()=>{var e=p.collapseStyle,t=d.value;p.collapseStyle=Object.assign({},e,{width:t?(0,_dom.toCssUnit)(t.offsetWidth):""}),p.isEnterCollapse=!1},L=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=c[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],V=(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$menu:h},t))};t={dispatchEvent:V};Object.assign(h,t,{});let N=(t,i)=>{var{icon:e,isExpand:n,hasChild:l}=t,a=t.slots||{},o=a.default||c.option,u=a.title||c.optionTitle||c["option-title"],a=a.icon||c.optionIcon||c["option-icon"],s=g(t),r=x.value,r={currentMenu:t,collapsed:r,option:t};return[o?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{class:"vxe-menu--item-link-icon"},a?L(a,r):e?[(0,_vue.h)("i",{class:e})]:[]),o?(0,_vue.h)("div",{class:"vxe-menu--item-custom-title"},L(o,r)):(0,_vue.h)("div",{class:"vxe-menu--item-link-title",title:s},u?L(u,r):s),l?(0,_vue.h)("div",{class:"vxe-menu--item-link-collapse",onClick(e){k(e,t,i)}},[(0,_vue.h)("i",{class:n?getIcon().MENU_ITEM_EXPAND_OPEN:getIcon().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(h)]},S=(t,i)=>{let{itemId:e,itemKey:n,level:l,hasChild:a,isActive:o,isExactActive:u,isExpand:s,routerLink:r,childList:c}=t;var d=p.isEnterCollapse,m=x.value;return t.permissionCode&&!_ui.permission.checkVisible(t.permissionCode)?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{key:n,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+l,{"is--exact-active":u,"is--active":o,"is--expand":(!m||d)&&s}],"data-menu-id":e},[r?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:r,onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},{default:()=>N(t,i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},N(t,i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group"},c.map(e=>S(e,c))):(0,_ui.renderEmptyElement)(h)])};let z=(0,_vue.ref)(0);return(0,_vue.watch)(()=>r.options?r.options.length:-1,()=>{z.value++}),(0,_vue.watch)(()=>r.options,()=>{z.value++}),(0,_vue.watch)(z,()=>{C(),f(!0)}),(0,_vue.watch)(()=>r.modelValue,e=>{p.activeName=e}),(0,_vue.watch)(()=>p.activeName,()=>{f(!0)}),(0,_vue.watch)(x,()=>{y()}),(0,_vue.onMounted)(()=>{var e=r.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&errLog("vxe.error.reqComp",["vxe-context-menu"]),_ui.globalEvents.on(h,"resize",E),E()}),(0,_vue.onBeforeUnmount)(()=>{var e,t=m.value;t&&(e=t.parentNode)&&e.removeChild(t),_ui.globalEvents.off(h,"resize"),_xeUtils.default.assign(p,createReactData()),_xeUtils.default.assign(_,createInternalData())}),p.initialized=!!r.collapsed,p.activeName=r.modelValue,C(),f(!0),h.renderVN=()=>{var{loading:e,collapseFixed:t}=r;let{initialized:i,menuList:n,collapseStyle:l,isEnterCollapse:a}=p;var o=v.value;let u=x.value,s={};return t&&(s={onMouseenter:b,onMouseover:A,onMouseleave:q}),(0,_vue.h)("div",{ref:d,class:["vxe-menu",{["size--"+o]:o,"is--collapsed":u,"is--loading":e}]},[(0,_vue.h)("div",{class:"vxe-menu--item-list"},n.map(e=>(u?(t,i)=>{let{itemId:e,itemKey:n,level:l,hasChild:a,isActive:o,isExactActive:u,routerLink:s,childList:r}=t;return t.permissionCode&&!_ui.permission.checkVisible(t.permissionCode)?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{key:n,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+l,{"is--exact-active":u,"is--active":o}],"data-menu-id":e},[s?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:s,onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},{default:()=>N(t,i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},N(t,i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group"},r.map(e=>S(e,r))):(0,_ui.renderEmptyElement)(h)])}:S)(e,n))),i?(0,_vue.h)("div",Object.assign({ref:m,class:["vxe-menu--collapse-wrapper",{["size--"+o]:o,"is--collapsed":u,"is--enter":a,"is--loading":e}],style:l},s),[u?(0,_vue.h)("div",{class:"vxe-menu--item-list"},n.map(e=>S(e,n))):(0,_ui.renderEmptyElement)(h)]):(0,_ui.renderEmptyElement)(h),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e})])},h},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("menu").errLog,{menus,getConfig,getIcon}=_ui.VxeUI;function createInternalData(){return{menuEffectMaps:{}}}function createReactData(){return{initialized:!1,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:"",menuList:[],itemHeight:1}}let nemuUniqueKey=1e8;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,accordion:{type:Boolean,default:()=>getConfig().menu.accordion},collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>getConfig().menu.size||getConfig().size},menuConfig:Object},emits:["update:modelValue","click","option-menu","menu-click"],setup(c,e){let{emit:n,slots:d}=e;var t=_xeUtils.default.uniqueId();let i=(0,_vue.inject)("$xeLayoutAside",null),m=(0,_vue.ref)(),v=(0,_vue.ref)(),r=(0,_ui.useSize)(c).computeSize,p=(0,_vue.reactive)(createReactData()),_=createInternalData(),l={refElem:m},a=(0,_vue.computed)(()=>Object.assign({},getConfig().menu.menuConfig,c.menuConfig)),x=(0,_vue.computed)(()=>{var e=c.collapsed;return _xeUtils.default.isBoolean(e)?e:!!i&&!!i.props.collapsed}),o=(0,_vue.computed)(()=>{let e="";return e=i?i.props.collapseWidth||"":e}),u=(0,_vue.computed)(()=>{let e="";return e=i?i.props.width||"":e}),s={computeSize:r},h={xID:t,props:c,context:e,reactData:p,getRefMaps:()=>l,getComputeMaps:()=>s},g=e=>""+(e.title||e.name),f=o=>{let u=p.activeName;_xeUtils.default.eachTree(p.menuList,(e,t,i,n,l,a)=>{e.itemKey===u?(a.forEach(e=>{e.isActive=!0,o&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},C=()=>{let{options:e,expandAll:a}=c;p.menuList=_xeUtils.default.mapTree(e,(e,t,i,n,l)=>Object.assign(Object.assign({},e),{parentKey:l?l.name||n.slice(0,n.length-1).join(","):"",level:n.length,itemId:++nemuUniqueKey,itemKey:e.name||n.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!a,hasChild:e.children&&0<e.children.length}),{children:"children",mapChildren:"childList"})},E=()=>{var e=c.collapseFixed;e&&(0,_vue.nextTick)(()=>{var e,t=p.isEnterCollapse,i=x.value,n=u.value,l=o.value,a=m.value;a&&(e=a.getBoundingClientRect(),a=a.parentNode,p.collapseStyle=i?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(a.clientHeight),width:t?n?(0,_dom.toCssUnit)(n):"":l?(0,_dom.toCssUnit)(l):"",zIndex:p.collapseZindex}:{})})},y=()=>{var e=c.collapseFixed;e&&(e=p.initialized,x.value&&!e&&(p.initialized=!0,(0,_vue.nextTick)(()=>{var e=v.value;e&&document.body.appendChild(e)})),p.isEnterCollapse=!1,p.collapseZindex<(0,_utils.getLastZIndex)()&&(p.collapseZindex=(0,_utils.nextZIndex)()),E())},k=(t,i,e)=>{var n=c.accordion;let l=_.menuEffectMaps,{itemId:a,hasChild:o,isExpand:u}=i;var s=x.value,r=!u;if(o){t.stopPropagation(),t.preventDefault(),l[a]&&clearTimeout(l[a]),n&&e.forEach(e=>{e!==i&&(e.isExpand=!1)}),i.isExpand=r;t=(s?v:m).value;if(t){n=t.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${a}"]`);let e=n?n.querySelector(".vxe-menu--item-group"):null;e&&(r?(e.style.height="0",e.setAttribute("data-effect","y"),requestAnimationFrame(()=>{e.style.height=e.scrollHeight+"px"})):(e.style.height=e.scrollHeight+"px",e.setAttribute("data-effect","y"),requestAnimationFrame(()=>{e.style.height="0"})),l[a]=setTimeout(()=>{delete l[a],e.removeAttribute("data-effect"),e.style.height=""},350))}}},M=e=>{p.activeName=e,n("update:modelValue",e)},U=(n,l)=>{var e=c.menuConfig,t=a.value;(e?(0,_utils.isEnableConf)(t):t.enabled)&&({options:e,visibleMethod:t}=t,t&&!t({$menu:h,options:e,currentMenu:l})||_ui.VxeUI.contextMenu&&_ui.VxeUI.contextMenu.openByEvent(n,{options:e,events:{optionClick(e){var t=e.option,i=menus.get(t.code),i=i?i.menuMenuMethod:null,t={menu:t,currentMenu:l,$event:n,$menu:h};i&&i(t,n),V("menu-click",t,e.$event)}}})),V("option-menu",{currentMenu:l},n)},I=(e,t,i)=>{var{itemKey:n,routerLink:l,hasChild:a}=t,l=(!l&&a?k(e,t,i):(M(n),q()),{currentMenu:t,menu:t});V("click",l,e)},b=()=>{var e=p.collapseStyle,t=u.value;p.collapseStyle=Object.assign({},e,{width:t?(0,_dom.toCssUnit)(t):""}),p.isEnterCollapse=!0},A=()=>{var e=p.isEnterCollapse;e||b()},q=()=>{var e=p.collapseStyle,t=m.value;p.collapseStyle=Object.assign({},e,{width:t?(0,_dom.toCssUnit)(t.offsetWidth):""}),p.isEnterCollapse=!1},L=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],V=(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$menu:h},t))};t={dispatchEvent:V};Object.assign(h,t,{});let N=(t,i)=>{var{icon:e,isExpand:n,hasChild:l}=t,a=t.slots||{},o=a.default||d.option,u=a.title||d.optionTitle||d["option-title"],a=a.icon||d.optionIcon||d["option-icon"],s=g(t),r=x.value,r={currentMenu:t,collapsed:r,option:t};return[o?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{class:"vxe-menu--item-link-icon"},a?L(a,r):e?[(0,_vue.h)("i",{class:e})]:[]),o?(0,_vue.h)("div",{class:"vxe-menu--item-custom-title"},L(o,r)):(0,_vue.h)("div",{class:"vxe-menu--item-link-title",title:s},u?L(u,r):s),l?(0,_vue.h)("div",{class:"vxe-menu--item-link-collapse",onClick(e){k(e,t,i)}},[(0,_vue.h)("i",{class:n?getIcon().MENU_ITEM_EXPAND_OPEN:getIcon().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(h)]},S=(t,i)=>{let{itemId:e,itemKey:n,level:l,hasChild:a,isActive:o,isExactActive:u,isExpand:s,routerLink:r,childList:c}=t;var d=p.isEnterCollapse,m=x.value;return t.permissionCode&&!_ui.permission.checkVisible(t.permissionCode)?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{key:n,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+l,{"is--exact-active":u,"is--active":o,"is--expand":(!m||d)&&s}],"data-menu-id":e},[r?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:r,onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},{default:()=>N(t,i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},N(t,i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group"},c.map(e=>S(e,c))):(0,_ui.renderEmptyElement)(h)])};let z=(0,_vue.ref)(0);return(0,_vue.watch)(()=>c.options?c.options.length:-1,()=>{z.value++}),(0,_vue.watch)(()=>c.options,()=>{z.value++}),(0,_vue.watch)(z,()=>{C(),f(!0)}),(0,_vue.watch)(()=>c.modelValue,e=>{p.activeName=e}),(0,_vue.watch)(()=>p.activeName,()=>{f(!0)}),(0,_vue.watch)(x,()=>{y()}),(0,_vue.onMounted)(()=>{var e=c.menuConfig,t=_ui.VxeUI.getComponent("VxeContextMenu");e&&!t&&errLog("vxe.error.reqComp",["vxe-context-menu"]),_ui.globalEvents.on(h,"resize",E),E()}),(0,_vue.onBeforeUnmount)(()=>{var e,t=v.value;t&&(e=t.parentNode)&&e.removeChild(t),_ui.globalEvents.off(h,"resize"),_xeUtils.default.assign(p,createReactData()),_xeUtils.default.assign(_,createInternalData())}),p.initialized=!!c.collapsed,p.activeName=c.modelValue,C(),f(!0),h.renderVN=()=>{var{loading:e,collapseFixed:t}=c;let{initialized:i,menuList:n,collapseStyle:l,isEnterCollapse:a}=p;var o=r.value;let u=x.value,s={};return t&&(s={onMouseenter:b,onMouseover:A,onMouseleave:q}),(0,_vue.h)("div",{ref:m,class:["vxe-menu",{["size--"+o]:o,"is--collapsed":u,"is--loading":e}]},[(0,_vue.h)("div",{class:"vxe-menu--item-list"},n.map(e=>(u?(t,i)=>{let{itemId:e,itemKey:n,level:l,hasChild:a,isActive:o,isExactActive:u,routerLink:s,childList:r}=t;return t.permissionCode&&!_ui.permission.checkVisible(t.permissionCode)?(0,_ui.renderEmptyElement)(h):(0,_vue.h)("div",{key:n,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+l,{"is--exact-active":u,"is--active":o}],"data-menu-id":e},[s?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:s,onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},{default:()=>N(t,i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onContextmenu(e){U(e,t)},onClick(e){I(e,t,i)}},N(t,i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group"},r.map(e=>S(e,r))):(0,_ui.renderEmptyElement)(h)])}:S)(e,n))),i?(0,_vue.h)("div",Object.assign({ref:v,class:["vxe-menu--collapse-wrapper",{["size--"+o]:o,"is--collapsed":u,"is--enter":a,"is--loading":e}],style:l},s),[u?(0,_vue.h)("div",{class:"vxe-menu--item-list"},n.map(e=>S(e,n))):(0,_ui.renderEmptyElement)(h)]):(0,_ui.renderEmptyElement)(h),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e})])},h},render(){return this.renderVN()}});

package/lib/menu/style/style.css

@@ -3,6 +3,16 @@
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-default);
 }
+.vxe-menu.size--xlarge,
+.vxe-menu--collapse-wrapper.size--xlarge {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-xlarge);
+}
+.vxe-menu.size--large,
+.vxe-menu--collapse-wrapper.size--large {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-large);
+}
 .vxe-menu.size--medium,
 .vxe-menu--collapse-wrapper.size--medium {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-medium);

package/lib/menu/style/style.min.css

@@ -1 +1 @@
-.vxe-menu,.vxe-menu--collapse-wrapper{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-default)}.vxe-menu--collapse-wrapper.size--medium,.vxe-menu.size--medium{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu--collapse-wrapper.size--small,.vxe-menu.size--small{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-small)}.vxe-menu--collapse-wrapper.size--mini,.vxe-menu.size--mini{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu,.vxe-menu--collapse-wrapper{font-size:var(--vxe-ui-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-current-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{height:0;overflow:hidden}.vxe-menu--item-group[data-effect]{transition:height .3s ease-in-out}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{height:auto}
+.vxe-menu,.vxe-menu--collapse-wrapper{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-default)}.vxe-menu--collapse-wrapper.size--xlarge,.vxe-menu.size--xlarge{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-xlarge)}.vxe-menu--collapse-wrapper.size--large,.vxe-menu.size--large{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-large)}.vxe-menu--collapse-wrapper.size--medium,.vxe-menu.size--medium{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu--collapse-wrapper.size--small,.vxe-menu.size--small{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-small)}.vxe-menu--collapse-wrapper.size--mini,.vxe-menu.size--mini{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu,.vxe-menu--collapse-wrapper{font-size:var(--vxe-ui-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-current-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{height:0;overflow:hidden}.vxe-menu--item-group[data-effect]{transition:height .3s ease-in-out}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{height:auto}

package/lib/number-input/style/style.css

@@ -1,3 +1,28 @@
+.vxe-number-input {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-default);
+}
+.vxe-number-input.size--xlarge {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-xlarge);
+}
+.vxe-number-input.size--large {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-large);
+}
+.vxe-number-input.size--medium {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-number-input.size--small {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-small);
+}
+.vxe-number-input.size--mini {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-mini);
+}
+
 .vxe-number-input--readonly {
   color: var(--vxe-ui-font-color);
   display: inline-flex;
@@ -246,25 +271,7 @@
 }
 
 .vxe-number-input {
-  font-size: var(--vxe-ui-font-size-default);
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
-}
-.vxe-number-input .vxe-number-input--input[type=number]::-webkit-inner-spin-button {
-  height: 24px;
-}
-.vxe-number-input.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-  height: var(--vxe-ui-input-height-medium);
-  line-height: var(--vxe-ui-input-height-medium);
-}
-.vxe-number-input.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-  height: var(--vxe-ui-input-height-small);
-  line-height: var(--vxe-ui-input-height-small);
-}
-.vxe-number-input.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-  height: var(--vxe-ui-input-height-mini);
-  line-height: var(--vxe-ui-input-height-mini);
+  font-size: var(--vxe-ui-number-input-current-font-size);
+  height: var(--vxe-ui-number-input-current-height);
+  line-height: var(--vxe-ui-number-input-current-height);
 }

package/lib/number-input/style/style.min.css

@@ -1 +1 @@
-.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{flex-grow:1;overflow:hidden}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1;overflow:hidden}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.is--controls>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-number-input .vxe-number-input--input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-number-input.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}
+.vxe-number-input{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-default)}.vxe-number-input.size--xlarge{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-number-input.size--large{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-large)}.vxe-number-input.size--medium{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-medium)}.vxe-number-input.size--small{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-small)}.vxe-number-input.size--mini{--vxe-ui-number-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-number-input-current-height:var(--vxe-ui-input-height-mini)}.vxe-number-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-number-input--input-inner{flex-grow:1;overflow:hidden}.vxe-number-input--input{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-number-input--input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--input::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-number-input--input[type=number]::-webkit-inner-spin-button,.vxe-number-input--input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.vxe-number-input--input[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input--input-wrapper{display:flex;flex-grow:1;overflow:hidden}.vxe-number-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input.is--disabled .vxe-number-input--clear-icon,.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{cursor:not-allowed}.vxe-number-input.is--disabled .vxe-number-input--prefix,.vxe-number-input.is--disabled .vxe-number-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-number-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-number-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-number-input.show--clear:hover .vxe-number-input--clear-icon{display:block}.vxe-number-input--prefix,.vxe-number-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-number-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input--clear-icon,.vxe-number-input--control-icon,.vxe-number-input--prefix-icon,.vxe-number-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.vxe-number-input--prefix-icon{padding-left:.5em}.vxe-number-input--prefix-text,.vxe-number-input--suffix-text{padding:0 .5em}.vxe-number-input--clear-icon,.vxe-number-input--suffix-icon{padding-right:.5em}.vxe-number-input--clear-icon{height:100%;cursor:pointer}.vxe-number-input--clear-icon{display:none}.vxe-number-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-number-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-number-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-number-input.is--left .vxe-number-input--input{text-align:left}.vxe-number-input.is--center .vxe-number-input--input{text-align:center}.vxe-number-input.is--right .vxe-number-input--input{text-align:right}.vxe-number-input--minus-btn,.vxe-number-input--plus-btn{border:0;outline:0;width:2.8em;flex-shrink:0;font-family:inherit;color:var(--vxe-ui-font-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:var(--vxe-ui-number-input-control-button-color);transform:scale(1);transition:transform .1s ease-in-out}.vxe-number-input--minus-btn:focus,.vxe-number-input--minus-btn:hover,.vxe-number-input--plus-btn:focus,.vxe-number-input--plus-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-number-input--minus-btn:active,.vxe-number-input--plus-btn:active{transform:scale(.9)}.vxe-number-input--minus-btn.is--disabled,.vxe-number-input--plus-btn.is--disabled{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color)}.vxe-number-input--side-control{display:inline-flex;flex-direction:column;flex-shrink:0;height:100%}.vxe-number-input--side-control>.vxe-number-input--plus-btn{border-bottom:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input--side-control>.vxe-number-input--minus-btn,.vxe-number-input--side-control>.vxe-number-input--plus-btn{display:flex;align-items:center;justify-content:center;height:50%}.vxe-number-input--side-control>.vxe-number-input--minus-btn i,.vxe-number-input--side-control>.vxe-number-input--plus-btn i{font-size:.72em}.vxe-number-input.is--controls>.vxe-number-input--input-wrapper .vxe-number-input--input{border-radius:0}.vxe-number-input.ctl--default>.vxe-number-input--minus-btn{border-right:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--default>.vxe-number-input--plus-btn{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-number-input.ctl--left .vxe-number-input--side-control{border-right:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:var(--vxe-ui-base-border-radius) 0 0 0}.vxe-number-input.ctl--left .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 0 var(--vxe-ui-base-border-radius)}.vxe-number-input.ctl--right .vxe-number-input--side-control{border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--plus-btn{border-radius:0 var(--vxe-ui-base-border-radius) 0 0}.vxe-number-input.ctl--right .vxe-number-input--side-control>.vxe-number-input--minus-btn{border-radius:0 0 var(--vxe-ui-base-border-radius) 0}.vxe-number-input>.vxe-number-input--minus-btn,.vxe-number-input>.vxe-number-input--plus-btn{height:100%}.vxe-number-input>.vxe-number-input--minus-btn i,.vxe-number-input>.vxe-number-input--plus-btn i{font-size:.84em}.vxe-number-input{font-size:var(--vxe-ui-number-input-current-font-size);height:var(--vxe-ui-number-input-current-height);line-height:var(--vxe-ui-number-input-current-height)}

package/lib/password-input/src/password-input.js

@@ -173,6 +173,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         inputValue
       } = reactData;
       const value = inputValue;
+      reactData.isActivated = false;
       $xePasswordInput.dispatchEvent('blur', {
         value
       }, evnt);

package/lib/password-input/src/password-input.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(m,e){let{emit:i,slots:g}=e,u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let x=(0,_ui.useSize)(m).computeSize,h=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:m.modelValue}),w=(0,_vue.ref)(),E=(0,_vue.ref)(),l={refElem:w,refInput:E},I={xID:t,props:m,context:e,reactData:h,getRefMaps:()=>l},n={},V=(0,_vue.computed)(()=>m.clearable),b=(0,_vue.computed)(()=>{var e=m.readonly;return e}),y=(0,_vue.computed)(()=>{var e=m.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),S=(0,_vue.computed)(()=>{var e=h.showPwd;return e?"text":"password"}),r=(0,_vue.computed)(()=>{var e=m.immediate;return e}),s=e=>{var t=h.inputValue;n.dispatchEvent(e.type,{value:t},e)},o=(e,t)=>{var u=r.value;h.inputValue=e,u?p(e,t):n.dispatchEvent("input",{value:e},t)},C=e=>{var t=e.target.value;o(t,e)},p=(e,t)=>{h.inputValue=e,i("update:modelValue",e),n.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(m.modelValue)!==e&&(n.dispatchEvent("change",{value:e},t),u)&&a&&u.triggerItemEvent(t,a.itemConfig.field,e)},P=e=>{s(e),I.dispatchEvent("lazy-change",{value:h.inputValue},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,h.inputValue)},k=e=>{h.isActivated=!0,s(e)},N=e=>{var t=h.inputValue;I.dispatchEvent("blur",{value:t},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,t)},d=e=>{var{readonly:t,disabled:u}=m,i=h.showPwd;u||t||(h.showPwd=!i),I.dispatchEvent("toggle-visible",{visible:h.showPwd},e)},q=e=>{s(e)},z=(e,t)=>{focus(),p("",e),I.dispatchEvent("clear",{value:t},e),I.dispatchEvent("lazy-change",{value:h.inputValue},e)},A=e=>{var t=m.disabled;t||(t=h.inputValue,I.dispatchEvent("suffix-click",{value:t},e))},D=e=>{var t=m.disabled;t||(t=h.inputValue,I.dispatchEvent("prefix-click",{value:t},e))},U=()=>{var e=h.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:d},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};n={dispatchEvent(e,t,u){i(e,(0,_ui.createEvent)(u,{$passwordInput:I},t))},focus(){var e=E.value;return h.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return E.value.blur(),(h.isActivated=!1,_vue.nextTick)()},select(){return E.value.select(),(h.isActivated=!1,_vue.nextTick)()}},Object.assign(I,n),(0,_vue.watch)(()=>m.modelValue,e=>{h.inputValue=e});return I.renderVN=()=>{var{className:e,name:t,disabled:u,readonly:i,autocomplete:a,autoComplete:l,maxLength:n}=m,{inputValue:r,isActivated:s}=h,o=x.value,p=b.value,d=S.value,v=y.value,c=V.value,_=(f=m.prefixIcon,(_=g.prefix)||f?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:D},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},_?(0,_vn.getSlotVNs)(_({})):[(0,_vue.h)("i",{class:f})])]):null),f=(()=>{var{disabled:e,suffixIcon:t,controls:u}=m,i=h.inputValue,a=g.suffix,l=V.value;return l||u||a||t?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!e&&!(""===i||_xeUtils.default.eqNull(i))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:z},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),u?U():(0,_ui.renderEmptyElement)(I),a||t?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:A},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]):null})();return(0,_vue.h)("div",{ref:w,class:["vxe-password-input",e,{["size--"+o]:o,"is--prefix":!!_,"is--suffix":!!f,"is--readonly":i,"is--disabled":u,"is--active":s,"show--clear":c&&!u&&!(""===r||_xeUtils.default.eqNull(r))}],spellcheck:!1},[_||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:E,class:"vxe-password-input--inner",value:r,name:t,type:d,placeholder:v,readonly:p,disabled:u,autocomplete:a||l,maxlength:n,onClick:q,onInput:C,onChange:P,onFocus:k,onBlur:N})]),f||(0,_ui.renderEmptyElement)(I)])},I},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxePasswordInput",props:{modelValue:String,immediate:{type:Boolean,default:!0},name:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.clearable},readonly:Boolean,disabled:Boolean,maxLength:[String,Number],placeholder:String,autoComplete:{type:String,default:"off"},className:String,size:{type:String,default:()=>(0,_ui.getConfig)().passwordInput.size||(0,_ui.getConfig)().size},prefixIcon:String,suffixIcon:String,controls:{type:Boolean,default:()=>(0,_ui.getConfig)().passwordInput.controls},autocomplete:String},emits:["update:modelValue","input","change","click","focus","blur","clear","lazy-change","toggle-visible","prefix-click","suffix-click"],setup(m,e){let{emit:i,slots:g}=e,u=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let x=(0,_ui.useSize)(m).computeSize,h=(0,_vue.reactive)({showPwd:!1,isActivated:!1,inputValue:m.modelValue}),w=(0,_vue.ref)(),E=(0,_vue.ref)(),l={refElem:w,refInput:E},I={xID:t,props:m,context:e,reactData:h,getRefMaps:()=>l},n={},V=(0,_vue.computed)(()=>m.clearable),b=(0,_vue.computed)(()=>{var e=m.readonly;return e}),y=(0,_vue.computed)(()=>{var e=m.placeholder;return(e=e||(0,_ui.getConfig)().passwordInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),S=(0,_vue.computed)(()=>{var e=h.showPwd;return e?"text":"password"}),r=(0,_vue.computed)(()=>{var e=m.immediate;return e}),s=e=>{var t=h.inputValue;n.dispatchEvent(e.type,{value:t},e)},o=(e,t)=>{var u=r.value;h.inputValue=e,u?d(e,t):n.dispatchEvent("input",{value:e},t)},C=e=>{var t=e.target.value;o(t,e)},d=(e,t)=>{h.inputValue=e,i("update:modelValue",e),n.dispatchEvent("input",{value:e},t),_xeUtils.default.toValueString(m.modelValue)!==e&&(n.dispatchEvent("change",{value:e},t),u)&&a&&u.triggerItemEvent(t,a.itemConfig.field,e)},P=e=>{s(e),I.dispatchEvent("lazy-change",{value:h.inputValue},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,h.inputValue)},k=e=>{h.isActivated=!0,s(e)},N=e=>{var t=h.inputValue;h.isActivated=!1,I.dispatchEvent("blur",{value:t},e),u&&a&&u.triggerItemEvent(e,a.itemConfig.field,t)},p=e=>{var{readonly:t,disabled:u}=m,i=h.showPwd;u||t||(h.showPwd=!i),I.dispatchEvent("toggle-visible",{visible:h.showPwd},e)},q=e=>{s(e)},A=(e,t)=>{focus(),d("",e),I.dispatchEvent("clear",{value:t},e),I.dispatchEvent("lazy-change",{value:h.inputValue},e)},z=e=>{var t=m.disabled;t||(t=h.inputValue,I.dispatchEvent("suffix-click",{value:t},e))},D=e=>{var t=m.disabled;t||(t=h.inputValue,I.dispatchEvent("prefix-click",{value:t},e))},U=()=>{var e=h.showPwd;return(0,_vue.h)("div",{class:"vxe-password-input--control-icon",onClick:p},[(0,_vue.h)("i",{class:["vxe-password-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])};n={dispatchEvent(e,t,u){i(e,(0,_ui.createEvent)(u,{$passwordInput:I},t))},focus(){var e=E.value;return h.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return E.value.blur(),(h.isActivated=!1,_vue.nextTick)()},select(){return E.value.select(),(h.isActivated=!1,_vue.nextTick)()}},Object.assign(I,n),(0,_vue.watch)(()=>m.modelValue,e=>{h.inputValue=e});return I.renderVN=()=>{var{className:e,name:t,disabled:u,readonly:i,autocomplete:a,autoComplete:l,maxLength:n}=m,{inputValue:r,isActivated:s}=h,o=x.value,d=b.value,p=S.value,v=y.value,c=V.value,_=(f=m.prefixIcon,(_=g.prefix)||f?(0,_vue.h)("div",{class:"vxe-password-input--prefix",onClick:D},[(0,_vue.h)("div",{class:"vxe-password-input--prefix-icon"},_?(0,_vn.getSlotVNs)(_({})):[(0,_vue.h)("i",{class:f})])]):null),f=(()=>{var{disabled:e,suffixIcon:t,controls:u}=m,i=h.inputValue,a=g.suffix,l=V.value;return l||u||a||t?(0,_vue.h)("div",{class:["vxe-password-input--suffix",{"is--clear":l&&!e&&!(""===i||_xeUtils.default.eqNull(i))}]},[l?(0,_vue.h)("div",{class:"vxe-password-input--clear-icon",onClick:A},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(I),u?U():(0,_ui.renderEmptyElement)(I),a||t?(0,_vue.h)("div",{class:"vxe-password-input--suffix-icon",onClick:z},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})]):(0,_ui.renderEmptyElement)(I)]):null})();return(0,_vue.h)("div",{ref:w,class:["vxe-password-input",e,{["size--"+o]:o,"is--prefix":!!_,"is--suffix":!!f,"is--readonly":i,"is--disabled":u,"is--active":s,"show--clear":c&&!u&&!(""===r||_xeUtils.default.eqNull(r))}],spellcheck:!1},[_||(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{class:"vxe-password-input--wrapper"},[(0,_vue.h)("input",{ref:E,class:"vxe-password-input--inner",value:r,name:t,type:p,placeholder:v,readonly:d,disabled:u,autocomplete:a||l,maxlength:n,onClick:q,onInput:C,onChange:P,onFocus:k,onBlur:N})]),f||(0,_ui.renderEmptyElement)(I)])},I},render(){return this.renderVN()}});