vxe-pc-ui 3.0.0 → 3.0.2

package/lib/input/style/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/lib/layout-footer/src/layout-footer.js

@@ -15,9 +15,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     align: String
   },
   data: function data() {
+    var xID = _xeUtils.default.uniqueId();
     var reactData = {};
     return {
-      xID: _xeUtils.default.uniqueId(),
+      xID: xID,
       reactData: reactData
     };
   },

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

@@ -14,9 +14,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     fixed: Boolean
   },
   data: function data() {
+    var xID = _xeUtils.default.uniqueId();
     var reactData = {};
     return {
-      xID: _xeUtils.default.uniqueId(),
+      xID: xID,
       reactData: reactData
     };
   },

package/lib/list/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeList = exports.List = void 0;
+var _core = require("@vxe-ui/core");
+var _list = _interopRequireDefault(require("./src/list"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeList = exports.VxeList = Object.assign(_list.default, {
+  install: function install(app) {
+    app.component(_list.default.name, _list.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeList);
+_core.VxeUI.component(_list.default);
+var List = exports.List = VxeList;
+var _default = exports.default = VxeList;

package/lib/list/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeList=exports.List=void 0;var _core=require("@vxe-ui/core"),_list=_interopRequireDefault(require("./src/list")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeList=exports.VxeList=Object.assign(_list.default,{install:function(e){e.component(_list.default.name,_list.default)}}),List=(_dynamics.dynamicApp.use(VxeList),_core.VxeUI.component(_list.default),exports.List=VxeList),_default=exports.default=VxeList;

package/lib/list/src/list.js

@@ -0,0 +1,415 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+var _loading = _interopRequireDefault(require("../../loading/src/loading"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default2 = exports.default = (0, _comp.defineVxeComponent)({
+  name: 'VxeList',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    data: Array,
+    height: [Number, String],
+    maxHeight: [Number, String],
+    loading: Boolean,
+    className: [String, Function],
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().list.size || (0, _ui.getConfig)().size;
+      }
+    },
+    autoResize: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().list.autoResize;
+      }
+    },
+    syncResize: [Boolean, String, Number],
+    scrollY: Object
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      scrollYLoad: false,
+      bodyHeight: 0,
+      rowHeight: 0,
+      topSpaceHeight: 0,
+      items: []
+    };
+    var internalData = {
+      resizeObserver: undefined,
+      fullData: [],
+      lastScrollLeft: 0,
+      lastScrollTop: 0,
+      scrollYStore: {
+        startIndex: 0,
+        endIndex: 0,
+        visibleSize: 0,
+        offsetSize: 0,
+        rowHeight: 0
+      }
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      internalData: internalData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeSYOpts: function computeSYOpts() {
+      var $xeList = this;
+      var props = $xeList;
+      return Object.assign({}, (0, _ui.getConfig)().list.scrollY, props.scrollY);
+    },
+    computeStyles: function computeStyles() {
+      var $xeList = this;
+      var props = $xeList;
+      var height = props.height,
+        maxHeight = props.maxHeight;
+      var style = {};
+      if (height) {
+        style.height = "".concat(isNaN(height) ? height : "".concat(height, "px"));
+      } else if (maxHeight) {
+        style.height = 'auto';
+        style.maxHeight = "".concat(isNaN(maxHeight) ? maxHeight : "".concat(maxHeight, "px"));
+      }
+      return style;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeList = this;
+      $xeList.$emit(type, (0, _ui.createEvent)(evnt, {
+        $list: $xeList
+      }, params));
+    },
+    /**
+       * 加载数据
+       * @param {Array} datas 数据
+       */
+    loadData: function loadData(datas) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var scrollYStore = internalData.scrollYStore;
+      var sYOpts = $xeList.computeSYOpts;
+      var 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(function () {
+        $xeList.refreshScroll();
+      });
+    },
+    /**
+     * 重新加载数据
+     * @param {Array} datas 数据
+     */
+    reloadData: function reloadData(datas) {
+      var $xeList = this;
+      $xeList.clearScroll();
+      return $xeList.loadData(datas);
+    },
+    updateYSpace: function updateYSpace() {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var scrollYLoad = reactData.scrollYLoad;
+      var scrollYStore = internalData.scrollYStore,
+        fullData = internalData.fullData;
+      reactData.bodyHeight = scrollYLoad ? fullData.length * scrollYStore.rowHeight : 0;
+      reactData.topSpaceHeight = scrollYLoad ? Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0) : 0;
+    },
+    handleData: function handleData() {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var scrollYLoad = reactData.scrollYLoad;
+      var fullData = internalData.fullData,
+        scrollYStore = internalData.scrollYStore;
+      reactData.items = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+      return $xeList.$nextTick();
+    },
+    updateYData: function updateYData() {
+      var $xeList = this;
+      $xeList.handleData();
+      $xeList.updateYSpace();
+    },
+    computeScrollLoad: function computeScrollLoad() {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      return $xeList.$nextTick().then(function () {
+        var scrollYLoad = reactData.scrollYLoad;
+        var scrollYStore = internalData.scrollYStore;
+        var virtualBodyElem = $xeList.$refs.refVirtualBody;
+        var sYOpts = $xeList.computeSYOpts;
+        var rowHeight = 0;
+        var 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) {
+          var scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+          var visibleYSize = Math.max(8, Math.ceil(scrollBodyElem.clientHeight / rowHeight));
+          var offsetYSize = sYOpts.oSize ? _xeUtils.default.toNumber(sYOpts.oSize) : _dom.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: function clearScroll() {
+      var $xeList = this;
+      var scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+      if (scrollBodyElem) {
+        scrollBodyElem.scrollTop = 0;
+      }
+      return $xeList.$nextTick();
+    },
+    /**
+     * 如果有滚动条，则滚动到对应的位置
+     * @param {Number} scrollLeft 左距离
+     * @param {Number} scrollTop 上距离
+     */
+    scrollTo: function scrollTo(scrollLeft, scrollTop) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var scrollBodyElem = $xeList.$refs.refVirtualWrapper;
+      if (_xeUtils.default.isNumber(scrollLeft)) {
+        scrollBodyElem.scrollLeft = scrollLeft;
+      }
+      if (_xeUtils.default.isNumber(scrollTop)) {
+        scrollBodyElem.scrollTop = scrollTop;
+      }
+      if (reactData.scrollYLoad) {
+        return new Promise(function (resolve) {
+          setTimeout(function () {
+            $xeList.$nextTick(function () {
+              resolve();
+            });
+          }, 50);
+        });
+      }
+      return $xeList.$nextTick();
+    },
+    /**
+     * 刷新滚动条
+     */
+    refreshScroll: function refreshScroll() {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var lastScrollLeft = internalData.lastScrollLeft,
+        lastScrollTop = internalData.lastScrollTop;
+      return $xeList.clearScroll().then(function () {
+        if (lastScrollLeft || lastScrollTop) {
+          internalData.lastScrollLeft = 0;
+          internalData.lastScrollTop = 0;
+          return scrollTo(lastScrollLeft, lastScrollTop);
+        }
+      });
+    },
+    /**
+     * 重新计算列表
+     */
+    recalculate: function recalculate() {
+      var $xeList = this;
+      var el = $xeList.$refs.refElem;
+      if (el.clientWidth && el.clientHeight) {
+        return $xeList.computeScrollLoad();
+      }
+      return Promise.resolve();
+    },
+    loadYData: function loadYData(evnt) {
+      var $xeList = this;
+      var internalData = $xeList.internalData;
+      var scrollYStore = internalData.scrollYStore;
+      var startIndex = scrollYStore.startIndex,
+        endIndex = scrollYStore.endIndex,
+        visibleSize = scrollYStore.visibleSize,
+        offsetSize = scrollYStore.offsetSize,
+        rowHeight = scrollYStore.rowHeight;
+      var scrollBodyElem = evnt.target;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var toVisibleIndex = Math.floor(scrollTop / rowHeight);
+      var offsetStartIndex = Math.max(0, toVisibleIndex - 1 - offsetSize);
+      var 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: function scrollEvent(evnt) {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      var internalData = $xeList.internalData;
+      var scrollBodyElem = evnt.target;
+      var scrollTop = scrollBodyElem.scrollTop;
+      var scrollLeft = scrollBodyElem.scrollLeft;
+      var isX = scrollLeft !== internalData.lastScrollLeft;
+      var isY = scrollTop !== internalData.lastScrollTop;
+      internalData.lastScrollTop = scrollTop;
+      internalData.lastScrollLeft = scrollLeft;
+      if (reactData.scrollYLoad) {
+        $xeList.loadYData(evnt);
+      }
+      $xeList.dispatchEvent('scroll', {
+        scrollLeft: scrollLeft,
+        scrollTop: scrollTop,
+        isX: isX,
+        isY: isY
+      }, evnt);
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeList = this;
+      var props = $xeList;
+      var reactData = $xeList.reactData;
+      var slots = $xeList.$scopedSlots;
+      var className = props.className,
+        loading = props.loading;
+      var bodyHeight = reactData.bodyHeight,
+        topSpaceHeight = reactData.topSpaceHeight,
+        items = reactData.items;
+      var defaultSlot = slots.default;
+      var vSize = $xeList.computeSize;
+      var styles = $xeList.computeStyles;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-list', className ? _xeUtils.default.isFunction(className) ? className({
+          $list: $xeList
+        }) : className : '', _defineProperty(_defineProperty({}, "size--".concat(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 ? "".concat(bodyHeight, "px") : ''
+        }
+      }), h('div', {
+        ref: 'refVirtualBody',
+        class: 'vxe-list--body',
+        style: {
+          marginTop: topSpaceHeight ? "".concat(topSpaceHeight, "px") : ''
+        }
+      }, defaultSlot ? defaultSlot({
+        items: items,
+        $list: $xeList
+      }) : [])]),
+      /**
+       * 加载中
+       */
+      h(_loading.default, {
+        class: 'vxe-list--loading',
+        props: {
+          value: loading
+        }
+      })]);
+    }
+  },
+  watch: {
+    data: function data() {
+      var $xeList = this;
+      var props = $xeList;
+      $xeList.loadData(props.data || []);
+    },
+    syncResize: function syncResize(val) {
+      var $xeList = this;
+      if (val) {
+        $xeList.recalculate();
+        $xeList.$nextTick(function () {
+          return setTimeout(function () {
+            return $xeList.recalculate();
+          });
+        });
+      }
+    }
+  },
+  created: function created() {
+    var $xeList = this;
+    var props = $xeList;
+    _ui.globalEvents.on($xeList, 'resize', function () {
+      $xeList.recalculate();
+    });
+    $xeList.loadData(props.data || []);
+  },
+  mounted: function mounted() {
+    var $xeList = this;
+    var props = $xeList;
+    var internalData = $xeList.internalData;
+    if (props.autoResize) {
+      var el = $xeList.$refs.refElem;
+      var resizeObserver = _ui.globalResize.create(function () {
+        return $xeList.recalculate();
+      });
+      resizeObserver.observe(el);
+      internalData.resizeObserver = resizeObserver;
+    }
+  },
+  activated: function activated() {
+    var $xeList = this;
+    $xeList.recalculate().then(function () {
+      return $xeList.refreshScroll();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeList = this;
+    var internalData = $xeList.internalData;
+    var resizeObserver = internalData.resizeObserver;
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+    }
+    _ui.globalEvents.off($xeList, 'resize');
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});

