vxe-pc-ui 3.14.27 → 3.14.28

package/lib/vxe-date-panel/style/style.css

@@ -186,6 +186,7 @@
 }
 
 .vxe-date-panel--view-item {
+  position: relative;
   padding: 0.2em;
 }
 .vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner, .vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner {
@@ -228,6 +229,9 @@
 .vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before {
   background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
 }
+.vxe-date-panel--view-item.is--range-selected {
+  background-color: var(--vxe-ui-font-primary-tinge-color);
+}
 .vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner {
   color: var(--vxe-ui-input-disabled-color);
   background-color: inherit;

package/lib/vxe-date-panel/style/style.min.css

@@ -1 +1 @@
-.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--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-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;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-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-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-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--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-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;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-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-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-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.14.27",
+  "version": "3.14.28",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/date-panel/src/date-panel.ts

@@ -22,6 +22,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       default: 'date' as VxeDatePanelPropTypes.Type
     },
     className: String as PropType<VxeDatePanelPropTypes.ClassName>,
+    cellClassName: [String, Function] as PropType<VxeDatePanelPropTypes.CellClassName>,
     size: {
       type: String as PropType<VxeDatePanelPropTypes.Size>,
       default: () => getConfig().datePanel.size || getConfig().size
@@ -1435,7 +1436,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeDatePanel
       const reactData = $xeDatePanel.reactData
 
-      const { multiple } = props
+      const { type, multiple, cellClassName } = props
       const { datePanelType, datePanelValue } = reactData
       const dateValue = $xeDatePanel.computeDateValue
       const dateHeaders = $xeDatePanel.computeDateHeaders
@@ -1480,7 +1481,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             }, rows.map((item) => {
               const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat)
               return h('div', {
-                class: ['vxe-date-panel--view-item', {
+                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                   'is--prev': item.isPrev,
                   'is--current': item.isCurrent,
                   'is--now': item.isNow,
@@ -1514,7 +1515,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeDatePanel
       const reactData = $xeDatePanel.reactData
 
-      const { multiple } = props
+      const { type, multiple, cellClassName } = props
       const { datePanelType, datePanelValue } = reactData
       const dateValue = $xeDatePanel.computeDateValue
       const weekHeaders = $xeDatePanel.computeWeekHeaders
@@ -1561,7 +1562,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
               }
             }, rows.map((item, rIndex) => {
               return h('div', {
-                class: ['vxe-date-panel--view-item', {
+                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                   'is--prev': item.isPrev,
                   'is--current': item.isCurrent,
                   'is--now': rIndex ? item.isNow : isNowWeek,
@@ -1595,7 +1596,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeDatePanel
       const reactData = $xeDatePanel.reactData
 
-      const { multiple } = props
+      const { type, multiple, cellClassName } = props
       const { datePanelType, datePanelValue } = reactData
       const dateValue = $xeDatePanel.computeDateValue
       const monthDatas = $xeDatePanel.computeMonthDatas
@@ -1617,7 +1618,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             }, rows.map((item) => {
               const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat)
               return h('div', {
-                class: ['vxe-date-panel--view-item', {
+                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                   'is--prev': item.isPrev,
                   'is--current': item.isCurrent,
                   'is--now': item.isNow,
@@ -1651,7 +1652,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeDatePanel
       const reactData = $xeDatePanel.reactData
 
-      const { multiple } = props
+      const { type, multiple, cellClassName } = props
       const { datePanelType, datePanelValue } = reactData
       const dateValue = $xeDatePanel.computeDateValue
       const quarterDatas = $xeDatePanel.computeQuarterDatas
@@ -1673,7 +1674,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             }, rows.map((item) => {
               const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat)
               return h('div', {
-                class: ['vxe-date-panel--view-item', {
+                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                   'is--prev': item.isPrev,
                   'is--current': item.isCurrent,
                   'is--now': item.isNow,
@@ -1707,7 +1708,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeDatePanel
       const reactData = $xeDatePanel.reactData
 
-      const { multiple } = props
+      const { type, multiple, cellClassName } = props
       const { datePanelType, datePanelValue } = reactData
       const dateValue = $xeDatePanel.computeDateValue
       const yearDatas = $xeDatePanel.computeYearDatas
@@ -1729,7 +1730,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
             }, rows.map((item) => {
               const isSelected = multiple ? dateListValue.some(val => XEUtils.isDateSame(val, item.date, matchFormat)) : XEUtils.isDateSame(dateValue, item.date, matchFormat)
               return h('div', {
-                class: ['vxe-date-panel--view-item', {
+                class: ['vxe-date-panel--view-item', cellClassName ? (XEUtils.isFunction(cellClassName) ? `${cellClassName({ $datePanel: $xeDatePanel, type, viewType: datePanelType, date: item.date }) || ''}` : `${cellClassName || ''}`) : '', {
                   'is--prev': item.isPrev,
                   'is--current': item.isCurrent,
                   'is--now': item.isNow,

package/packages/date-range-picker/src/date-range-picker.ts

@@ -639,6 +639,22 @@ export default /* define-vxe-component start */ defineVxeComponent({
         }
       }
     },
+    panelCellClassName ({ date }: { date: Date }) {
+      const $xeDateRangePicker = this
+      const reactData = $xeDateRangePicker.reactData
+
+      const startValue = reactData.startValue
+      const endValue = reactData.endValue
+      if (startValue && endValue) {
+        const currTime = date.getTime()
+        const startTime = XEUtils.toStringDate(startValue).getTime()
+        const endTime = XEUtils.toStringDate(endValue).getTime()
+        if (currTime >= startTime && currTime <= endTime) {
+          return 'is--range-selected'
+        }
+      }
+      return ''
+    },
     handleSelectClose () {
       const $xeDateRangePicker = this
       const props = $xeDateRangePicker
@@ -1187,6 +1203,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
                         timeConfig: timeOpts,
                         festivalMethod: props.festivalMethod,
                         disabledMethod: props.disabledMethod,
+                        cellClassName: $xeDateRangePicker.panelCellClassName,
                         selectDay: props.selectDay
                       },
                       on: {
@@ -1211,6 +1228,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
                         timeConfig: timeOpts,
                         festivalMethod: props.festivalMethod,
                         disabledMethod: props.disabledMethod,
+                        cellClassName: $xeDateRangePicker.panelCellClassName,
                         selectDay: props.selectDay
                       },
                       on: {

package/packages/select/src/select.ts

@@ -58,7 +58,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   props: {
     value: [String, Number, Boolean, Array] as PropType<VxeSelectPropTypes.ModelValue>,
     defaultConfig: Object as PropType<VxeSelectPropTypes.DefaultConfig>,
-    clearable: Boolean as PropType<VxeSelectPropTypes.Clearable>,
+    clearable: {
+      type: Boolean as PropType<VxeSelectPropTypes.Clearable>,
+      default: () => getConfig().select.clearable
+    },
     placeholder: String as PropType<VxeSelectPropTypes.Placeholder>,
     readonly: {
       type: Boolean as PropType<VxeSelectPropTypes.Readonly>,

package/packages/table-select/src/table-select.ts

@@ -35,7 +35,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   props: {
     value: [String, Number, Array] as PropType<VxeTableSelectPropTypes.ModelValue>,
-    clearable: Boolean as PropType<VxeTableSelectPropTypes.Clearable>,
+    clearable: {
+      type: Boolean as PropType<VxeTableSelectPropTypes.Clearable>,
+      default: getConfig().tableSelect.clearable
+    },
     placeholder: {
       type: String as PropType<VxeTableSelectPropTypes.Placeholder>,
       default: () => XEUtils.eqNull(getConfig().tableSelect.placeholder) ? getI18n('vxe.base.pleaseSelect') : getConfig().tableSelect.placeholder

package/packages/tree-select/src/tree-select.ts

@@ -55,7 +55,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   },
   props: {
     value: [String, Number, Array] as PropType<VxeTreeSelectPropTypes.ModelValue>,
-    clearable: Boolean as PropType<VxeTreeSelectPropTypes.Clearable>,
+    clearable: {
+      type: Boolean as PropType<VxeTreeSelectPropTypes.Clearable>,
+      default: getConfig().treeSelect.clearable
+    },
     placeholder: {
       type: String as PropType<VxeTreeSelectPropTypes.Placeholder>,
       default: () => XEUtils.eqNull(getConfig().treeSelect.placeholder) ? getI18n('vxe.base.pleaseSelect') : getConfig().treeSelect.placeholder

package/packages/upload/src/upload.ts

@@ -66,6 +66,51 @@ function hideDropTip ($xeUpload: VxeUploadConstructor) {
   }
 }
 
+const handleClearFile = ($xeUpload: VxeUploadConstructor, evnt: Event | null) => {
+  const reactData = $xeUpload.reactData
+
+  const { fileList } = reactData
+  const urlProp = $xeUpload.computeUrlProp
+  const rest: Promise<{
+    url: string
+    status: boolean
+  }>[] = []
+  XEUtils.lastEach(fileList, (item, index) => {
+    rest.push(
+      $xeUpload.removeFileEvent(evnt, item, index).then(status => {
+        return { url: item[urlProp], status }
+      })
+    )
+  })
+  return Promise.all(rest)
+}
+
+function handleRemoveFile ($xeUpload: VxeUploadConstructor, evnt: Event | null, urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null) {
+  const reactData = $xeUpload.reactData
+
+  const { fileList } = reactData
+  const urlProp = $xeUpload.computeUrlProp
+  const urls = (XEUtils.isArray(urlOrItem) ? urlOrItem : [urlOrItem])
+  const rest: Promise<{
+    url: string
+    status: boolean
+  }>[] = []
+  urls.forEach((obj: any) => {
+    if (obj) {
+      const url = XEUtils.isString(obj) ? obj : obj[urlProp]
+      const index = XEUtils.findIndexOf(fileList, fileItem => fileItem[urlProp] === url)
+      if (index > -1) {
+        rest.push(
+          $xeUpload.removeFileEvent(evnt, fileList[index], index).then(status => {
+            return { url: url, status }
+          })
+        )
+      }
+    }
+  })
+  return Promise.all(rest)
+}
+
 function createReactData (): UploadReactData {
   return {
     isDragUploadStatus: false,
@@ -528,6 +573,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeUpload = this
       return $xeUpload.handleChoose(null)
     },
+    clear () {
+      const $xeUpload = this
+
+      return handleClearFile($xeUpload, null)
+    },
+    clearByEvent (evnt: Event) {
+      const $xeUpload = this
+
+      return handleClearFile($xeUpload, evnt)
+    },
     getPendingFiles () {
       const $xeUpload = this
       const reactData = $xeUpload.reactData
@@ -611,6 +666,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       return $xeUpload.$nextTick()
     },
+    remove (urlOrItem: string | string[] | VxeUploadDefines.FileObjItem | VxeUploadDefines.FileObjItem[] | null) {
+      const $xeUpload = this
+
+      return handleRemoveFile($xeUpload, null, urlOrItem)
+    },
+    removeByEvent (evnt: Event, urlOrItem: string | string[] | VxeUploadDefines.FileObjItem | VxeUploadDefines.FileObjItem[] | null) {
+      const $xeUpload = this
+
+      return handleRemoveFile($xeUpload, evnt, urlOrItem)
+    },
     getFieldKey  (item: VxeUploadDefines.FileObjItem) {
       const $xeUpload = this
 
@@ -1040,7 +1105,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         // 错误文件类型
       })
     },
-    handleRemoveEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem, index: number) {
+    handleRemoveEvent  (evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number) {
       const $xeUpload = this
       const reactData = $xeUpload.reactData
       const $xeForm = $xeUpload.$xeForm
@@ -1051,17 +1116,19 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeUpload.handleChange(fileList)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
-        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList)
+        $xeForm.triggerItemEvent(evnt || { type: 'remove' }, formItemInfo.itemConfig.field, fileList)
+      }
+      if (evnt) {
+        $xeUpload.dispatchEvent('remove', { option: item }, evnt)
       }
-      $xeUpload.dispatchEvent('remove', { option: item }, evnt)
     },
-    removeFileEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem, index: number) {
+    removeFileEvent  (evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number) {
       const $xeUpload = this
       const props = $xeUpload
 
       const beforeRemoveFn = props.beforeRemoveMethod || getConfig().upload.beforeRemoveMethod
       const removeFn = props.removeMethod || getConfig().upload.removeMethod
-      Promise.resolve(
+      return Promise.resolve(
         beforeRemoveFn
           ? beforeRemoveFn({
             $upload: $xeUpload,
@@ -1085,6 +1152,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         } else {
           $xeUpload.dispatchEvent('remove-fail', { option: item }, evnt)
         }
+        return status
       })
     },
     handleDownloadEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem) {

package/styles/components/date-panel.scss

@@ -187,6 +187,7 @@
   flex-direction: row;
 }
 .vxe-date-panel--view-item {
+  position: relative;
   padding: 0.2em;
   &.is--prev,
   &.is--next {
@@ -246,6 +247,9 @@
       }
     }
   }
+  &.is--range-selected {
+    background-color: var(--vxe-ui-font-primary-tinge-color);
+  }
   &.is--range-disabled {
     .vxe-date-panel--view-item-inner {
       color: var(--vxe-ui-input-disabled-color);

package/types/components/date-panel.d.ts

@@ -19,6 +19,12 @@ export namespace VxeDatePanelPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | Date | null
   export type ClassName = string
+  export type CellClassName = string | ((params: {
+    $datePanel: VxeDatePanelConstructor
+    type: string
+    viewType: VxeDatePanelDefines.DatePanelType
+    date: Date
+  }) => string)
   export type Type = 'date' | 'time' | 'datetime' | 'week' | 'month' | 'quarter' | 'year'
   export type Multiple = boolean
   export type LimitCount = string | number
@@ -68,6 +74,7 @@ export interface VxeDatePanelProps {
   size?: VxeDatePanelPropTypes.Size
   value?: VxeDatePanelPropTypes.ModelValue
   className?: VxeDatePanelPropTypes.ClassName
+  cellClassName?: VxeDatePanelPropTypes.CellClassName
   type?: VxeDatePanelPropTypes.Type
   multiple?: VxeDatePanelPropTypes.Multiple
   limitCount?: VxeDatePanelPropTypes.LimitCount

package/types/components/upload.d.ts

@@ -212,6 +212,7 @@ export interface VxeUploadProps {
 }
 
 export interface UploadPrivateComputed {
+  computeUrlProp: string
 }
 export interface VxeUploadPrivateComputed extends UploadPrivateComputed { }
 
@@ -251,6 +252,20 @@ export interface UploadMethods {
    * 用于 auto-upload 模式，手动调用上传附件；如果传 true，这包含未上传和上传失败的都会重新提交
    */
   submit(isFull?: boolean): Promise<void>
+  /**
+   * 清除所有文件
+   */
+  clear(): Promise<{
+    url: string
+    status: boolean
+  }[]>
+  /**
+   * 区别就是会触发对应的事件
+   */
+  clearByEvent(event: Event): Promise<{
+    url: string
+    status: boolean
+  }[]>
   /**
    * 获取更多弹窗的可视状态
    */
@@ -267,8 +282,28 @@ export interface UploadMethods {
    * 关闭更多弹窗
    */
   closeMore(): Promise<void>
+  /**
+   * 删除指定文件
+   */
+  remove(urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null): Promise<{
+    url: string
+    status: boolean
+  }[]>
+  /**
+   * 区别就是会触发对应的事件
+   */
+  removeByEvent(event: Event, urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null): Promise<{
+    url: string
+    status: boolean
+  }[]>
+}
+export interface VxeUploadMethods extends UploadMethods {
+  /**
+   * 内部方法
+   * @private
+   */
+  removeFileEvent(evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number): Promise<any>
 }
-export interface VxeUploadMethods extends UploadMethods { }
 
 export interface UploadPrivateMethods { }
 export interface VxeUploadPrivateMethods extends UploadPrivateMethods { }