vxe-pc-ui 3.0.0 → 3.0.2

package/es/input/style.min.css

@@ -0,0 +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:-ms-input-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)}.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,.vxe-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--prefix-icon{padding-left:.5em}.vxe-input--clear-icon,.vxe-input--control-icon,.vxe-input--suffix-icon{padding-right:.5em}.vxe-input--prefix-icon,.vxe-input--suffix-icon{color:var(--vxe-ui-input-placeholder-color)}.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;-ms-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{flex-shrink:0}.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;-ms-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-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;-ms-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.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{background-color:var(--vxe-ui-input-date-picker-hover-background-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--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:first-child{box-shadow:inset -1px 0 0 0 var(--vxe-ui-base-popup-border-color)}.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;-ms-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--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-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-btn,.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--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-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-btn,.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--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-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-btn,.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--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-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-btn,.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)}

package/es/layout-footer/src/layout-footer.js

@@ -8,9 +8,10 @@ export default defineVxeComponent({
         align: String
     },
     data() {
+        const xID = XEUtils.uniqueId();
         const reactData = {};
         return {
-            xID: XEUtils.uniqueId(),
+            xID,
             reactData
         };
     },

package/es/layout-header/src/layout-header.js

@@ -7,9 +7,10 @@ export default defineVxeComponent({
         fixed: Boolean
     },
     data() {
+        const xID = XEUtils.uniqueId();
         const reactData = {};
         return {
-            xID: XEUtils.uniqueId(),
+            xID,
             reactData
         };
     },

package/es/list/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeListComponent from './src/list';
+import { dynamicApp } from '../dynamics';
+export const VxeList = Object.assign(VxeListComponent, {
+    install(app) {
+        app.component(VxeListComponent.name, VxeListComponent);
+    }
+});
+dynamicApp.use(VxeList);
+VxeUI.component(VxeListComponent);
+export const List = VxeList;
+export default VxeList;

package/es/list/src/list.js

@@ -0,0 +1,373 @@
+import { defineVxeComponent } from '../../ui/src/comp';
+import XEUtils from 'xe-utils';
+import { getConfig, globalEvents, globalResize, createEvent, globalMixins } from '../../ui';
+import { browse } from '../../ui/src/dom';
+import VxeLoadingComponent from '../../loading/src/loading';
+export default defineVxeComponent({
+    name: 'VxeList',
+    mixins: [
+        globalMixins.sizeMixin
+    ],
+    props: {
+        data: Array,
+        height: [Number, String],
+        maxHeight: [Number, String],
+        loading: Boolean,
+        className: [String, Function],
+        size: { type: String, default: () => getConfig().list.size || getConfig().size },
+        autoResize: { type: Boolean, default: () => getConfig().list.autoResize },
+        syncResize: [Boolean, String, Number],
+        scrollY: Object
+    },
+    data() {
+        const xID = XEUtils.uniqueId();
+        const reactData = {
+            scrollYLoad: false,
+            bodyHeight: 0,
+            rowHeight: 0,
+            topSpaceHeight: 0,
+            items: []
+        };
+        const internalData = {
+            resizeObserver: undefined,
+            fullData: [],
+            lastScrollLeft: 0,
+            lastScrollTop: 0,
+            scrollYStore: {
+                startIndex: 0,
+                endIndex: 0,
+                visibleSize: 0,
+                offsetSize: 0,
+                rowHeight: 0
+            }
+        };
+        return {
+            xID,
+            reactData,
+            internalData
+        };
+    },
+    computed: Object.assign(Object.assign({}, {}), { computeSYOpts() {
+            const $xeList = this;
+            const props = $xeList;
+            return Object.assign({}, getConfig().list.scrollY, props.scrollY);
+        },
+        computeStyles() {
+            const $xeList = this;
+            const props = $xeList;
+            const { height, maxHeight } = props;
+            const style = {};
+            if (height) {
+                style.height = `${isNaN(height) ? height : `${height}px`}`;
+            }
+            else if (maxHeight) {
+                style.height = 'auto';
+                style.maxHeight = `${isNaN(maxHeight) ? maxHeight : `${maxHeight}px`}`;
+            }
+            return style;
+        } }),
+    methods: {
+        //
+        // Method
+        //
+        dispatchEvent(type, params, evnt) {
+            const $xeList = this;
+            $xeList.$emit(type, createEvent(evnt, { $list: $xeList }, params));
+        },
+        /**
+           * 加载数据
+           * @param {Array} datas 数据
+           */
+        loadData(datas) {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const internalData = $xeList.internalData;
+            const { scrollYStore } = internalData;
+            const sYOpts = $xeList.computeSYOpts;
+            const fullData = datas || [];
+            Object.assign(scrollYStore, {
+                startIndex: 0,
+                endIndex: 1,
+                visibleSize: 0
+            });
+            internalData.fullData = fullData;
+            // 如果gt为0，则总是启用
+            reactData.scrollYLoad = !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt <= fullData.length);
+            $xeList.handleData();
+            return $xeList.computeScrollLoad().then(() => {
+                $xeList.refreshScroll();
+            });
+        },
+        /**
+         * 重新加载数据
+         * @param {Array} datas 数据
+         */
+        reloadData(datas) {
+            const $xeList = this;
+            $xeList.clearScroll();
+            return $xeList.loadData(datas);
+        },
+        updateYSpace() {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const internalData = $xeList.internalData;
+            const { scrollYLoad } = reactData;
+            const { scrollYStore, fullData } = internalData;
+            reactData.bodyHeight = scrollYLoad ? fullData.length * scrollYStore.rowHeight : 0;
+            reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
+        },
+        handleData() {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const internalData = $xeList.internalData;
+            const { scrollYLoad } = reactData;
+            const { fullData, scrollYStore } = internalData;
+            reactData.items = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+            return $xeList.$nextTick();
+        },
+        updateYData() {
+            const $xeList = this;
+            $xeList.handleData();
+            $xeList.updateYSpace();
+        },
+        computeScrollLoad() {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const internalData = $xeList.internalData;
+            return $xeList.$nextTick().then(() => {
+                const { scrollYLoad } = reactData;
+                const { scrollYStore } = internalData;
+                const virtualBodyElem = $xeList.$refs.refVirtualBody;
+                const sYOpts = $xeList.computeSYOpts;
+                let rowHeight = 0;
+                let firstItemElem;
+                if (virtualBodyElem) {
+                    if (sYOpts.sItem) {
+                        firstItemElem = virtualBodyElem.querySelector(sYOpts.sItem);
+                    }
+                    if (!firstItemElem) {
+                        firstItemElem = virtualBodyElem.children[0];
+                    }
+                }
+                if (firstItemElem) {
+                    rowHeight = firstItemElem.offsetHeight;
+                }
+                rowHeight = Math.max(20, rowHeight);
+                scrollYStore.rowHeight = rowHeight;
+                // 计算 Y 逻辑
+                if (scrollYLoad) {
+                    const scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+                    const visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
+                    const offsetYSize = sYOpts.oSize ? XEUtils.toNumber(sYOpts.oSize) : (browse.edge ? 10 : 0);
+                    scrollYStore.offsetSize = offsetYSize;
+                    scrollYStore.visibleSize = visibleYSize;
+                    scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
+                    $xeList.updateYData();
+                }
+                else {
+                    $xeList.updateYSpace();
+                }
+                reactData.rowHeight = rowHeight;
+            });
+        },
+        /**
+         * 清除滚动条
+         */
+        clearScroll() {
+            const $xeList = this;
+            const scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+            if (scrollBodyElem) {
+                scrollBodyElem.scrollTop = 0;
+            }
+            return $xeList.$nextTick();
+        },
+        /**
+         * 如果有滚动条，则滚动到对应的位置
+         * @param {Number} scrollLeft 左距离
+         * @param {Number} scrollTop 上距离
+         */
+        scrollTo(scrollLeft, scrollTop) {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+            if (XEUtils.isNumber(scrollLeft)) {
+                scrollBodyElem.scrollLeft = scrollLeft;
+            }
+            if (XEUtils.isNumber(scrollTop)) {
+                scrollBodyElem.scrollTop = scrollTop;
+            }
+            if (reactData.scrollYLoad) {
+                return new Promise(resolve => {
+                    setTimeout(() => {
+                        $xeList.$nextTick(() => {
+                            resolve();
+                        });
+                    }, 50);
+                });
+            }
+            return $xeList.$nextTick();
+        },
+        /**
+         * 刷新滚动条
+         */
+        refreshScroll() {
+            const $xeList = this;
+            const internalData = $xeList.internalData;
+            const { lastScrollLeft, lastScrollTop } = internalData;
+            return $xeList.clearScroll().then(() => {
+                if (lastScrollLeft || lastScrollTop) {
+                    internalData.lastScrollLeft = 0;
+                    internalData.lastScrollTop = 0;
+                    return scrollTo(lastScrollLeft, lastScrollTop);
+                }
+            });
+        },
+        /**
+         * 重新计算列表
+         */
+        recalculate() {
+            const $xeList = this;
+            const el = $xeList.$refs.refElem;
+            if (el.clientWidth && el.clientHeight) {
+                return $xeList.computeScrollLoad();
+            }
+            return Promise.resolve();
+        },
+        loadYData(evnt) {
+            const $xeList = this;
+            const internalData = $xeList.internalData;
+            const { scrollYStore } = internalData;
+            const { startIndex, endIndex, visibleSize, offsetSize, rowHeight } = scrollYStore;
+            const scrollBodyElem = evnt.target;
+            const scrollTop = scrollBodyElem.scrollTop;
+            const toVisibleIndex = Math.floor(scrollTop / rowHeight);
+            const offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
+            const offsetEndIndex = toVisibleIndex + visibleSize + offsetSize;
+            if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
+                if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
+                    scrollYStore.startIndex = offsetStartIndex;
+                    scrollYStore.endIndex = offsetEndIndex;
+                    $xeList.updateYData();
+                }
+            }
+        },
+        scrollEvent(evnt) {
+            const $xeList = this;
+            const reactData = $xeList.reactData;
+            const internalData = $xeList.internalData;
+            const scrollBodyElem = evnt.target;
+            const scrollTop = scrollBodyElem.scrollTop;
+            const scrollLeft = scrollBodyElem.scrollLeft;
+            const isX = scrollLeft !== internalData.lastScrollLeft;
+            const isY = scrollTop !== internalData.lastScrollTop;
+            internalData.lastScrollTop = scrollTop;
+            internalData.lastScrollLeft = scrollLeft;
+            if (reactData.scrollYLoad) {
+                $xeList.loadYData(evnt);
+            }
+            $xeList.dispatchEvent('scroll', { scrollLeft, scrollTop, isX, isY }, evnt);
+        },
+        //
+        // Render
+        //
+        renderVN(h) {
+            const $xeList = this;
+            const props = $xeList;
+            const reactData = $xeList.reactData;
+            const slots = $xeList.$scopedSlots;
+            const { className, loading } = props;
+            const { bodyHeight, topSpaceHeight, items } = reactData;
+            const defaultSlot = slots.default;
+            const vSize = $xeList.computeSize;
+            const styles = $xeList.computeStyles;
+            return h('div', {
+                ref: 'refElem',
+                class: ['vxe-list', className ? (XEUtils.isFunction(className) ? className({ $list: $xeList }) : className) : '', {
+                        [`size--${vSize}`]: vSize,
+                        'is--loading': loading
+                    }]
+            }, [
+                h('div', {
+                    ref: 'refVirtualWrapper',
+                    class: 'vxe-list--virtual-wrapper',
+                    style: styles,
+                    on: {
+                        scroll: $xeList.scrollEvent
+                    }
+                }, [
+                    h('div', {
+                        class: 'vxe-list--y-space',
+                        style: {
+                            height: bodyHeight ? `${bodyHeight}px` : ''
+                        }
+                    }),
+                    h('div', {
+                        ref: 'refVirtualBody',
+                        class: 'vxe-list--body',
+                        style: {
+                            marginTop: topSpaceHeight ? `${topSpaceHeight}px` : ''
+                        }
+                    }, defaultSlot ? defaultSlot({ items, $list: $xeList }) : [])
+                ]),
+                /**
+                 * 加载中
+                 */
+                h(VxeLoadingComponent, {
+                    class: 'vxe-list--loading',
+                    props: {
+                        value: loading
+                    }
+                })
+            ]);
+        }
+    },
+    watch: {
+        data() {
+            const $xeList = this;
+            const props = $xeList;
+            $xeList.loadData(props.data || []);
+        },
+        syncResize(val) {
+            const $xeList = this;
+            if (val) {
+                $xeList.recalculate();
+                $xeList.$nextTick(() => setTimeout(() => $xeList.recalculate()));
+            }
+        }
+    },
+    created() {
+        const $xeList = this;
+        const props = $xeList;
+        globalEvents.on($xeList, 'resize', () => {
+            $xeList.recalculate();
+        });
+        $xeList.loadData(props.data || []);
+    },
+    mounted() {
+        const $xeList = this;
+        const props = $xeList;
+        const internalData = $xeList.internalData;
+        if (props.autoResize) {
+            const el = $xeList.$refs.refElem;
+            const resizeObserver = globalResize.create(() => $xeList.recalculate());
+            resizeObserver.observe(el);
+            internalData.resizeObserver = resizeObserver;
+        }
+    },
+    activated() {
+        const $xeList = this;
+        $xeList.recalculate().then(() => $xeList.refreshScroll());
+    },
+    beforeDestroy() {
+        const $xeList = this;
+        const internalData = $xeList.internalData;
+        const { resizeObserver } = internalData;
+        if (resizeObserver) {
+            resizeObserver.disconnect();
+        }
+        globalEvents.off($xeList, 'resize');
+    },
+    render(h) {
+        return this.renderVN(h);
+    }
+});