package/lib/list/src/list.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,r){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0===r)return("string"===e?String:Number)(t);r=r.call(t,e||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",mixins:[_ui.globalMixins.sizeMixin],props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:function(){return(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size}},autoResize:{type:Boolean,default:function(){return(0,_ui.getConfig)().list.autoResize}},syncResize:[Boolean,String,Number],scrollY:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]},internalData:{resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}}}},computed:Object.assign(Object.assign({},{}),{computeSYOpts:function(){return Object.assign({},(0,_ui.getConfig)().list.scrollY,this.scrollY)},computeStyles:function(){var t=this.height,e=this.maxHeight,r={};return t?r.height="".concat(isNaN(t)?t:"".concat(t,"px")):e&&(r.height="auto",r.maxHeight="".concat(isNaN(e)?e:"".concat(e,"px"))),r}}),methods:{dispatchEvent:function(t,e,r){this.$emit(t,(0,_ui.createEvent)(r,{$list:this},e))},loadData:function(t){var e=this,r=e.reactData,i=e.internalData,a=i.scrollYStore,o=e.computeSYOpts,t=t||[];return Object.assign(a,{startIndex:0,endIndex:1,visibleSize:0}),i.fullData=t,r.scrollYLoad=!!o.enabled&&-1<o.gt&&(0===o.gt||o.gt<=t.length),e.handleData(),e.computeScrollLoad().then(function(){e.refreshScroll()})},reloadData:function(t){return this.clearScroll(),this.loadData(t)},updateYSpace:function(){var t=this.reactData,e=this.internalData,r=t.scrollYLoad,i=e.scrollYStore;t.bodyHeight=r?e.fullData.length*i.rowHeight:0,t.topSpaceHeight=r?Math.max(i.startIndex*i.rowHeight,0):0},handleData:function(){var t=this,e=t.reactData,r=t.internalData,i=e.scrollYLoad,a=r.fullData,r=r.scrollYStore;return e.items=i?a.slice(r.startIndex,r.endIndex):a.slice(0),t.$nextTick()},updateYData:function(){this.handleData(),this.updateYSpace()},computeScrollLoad:function(){var l=this,n=l.reactData,s=l.internalData;return l.$nextTick().then(function(){var t,e=n.scrollYLoad,r=s.scrollYStore,i=l.$refs.refVirtualBody,a=l.computeSYOpts,o=0;(t=i?(t=a.sItem?i.querySelector(a.sItem):t)||i.children[0]:t)&&(o=t.offsetHeight),o=Math.max(20,o),r.rowHeight=o,e?(i=l.$refs.refVirtualWrapper,t=Math.max(8,Math.ceil(i.clientHeight/o)),e=a.oSize?_xeUtils.default.toNumber(a.oSize):_dom.browse.edge?10:0,r.offsetSize=e,r.visibleSize=t,r.endIndex=Math.max(r.startIndex,t+e,r.endIndex),l.updateYData()):l.updateYSpace(),n.rowHeight=o})},clearScroll:function(){var t=this.$refs.refVirtualWrapper;return t&&(t.scrollTop=0),this.$nextTick()},scrollTo:function(t,e){var r=this,i=r.reactData,a=r.$refs.refVirtualWrapper;return _xeUtils.default.isNumber(t)&&(a.scrollLeft=t),_xeUtils.default.isNumber(e)&&(a.scrollTop=e),i.scrollYLoad?new Promise(function(t){setTimeout(function(){r.$nextTick(function(){t()})},50)}):r.$nextTick()},refreshScroll:function(){var t=this.internalData,e=t.lastScrollLeft,r=t.lastScrollTop;return this.clearScroll().then(function(){if(e||r)return t.lastScrollLeft=0,t.lastScrollTop=0,scrollTo(e,r)})},recalculate:function(){var t=this.$refs.refElem;return t.clientWidth&&t.clientHeight?this.computeScrollLoad():Promise.resolve()},loadYData:function(t){var e=this.internalData.scrollYStore,r=e.startIndex,i=e.endIndex,a=e.visibleSize,o=e.offsetSize,t=t.target.scrollTop,t=Math.floor(t/e.rowHeight),l=Math.max(0,t-1-o),o=t+a+o;!(t<=r||i-a-1<=t)||r===l&&i===o||(e.startIndex=l,e.endIndex=o,this.updateYData())},scrollEvent:function(t){var e=this.reactData,r=this.internalData,i=t.target,a=i.scrollTop,i=i.scrollLeft,o=i!==r.lastScrollLeft,l=a!==r.lastScrollTop;r.lastScrollTop=a,r.lastScrollLeft=i,e.scrollYLoad&&this.loadYData(t),this.dispatchEvent("scroll",{scrollLeft:i,scrollTop:a,isX:o,isY:l},t)},renderVN:function(t){var e=this,r=e.reactData,i=e.className,a=e.loading,o=r.bodyHeight,l=r.topSpaceHeight,r=r.items,n=e.$scopedSlots.default,s=e.computeSize,c=e.computeStyles;return t("div",{ref:"refElem",class:["vxe-list",i?_xeUtils.default.isFunction(i)?i({$list:e}):i:"",_defineProperty(_defineProperty({},"size--".concat(s),s),"is--loading",a)]},[t("div",{ref:"refVirtualWrapper",class:"vxe-list--virtual-wrapper",style:c,on:{scroll:e.scrollEvent}},[t("div",{class:"vxe-list--y-space",style:{height:o?"".concat(o,"px"):""}}),t("div",{ref:"refVirtualBody",class:"vxe-list--body",style:{marginTop:l?"".concat(l,"px"):""}},n?n({items:r,$list:e}):[])]),t(_loading.default,{class:"vxe-list--loading",props:{value:a}})])}},watch:{data:function(){this.loadData(this.data||[])},syncResize:function(t){var e=this;t&&(e.recalculate(),e.$nextTick(function(){return setTimeout(function(){return e.recalculate()})}))}},created:function(){var t=this,e=t;_ui.globalEvents.on(t,"resize",function(){t.recalculate()}),t.loadData(e.data||[])},mounted:function(){var t,e,r=this,i=r.internalData;r.autoResize&&(t=r.$refs.refElem,(e=_ui.globalResize.create(function(){return r.recalculate()})).observe(t),i.resizeObserver=e)},activated:function(){var t=this;t.recalculate().then(function(){return t.refreshScroll()})},beforeDestroy:function(){var t=this.internalData.resizeObserver;t&&t.disconnect(),_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});

package/lib/list/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/list/style/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/lib/list/style/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/lib/loading/src/loading.js

@@ -88,6 +88,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $loading: $xeLoading
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeLoading = this;
+      $xeLoading.$emit('input', value);
+      $xeLoading.$emit('modelValue', value);
+    },
     handleInit: function handleInit() {
       var $xeLoading = this;
       var reactData = $xeLoading.reactData;

package/lib/loading/src/loading.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLoading",mixins:[_ui.globalMixins.sizeMixin],props:{value:Boolean,icon:{type:String,default:function(){return(0,_ui.getConfig)().loading.icon}},showIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().loading.showIcon}},text:{type:String,default:function(){return(0,_ui.getConfig)().loading.text}},showText:{type:Boolean,default:function(){return(0,_ui.getConfig)().loading.showText}},status:String,size:{type:String,default:function(){return(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1}}},computed:Object.assign(Object.assign({},{}),{computeLoadingIcon:function(){return this.icon||(0,_ui.getIcon)().LOADING},computeLoadingText:function(){var e=this.text;return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}}),watch:{value:function(){this.handleInit()}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$loading:this},t))},handleInit:function(){var e=this.reactData;e.initialized||(e.initialized=!!e.initialized)},renderVN:function(e){var t=this,i=t.$scopedSlots,n=t.value,o=t.showIcon,r=t.status,u=t.reactData.initialized,a=t.computeSize,l=i.default,c=i.text,i=i.icon,s=t.computeLoadingIcon,d=t.computeLoadingText;return u||n?e("div",{class:["vxe-loading",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"theme--".concat(r),r),"is--visible",n)]},l?[e("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(l({})))]:[e("div",{class:"vxe-loading--chunk"},[o&&(i||s)?e("div",{class:"vxe-loading--icon"},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:s})]):e("div",{class:"vxe-loading--spinner"}),c||d?e("div",{class:"vxe-loading--text"},c?(0,_vn.getSlotVNs)(c({})):"".concat(d)):null])]):(0,_ui.renderEmptyElement)(t)}},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLoading",mixins:[_ui.globalMixins.sizeMixin],props:{value:Boolean,icon:{type:String,default:function(){return(0,_ui.getConfig)().loading.icon}},showIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().loading.showIcon}},text:{type:String,default:function(){return(0,_ui.getConfig)().loading.text}},showText:{type:Boolean,default:function(){return(0,_ui.getConfig)().loading.showText}},status:String,size:{type:String,default:function(){return(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1}}},computed:Object.assign(Object.assign({},{}),{computeLoadingIcon:function(){return this.icon||(0,_ui.getIcon)().LOADING},computeLoadingText:function(){var e=this.text;return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}}),watch:{value:function(){this.handleInit()}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$loading:this},t))},emitModel:function(e){this.$emit("input",e),this.$emit("modelValue",e)},handleInit:function(){var e=this.reactData;e.initialized||(e.initialized=!!e.initialized)},renderVN:function(e){var t=this,i=t.$scopedSlots,n=t.value,o=t.showIcon,r=t.status,u=t.reactData.initialized,a=t.computeSize,l=i.default,c=i.text,i=i.icon,s=t.computeLoadingIcon,d=t.computeLoadingText;return u||n?e("div",{class:["vxe-loading",_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"theme--".concat(r),r),"is--visible",n)]},l?[e("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(l({})))]:[e("div",{class:"vxe-loading--chunk"},[o&&(i||s)?e("div",{class:"vxe-loading--icon"},i?(0,_vn.getSlotVNs)(i({})):[e("i",{class:s})]):e("div",{class:"vxe-loading--spinner"}),c||d?e("div",{class:"vxe-loading--text"},c?(0,_vn.getSlotVNs)(c({})):"".concat(d)):null])]):(0,_ui.renderEmptyElement)(t)}},render:function(e){return this.renderVN(e)}});

package/lib/menu/src/menu.js

@@ -93,6 +93,11 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
         $menu: $xeMenu
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeMenu = this;
+      $xeMenu.$emit('input', value);
+      $xeMenu.$emit('modelValue', value);
+    },
     getMenuTitle: function getMenuTitle(item) {
       return "".concat(item.title || item.name);
     },
@@ -192,8 +197,7 @@ var _default2 = exports.default = (0, _comp.defineVxeComponent)({
       if (routerLink) {
         var value = item.itemKey;
         reactData.activeName = value;
-        $xeMenu.$emit('input', value);
-        $xeMenu.$emit('modelValue', value);
+        $xeMenu.emitModel(value);
       } else {
         if (hasChild) {
           $xeMenu.handleClickIconCollapse(evnt, item);