package/es/list/style.css

@@ -0,0 +1,28 @@
+.vxe-list {
+  position: relative;
+  display: block;
+  padding: 0;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  direction: ltr;
+}
+.vxe-list .vxe-list--virtual-wrapper {
+  position: relative;
+  overflow: auto;
+  outline: 0;
+}
+.vxe-list .vxe-list--y-space {
+  width: 0;
+  float: left;
+}
+.vxe-list .vxe-list--virtual-wrapper,
+.vxe-list .vxe-list--body {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  outline: 0;
+}
+
+.vxe-list--virtual-wrapper {
+  height: 100px;
+}

package/es/list/style.min.css

@@ -0,0 +1 @@
+.vxe-list{position:relative;display:block;padding:0;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);direction:ltr}.vxe-list .vxe-list--virtual-wrapper{position:relative;overflow:auto;outline:0}.vxe-list .vxe-list--y-space{width:0;float:left}.vxe-list .vxe-list--body,.vxe-list .vxe-list--virtual-wrapper{padding:0;margin:0;border:0;outline:0}.vxe-list--virtual-wrapper{height:100px}

package/es/loading/src/loading.js

@@ -65,6 +65,11 @@ export default defineVxeComponent({
             const $xeLoading = this;
             $xeLoading.$emit(type, createEvent(evnt, { $loading: $xeLoading }, params));
         },
+        emitModel(value) {
+            const $xeLoading = this;
+            $xeLoading.$emit('input', value);
+            $xeLoading.$emit('modelValue', value);
+        },
         handleInit() {
             const $xeLoading = this;
             const reactData = $xeLoading.reactData;

package/es/menu/src/menu.js

@@ -77,6 +77,11 @@ export default defineVxeComponent({
             const $xeMenu = this;
             $xeMenu.$emit(type, createEvent(evnt, { $menu: $xeMenu }, params));
         },
+        emitModel(value) {
+            const $xeMenu = this;
+            $xeMenu.$emit('input', value);
+            $xeMenu.$emit('modelValue', value);
+        },
         getMenuTitle(item) {
             return `${item.title || item.name}`;
         },
@@ -159,8 +164,7 @@ export default defineVxeComponent({
             if (routerLink) {
                 const value = item.itemKey;
                 reactData.activeName = value;
-                $xeMenu.$emit('input', value);
-                $xeMenu.$emit('modelValue', value);
+                $xeMenu.emitModel(value);
             }
             else {
                 if (hasChild) {

package/es/modal/src/modal.js

@@ -244,6 +244,11 @@ export default defineVxeComponent({
             const $xeModal = this;
             $xeModal.$emit(type, createEvent(evnt, { $modal: $xeModal }, params));
         },
+        emitModel(value) {
+            const $xeModal = this;
+            $xeModal.$emit('input', value);
+            $xeModal.$emit('modelValue', value);
+        },
         open() {
             const $xeModal = this;
             return $xeModal.openModal();
@@ -421,8 +426,7 @@ export default defineVxeComponent({
                         $xeModal.dispatchEvent('before-hide', params, null);
                         setTimeout(() => {
                             reactData.visible = false;
-                            $xeModal.$emit('input', false);
-                            $xeModal.$emit('modelValue', false);
+                            $xeModal.emitModel(false);
                             $xeModal.dispatchEvent('hide', params, null);
                         }, 200);
                         $xeModal.removeBodyLockScroll();
@@ -734,8 +738,7 @@ export default defineVxeComponent({
                         }
                         const type = '';
                         const params = { type };
-                        $xeModal.$emit('input', true);
-                        $xeModal.$emit('modelValue', true);
+                        $xeModal.emitModel(true);
                         $xeModal.dispatchEvent('show', params, null);
                     });
                 }, 10);

package/es/number-input/src/number-input.js

@@ -237,6 +237,10 @@ export default defineVxeComponent({
             const $xeNumberInput = this;
             $xeNumberInput.$emit(type, createEvent(evnt, { $numberInput: $xeNumberInput }, params));
         },
+        emitModel(value) {
+            const $xeModal = this;
+            $xeModal.$emit('modelValue', value);
+        },
         focus() {
             const $xeNumberInput = this;
             const reactData = $xeNumberInput.reactData;
@@ -279,7 +283,7 @@ export default defineVxeComponent({
             const { inputValue } = reactData;
             $xeNumberInput.dispatchEvent(evnt.type, { value: inputValue }, evnt);
         },
-        emitModel(val, inputValue, evnt) {
+        handleChange(val, inputValue, evnt) {
             const $xeNumberInput = this;
             const props = $xeNumberInput;
             const reactData = $xeNumberInput.reactData;
@@ -289,7 +293,7 @@ export default defineVxeComponent({
             const isChange = value !== props.value;
             if (isChange) {
                 reactData.inputValue = inputValue || '';
-                $xeNumberInput.$emit('modelValue', value);
+                $xeNumberInput.emitModel(value);
             }
             $xeNumberInput.dispatchEvent('input', { value }, evnt);
             if (isChange) {
@@ -307,7 +311,7 @@ export default defineVxeComponent({
             const value = inputValue ? XEUtils.toNumber(inputValue) : null;
             reactData.inputValue = inputValue;
             if (inpImmediate) {
-                $xeNumberInput.emitModel(value, inputValue, evnt);
+                $xeNumberInput.handleChange(value, inputValue, evnt);
             }
             else {
                 $xeNumberInput.dispatchEvent('input', { value }, evnt);
@@ -344,7 +348,7 @@ export default defineVxeComponent({
         clearValueEvent(evnt, value) {
             const $xeNumberInput = this;
             $xeNumberInput.focus();
-            $xeNumberInput.emitModel(null, '', evnt);
+            $xeNumberInput.handleChange(null, '', evnt);
             $xeNumberInput.dispatchEvent('clear', { value }, evnt);
         },
         clickSuffixEvent(evnt) {
@@ -375,7 +379,7 @@ export default defineVxeComponent({
                         validValue = Number(textValue);
                     }
                     if (inputValue !== validValue) {
-                        $xeNumberInput.emitModel(validValue, textValue, { type: 'init' });
+                        $xeNumberInput.handleChange(validValue, textValue, { type: 'init' });
                     }
                 }
             }
@@ -413,7 +417,7 @@ export default defineVxeComponent({
                         }
                     }
                     const inpValue = $xeNumberInput.getNumberValue(inpNumVal);
-                    $xeNumberInput.emitModel(inpValue === null ? null : Number(inpValue), inpValue, { type: 'check' });
+                    $xeNumberInput.handleChange(inpValue === null ? null : Number(inpValue), inpValue, { type: 'check' });
                 }
             }
         },
@@ -424,7 +428,7 @@ export default defineVxeComponent({
             const inpImmediate = $xeNumberInput.computeInpImmediate;
             const value = inputValue ? Number(inputValue) : null;
             if (!inpImmediate) {
-                $xeNumberInput.emitModel(value, `${inputValue || ''}`, evnt);
+                $xeNumberInput.handleChange(value, `${inputValue || ''}`, evnt);
             }
             $xeNumberInput.afterCheckValue();
             reactData.isActivated = false;

package/es/optgroup/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeOptgroupComponent from '../select/src/optgroup';
+import { dynamicApp } from '../dynamics';
+export const VxeOptgroup = Object.assign(VxeOptgroupComponent, {
+    install: function (app) {
+        app.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
+    }
+});
+dynamicApp.use(VxeOptgroup);
+VxeUI.component(VxeOptgroupComponent);
+export const Optgroup = VxeOptgroup;
+export default VxeOptgroup;