vxe-table 4.2.2 → 4.2.4-beta.0

package/lib/input/style/style.css

@@ -271,7 +271,10 @@
 .vxe-input--time-picker-confirm {
   position: absolute;
   right: 0;
-  top: 0;
+  top: 0; }
+
+.vxe-input--time-picker-confirm,
+.vxe-input--date-picker-confirm {
   outline: 0;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
@@ -279,10 +282,12 @@
   color: #fff;
   border-color: #409eff;
   background-color: #409eff; }
-  .vxe-input--time-picker-confirm:hover {
+  .vxe-input--time-picker-confirm:hover,
+  .vxe-input--date-picker-confirm:hover {
     background-color: #5faeff;
     border-color: #5faeff; }
-  .vxe-input--time-picker-confirm:active {
+  .vxe-input--time-picker-confirm:active,
+  .vxe-input--date-picker-confirm:active {
     background-color: #3196ff;
     border-color: #3196ff; }
 
@@ -316,8 +321,6 @@
 .vxe-input--date-picker-btn {
   display: inline-block;
   display: flex;
-  border-radius: 4px;
-  border: 1px solid #dcdfe6;
   align-items: center;
   justify-content: center;
   background-color: #fff; }
@@ -370,6 +373,8 @@
   .vxe-input--date-picker-body td.is--selected {
     color: #fff;
     background-color: #409eff; }
+    .vxe-input--date-picker-body td.is--selected.is--prev, .vxe-input--date-picker-body td.is--selected.is--next {
+      background-color: #73b8ff; }
     .vxe-input--date-picker-body td.is--selected .vxe-input--date-label,
     .vxe-input--date-picker-body td.is--selected .vxe-input--date-festival {
       color: #fff; }
@@ -558,8 +563,13 @@
     height: 30px;
     line-height: 30px; }
   .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-    width: 30px;
     margin-left: 8px; }
+  .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+  .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 {
+    width: 30px;
+    border-radius: 4px;
+    border: 1px solid #dcdfe6; }
   .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
   .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn {
     padding: 0 9px; }
@@ -590,7 +600,8 @@
     height: 48px; }
   .vxe-input--panel .vxe-input--date-picker-body th {
     height: 30px; }
-  .vxe-input--panel .vxe-input--time-picker-confirm {
+  .vxe-input--panel .vxe-input--time-picker-confirm,
+  .vxe-input--panel .vxe-input--date-picker-confirm {
     height: 30px;
     padding: 0 9px; }
   .vxe-input--panel .vxe-input--date-label {
@@ -621,8 +632,13 @@
       height: 29px;
       line-height: 29px; }
     .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-      width: 29px;
       margin-left: 7px; }
+    .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+    .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 {
+      width: 29px;
+      border-radius: 4px;
+      border: 1px solid #dcdfe6; }
     .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
     .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn {
       padding: 0 8px; }
@@ -653,7 +669,8 @@
       height: 46px; }
     .vxe-input--panel.size--medium .vxe-input--date-picker-body th {
       height: 29px; }
-    .vxe-input--panel.size--medium .vxe-input--time-picker-confirm {
+    .vxe-input--panel.size--medium .vxe-input--time-picker-confirm,
+    .vxe-input--panel.size--medium .vxe-input--date-picker-confirm {
       height: 29px;
       padding: 0 8px; }
     .vxe-input--panel.size--medium .vxe-input--date-label {
@@ -684,8 +701,13 @@
       height: 28px;
       line-height: 28px; }
     .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-      width: 28px;
       margin-left: 6px; }
+    .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+    .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 {
+      width: 28px;
+      border-radius: 4px;
+      border: 1px solid #dcdfe6; }
     .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
     .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn {
       padding: 0 7px; }
@@ -716,7 +738,8 @@
       height: 44px; }
     .vxe-input--panel.size--small .vxe-input--date-picker-body th {
       height: 28px; }
-    .vxe-input--panel.size--small .vxe-input--time-picker-confirm {
+    .vxe-input--panel.size--small .vxe-input--time-picker-confirm,
+    .vxe-input--panel.size--small .vxe-input--date-picker-confirm {
       height: 28px;
       padding: 0 7px; }
     .vxe-input--panel.size--small .vxe-input--date-label {
@@ -747,8 +770,13 @@
       height: 27px;
       line-height: 27px; }
     .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-      width: 27px;
       margin-left: 5px; }
+    .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+    .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 {
+      width: 27px;
+      border-radius: 4px;
+      border: 1px solid #dcdfe6; }
     .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
     .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn {
       padding: 0 6px; }
@@ -779,7 +807,8 @@
       height: 42px; }
     .vxe-input--panel.size--mini .vxe-input--date-picker-body th {
       height: 26px; }
-    .vxe-input--panel.size--mini .vxe-input--time-picker-confirm {
+    .vxe-input--panel.size--mini .vxe-input--time-picker-confirm,
+    .vxe-input--panel.size--mini .vxe-input--date-picker-confirm {
       height: 27px;
       padding: 0 6px; }
     .vxe-input--panel.size--mini .vxe-input--date-label {

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

@@ -1 +1 @@
-.vxe-input--inner{width:100%;height:100%;border-radius:4px;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:#606266;border:1px solid #dcdfe6;background-color:#fff;box-shadow:none}.vxe-input--inner::-moz-placeholder{color:#c0c4cc}.vxe-input--inner:-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::placeholder{color:#c0c4cc}.vxe-input--inner::-webkit-autofill{background-color:#fff}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:#bfbfbf;background-color:#f3f3f3}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid #409eff}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;color:#c0c4cc}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.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.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:#409eff}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-suffix{display:flex;align-items:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{transition:transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{position:absolute;left:50%;transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;font-size:14px;text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--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;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:#fff;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:4px}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display: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 #dcdfe6}.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{display:inline-block;text-align:center;border:1px solid #dcdfe6;border-radius:4px}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0;outline:0;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;color:#fff;border-color:#409eff;background-color:#409eff}.vxe-input--time-picker-confirm:hover{background-color:#5faeff;border-color:#5faeff}.vxe-input--time-picker-confirm:active{background-color:#3196ff;border-color:#3196ff}.vxe-input--time-picker-header{display:flex;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:inline-block;display:flex;border-radius:4px;border:1px solid #dcdfe6;align-items:center;justify-content:center;background-color:#fff}.vxe-input--date-picker-btn.is--disabled{color:#bfbfbf;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:#f7f7f7}.vxe-input--date-picker-body{border-radius:4px;border:1px solid #dadce0;-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 #dadce0}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:#bfbfbf}.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:#bfbfbf}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px #dadce0}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:#409eff}.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:#409eff}.vxe-input--date-picker-body td.is--hover{background-color:#f2f6fc}.vxe-input--date-picker-body td.is--selected{color:#fff;background-color:#409eff}.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:#fff}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:#fff}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:#dcdfe6;background-color:#f3f3f3}.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:#dcdfe6}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 #dadce0}.vxe-input--date-week-view td:first-child{box-shadow:inset -1px 0 0 0 #dadce0}.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:red}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:#67c23a}.vxe-input--date-label--extra.is-important{color:#fd2222}.vxe-input--date-festival{color:#999;height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:#409eff}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@-webkit-keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@-webkit-keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}@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{-webkit-animation:festivalOverlap2 6s infinite ease-in-out;animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{-webkit-animation:festivalOverlap3 9s infinite ease-in-out;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 #dadce0;flex-grow:1;border-radius:4px;-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:#f2f6fc;cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:#409eff}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid #dadce0}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid #dadce0}.vxe-input{font-size:14px;height:34px}.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:14px;height:32px}.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:13px;height:30px}.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:12px;height:28px}.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:14px}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.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;padding:0 11px}.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{width:30px;margin-left:8px}.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:258px}.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:38px}.vxe-input--panel .vxe-input--date-quarter-view td{height:60px}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:48px}.vxe-input--panel .vxe-input--date-picker-body th{height:30px}.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--medium{font-size:14px}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.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;padding:0 10px}.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{width:29px;margin-left:7px}.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:245px}.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:36px}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:58px}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:46px}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:29px}.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--small{font-size:13px}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.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;padding:0 9px}.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{width:28px;margin-left:6px}.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:232px}.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:34px}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:56px}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:44px}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:28px}.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:14px}.vxe-input--panel.size--mini{font-size:12px}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.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;padding:0 8px}.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{width:27px;margin-left:5px}.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:218px}.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:32px}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:54px}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:42px}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:26px}.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:13px}
+.vxe-input--inner{width:100%;height:100%;border-radius:4px;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:#606266;border:1px solid #dcdfe6;background-color:#fff;box-shadow:none}.vxe-input--inner::-moz-placeholder{color:#c0c4cc}.vxe-input--inner:-ms-input-placeholder{color:#c0c4cc}.vxe-input--inner::placeholder{color:#c0c4cc}.vxe-input--inner::-webkit-autofill{background-color:#fff}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:#bfbfbf;background-color:#f3f3f3}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid #409eff}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;color:#c0c4cc}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.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.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:#409eff}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:#606266}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:#409eff}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-suffix{display:flex;align-items:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{transition:transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{position:absolute;left:50%;transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:#606266;font-size:14px;text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--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;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:#fff;border:1px solid #dadce0;box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:4px}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display: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 #dcdfe6}.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{display:inline-block;text-align:center;border:1px solid #dcdfe6;border-radius:4px}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;color:#fff;border-color:#409eff;background-color:#409eff}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:#5faeff;border-color:#5faeff}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:#3196ff;border-color:#3196ff}.vxe-input--time-picker-header{display:flex;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:inline-block;display:flex;align-items:center;justify-content:center;background-color:#fff}.vxe-input--date-picker-btn.is--disabled{color:#bfbfbf;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:#f7f7f7}.vxe-input--date-picker-body{border-radius:4px;border:1px solid #dadce0;-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 #dadce0}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:#bfbfbf}.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:#bfbfbf}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px #dadce0}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:#409eff}.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:#409eff}.vxe-input--date-picker-body td.is--hover{background-color:#f2f6fc}.vxe-input--date-picker-body td.is--selected{color:#fff;background-color:#409eff}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:#73b8ff}.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:#fff}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:#fff}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:#dcdfe6;background-color:#f3f3f3}.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:#dcdfe6}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 #dadce0}.vxe-input--date-week-view td:first-child{box-shadow:inset -1px 0 0 0 #dadce0}.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:red}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:#67c23a}.vxe-input--date-label--extra.is-important{color:#fd2222}.vxe-input--date-festival{color:#999;height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:#409eff}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@-webkit-keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@-webkit-keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}@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{-webkit-animation:festivalOverlap2 6s infinite ease-in-out;animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{-webkit-animation:festivalOverlap3 9s infinite ease-in-out;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 #dadce0;flex-grow:1;border-radius:4px;-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:#f2f6fc;cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:#409eff}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid #dadce0}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid #dadce0}.vxe-input{font-size:14px;height:34px}.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:14px;height:32px}.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:13px;height:30px}.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:12px;height:28px}.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:14px}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.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;padding:0 11px}.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:4px;border:1px solid #dcdfe6}.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:258px}.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:38px}.vxe-input--panel .vxe-input--date-quarter-view td{height:60px}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:48px}.vxe-input--panel .vxe-input--date-picker-body th{height:30px}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--medium{font-size:14px}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.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;padding:0 10px}.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:4px;border:1px solid #dcdfe6}.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:245px}.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:36px}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:58px}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:46px}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:15px}.vxe-input--panel.size--small{font-size:13px}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.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;padding:0 9px}.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:4px;border:1px solid #dcdfe6}.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:232px}.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:34px}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:56px}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:44px}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:14px}.vxe-input--panel.size--mini{font-size:12px}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.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;padding:0 8px}.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:4px;border:1px solid #dcdfe6}.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:218px}.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:32px}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:54px}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:42px}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:26px}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:13px}

package/lib/keyboard/src/hook.js

@@ -96,7 +96,13 @@ var tableKeyboardHook = {
         var elemStore = internalData.elemStore;
         var disX_1 = evnt.clientX;
         var disY_1 = evnt.clientY;
-        var bodyWrapperElem_1 = elemStore[(column.fixed || 'main') + "-body-wrapper"] || elemStore['main-body-wrapper'];
+        var bodyWrapperRef = elemStore[(column.fixed || 'main') + "-body-wrapper"] || elemStore['main-body-wrapper'];
+        var bodyWrapperElem_1 = bodyWrapperRef ? bodyWrapperRef.value : null;
+
+        if (!bodyWrapperElem_1) {
+          return;
+        }
+
         var checkboxRangeElem_1 = bodyWrapperElem_1.querySelector('.vxe-table--checkbox-range');
         var domMousemove_1 = document.onmousemove;
         var domMouseup_1 = document.onmouseup;

package/lib/keyboard/src/hook.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getTargetOffset(e,t){var o,l,n=0,r=0,a=!_dom.browse.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(a&&(o=getComputedStyle(e),n-=_xeUtils.default.toNumber(o.paddingTop),r-=_xeUtils.default.toNumber(o.paddingLeft));e&&e!==t;)n+=e.offsetTop,r+=e.offsetLeft,e=e.offsetParent,a&&(l=getComputedStyle(e),n-=_xeUtils.default.toNumber(l.paddingTop),r-=_xeUtils.default.toNumber(l.paddingLeft));return{offsetTop:n,offsetLeft:r}}var tableKeyboardHook={setupTable:function(y){var f=y.props,k=y.reactData,H=y.internalData,E=y.getRefMaps().refElem,e=y.getComputeMaps(),g=e.computeEditOpts,c=e.computeCheckboxOpts,i=e.computeMouseOpts,s=e.computeTreeOpts;function d(e,u){var t,o,c,i,s,d,l,n,f,g,m,h,p,v,x,w,b,T,C,R,_,I,r,a=u.column,M=u.cell;"checkbox"===a.type&&(t=E.value,o=H.elemStore,c=e.clientX,i=e.clientY,s=o[(a.fixed||"main")+"-body-wrapper"]||o["main-body-wrapper"],d=s.querySelector(".vxe-table--checkbox-range"),l=document.onmousemove,n=document.onmouseup,f=M.parentNode,g=y.getCheckboxRecords(),m=[],h=1,M=getTargetOffset(e.target,s),p=M.offsetTop+e.offsetY,v=M.offsetLeft+e.offsetX,x=s.scrollTop,w=f.offsetHeight,b=null,C=1,R=function(e,t){y.dispatchEvent("checkbox-range-"+e,{records:y.getCheckboxRecords(),reserves:y.getCheckboxReserveRecords()},t)},_=function(e){var t=e.clientX,o=e.clientY,l=t-c,n=o-i+(s.scrollTop-x),r=Math.abs(n),a=Math.abs(l),t=p,o=v;n<h?(t+=n)<h&&(t=h,r=p):r=Math.min(r,s.scrollHeight-p-h),l<h?(o+=l,v<a&&(o=h,a=v)):a=Math.min(a,s.clientWidth-v-h),d.style.height=r+"px",d.style.width=a+"px",d.style.left=o+"px",d.style.top=t+"px",d.style.display="block";n=function(e,t,o){var l=0,n=[],r=0<o,a=0<o?o:Math.abs(o)+t.offsetHeight,u=k.scrollYLoad,c=H.afterFullData,o=H.scrollYStore;if(u)e=y.getVTRowIndex(e.row),n=r?c.slice(e,e+Math.ceil(a/o.rowHeight)):c.slice(e-Math.floor(a/o.rowHeight)+1,e+1);else for(var i=r?"next":"previous";t&&l<a;){var s=y.getRowNode(t);s&&(n.push(s.item),l+=t.offsetHeight,t=t[i+"ElementSibling"])}return n}(u,f,n<h?-r:r);10<r&&n.length!==m.length&&(m=n,e.ctrlKey?n.forEach(function(e){y.handleSelectRow({row:e},-1===g.indexOf(e))}):(y.setAllCheckboxRow(!1),y.setCheckboxRow(n,!0)),R("change",e))},I=function(){clearTimeout(b),b=null},(T=!(r=function r(a){I(),b=setTimeout(function(){var e,t,o,l,n;b&&(e=s.scrollLeft,t=s.scrollTop,o=s.clientHeight,l=s.scrollHeight,n=Math.ceil(50*C/w),T?t+o<l?(y.scrollTo(e,t+n),r(a),_(a)):I():t?(y.scrollTo(e,t-n),r(a),_(a)):I())},50)}),_dom.addClass)(t,"drag--range"),document.onmousemove=function(e){e.preventDefault(),e.stopPropagation();var t=e.clientY,o=(0,_dom.getAbsolutePos)(s).boundingTop;t<o?(T=!1,C=o-t,b||r(e)):t>o+s.clientHeight?(T=!0,C=t-o-s.clientHeight,b||r(e)):b&&I(),_(e)},document.onmouseup=function(e){I(),(0,_dom.removeClass)(t,"drag--range"),d.removeAttribute("style"),document.onmousemove=l,document.onmouseup=n,R("end",e)},R("start",e))}return{moveTabSelected:function(e,t,o){var l,n,r,a=f.editConfig,u=H.afterFullData,c=H.visibleColumn,i=g.value,s=Object.assign({},e),d=y.getVTRowIndex(s.row),e=y.getVTColumnIndex(s.column);o.preventDefault(),t?e<=0?0<d&&(l=u[n=d-1],r=c.length-1):r=e-1:e>=c.length-1?d<u.length-1&&(l=u[n=d+1],r=0):r=e+1;c=c[r];c&&(l?(s.rowIndex=n,s.row=l):s.rowIndex=d,s.columnIndex=r,s.column=c,s.cell=y.getCell(s.row,s.column),a?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?y.handleActived(s,o):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)})):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)}))},moveCurrentRow:function(e,t,o){var l,n,r,a=f.treeConfig,u=k.currentRow,c=H.afterFullData,i=s.value;o.preventDefault(),u?a?(n=(i=_xeUtils.default.findTree(c,function(e){return e===u},i)).index,i=i.items,e&&0<n?l=i[n-1]:t&&n<i.length-1&&(l=i[n+1])):(n=y.getVTRowIndex(u),e&&0<n?l=c[n-1]:t&&n<c.length-1&&(l=c[n+1])):l=c[0],l&&(r={$table:y,row:l,rowIndex:y.getRowIndex(l),$rowIndex:y.getVMRowIndex(l)},y.scrollToRow(l).then(function(){return y.triggerCurrentRowEvent(o,r)}))},moveSelected:function(e,t,o,l,n,r){var a=H.afterFullData,u=H.visibleColumn,c=Object.assign({},e),i=y.getVTRowIndex(c.row),e=y.getVTColumnIndex(c.column);r.preventDefault(),o&&0<i?(c.rowIndex=i-1,c.row=a[c.rowIndex]):n&&i<a.length-1?(c.rowIndex=i+1,c.row=a[c.rowIndex]):t&&e?(c.columnIndex=e-1,c.column=u[c.columnIndex]):l&&e<u.length-1&&(c.columnIndex=e+1,c.column=u[c.columnIndex]),y.scrollToRow(c.row,c.column).then(function(){c.cell=y.getCell(c.row,c.column),y.handleSelected(c,r)})},triggerHeaderCellMousedownEvent:function(e,t){var o,l=f.mouseConfig,n=i.value;l&&n.area&&y.handleHeaderCellAreaEvent&&(o=e.currentTarget,l=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--sort").flag,n=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--filter").flag,y.handleHeaderCellAreaEvent(e,Object.assign({cell:o,triggerSort:l,triggerFilter:n},t))),y.focus(),y.closeMenu&&y.closeMenu()},triggerCellMousedownEvent:function(e,t){var o=e.currentTarget;t.cell=o,function(e,t){var o=f.editConfig,l=f.checkboxConfig,n=f.mouseConfig,r=c.value,a=i.value,u=g.value;if(n&&a.area&&y.handleCellAreaEvent)return y.handleCellAreaEvent(e,t);l&&r.range&&d(e,t),n&&a.selected&&(o&&"cell"!==u.mode||y.handleSelected(t,e))}(e,t),y.focus(),y.closeFilter(),y.closeMenu&&y.closeMenu()}}}},_default=tableKeyboardHook;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getTargetOffset(e,t){var o,l,n=0,r=0,a=!_dom.browse.firefox&&(0,_dom.hasClass)(e,"vxe-checkbox--label");for(a&&(o=getComputedStyle(e),n-=_xeUtils.default.toNumber(o.paddingTop),r-=_xeUtils.default.toNumber(o.paddingLeft));e&&e!==t;)n+=e.offsetTop,r+=e.offsetLeft,e=e.offsetParent,a&&(l=getComputedStyle(e),n-=_xeUtils.default.toNumber(l.paddingTop),r-=_xeUtils.default.toNumber(l.paddingLeft));return{offsetTop:n,offsetLeft:r}}var tableKeyboardHook={setupTable:function(y){var f=y.props,k=y.reactData,H=y.internalData,E=y.getRefMaps().refElem,e=y.getComputeMaps(),g=e.computeEditOpts,c=e.computeCheckboxOpts,i=e.computeMouseOpts,s=e.computeTreeOpts;function d(e,u){var t,c,i,o,s,d,l,n,f,g,m,h,p,v,x,w,b,T,C,R,_,I,r,a=u.column,M=u.cell;"checkbox"===a.type&&(t=E.value,o=H.elemStore,c=e.clientX,i=e.clientY,o=o[(a.fixed||"main")+"-body-wrapper"]||o["main-body-wrapper"],(s=o?o.value:null)&&(d=s.querySelector(".vxe-table--checkbox-range"),l=document.onmousemove,n=document.onmouseup,f=M.parentNode,g=y.getCheckboxRecords(),m=[],h=1,M=getTargetOffset(e.target,s),p=M.offsetTop+e.offsetY,v=M.offsetLeft+e.offsetX,x=s.scrollTop,w=f.offsetHeight,b=null,C=1,R=function(e,t){y.dispatchEvent("checkbox-range-"+e,{records:y.getCheckboxRecords(),reserves:y.getCheckboxReserveRecords()},t)},_=function(e){var t=e.clientX,o=e.clientY,l=t-c,n=o-i+(s.scrollTop-x),r=Math.abs(n),a=Math.abs(l),t=p,o=v;n<h?(t+=n)<h&&(t=h,r=p):r=Math.min(r,s.scrollHeight-p-h),l<h?(o+=l,v<a&&(o=h,a=v)):a=Math.min(a,s.clientWidth-v-h),d.style.height=r+"px",d.style.width=a+"px",d.style.left=o+"px",d.style.top=t+"px",d.style.display="block";n=function(e,t,o){var l=0,n=[],r=0<o,a=0<o?o:Math.abs(o)+t.offsetHeight,u=k.scrollYLoad,c=H.afterFullData,o=H.scrollYStore;if(u)e=y.getVTRowIndex(e.row),n=r?c.slice(e,e+Math.ceil(a/o.rowHeight)):c.slice(e-Math.floor(a/o.rowHeight)+1,e+1);else for(var i=r?"next":"previous";t&&l<a;){var s=y.getRowNode(t);s&&(n.push(s.item),l+=t.offsetHeight,t=t[i+"ElementSibling"])}return n}(u,f,n<h?-r:r);10<r&&n.length!==m.length&&(m=n,e.ctrlKey?n.forEach(function(e){y.handleSelectRow({row:e},-1===g.indexOf(e))}):(y.setAllCheckboxRow(!1),y.setCheckboxRow(n,!0)),R("change",e))},I=function(){clearTimeout(b),b=null},(T=!(r=function r(a){I(),b=setTimeout(function(){var e,t,o,l,n;b&&(e=s.scrollLeft,t=s.scrollTop,o=s.clientHeight,l=s.scrollHeight,n=Math.ceil(50*C/w),T?t+o<l?(y.scrollTo(e,t+n),r(a),_(a)):I():t?(y.scrollTo(e,t-n),r(a),_(a)):I())},50)}),_dom.addClass)(t,"drag--range"),document.onmousemove=function(e){e.preventDefault(),e.stopPropagation();var t=e.clientY,o=(0,_dom.getAbsolutePos)(s).boundingTop;t<o?(T=!1,C=o-t,b||r(e)):t>o+s.clientHeight?(T=!0,C=t-o-s.clientHeight,b||r(e)):b&&I(),_(e)},document.onmouseup=function(e){I(),(0,_dom.removeClass)(t,"drag--range"),d.removeAttribute("style"),document.onmousemove=l,document.onmouseup=n,R("end",e)},R("start",e)))}return{moveTabSelected:function(e,t,o){var l,n,r,a=f.editConfig,u=H.afterFullData,c=H.visibleColumn,i=g.value,s=Object.assign({},e),d=y.getVTRowIndex(s.row),e=y.getVTColumnIndex(s.column);o.preventDefault(),t?e<=0?0<d&&(l=u[n=d-1],r=c.length-1):r=e-1:e>=c.length-1?d<u.length-1&&(l=u[n=d+1],r=0):r=e+1;c=c[r];c&&(l?(s.rowIndex=n,s.row=l):s.rowIndex=d,s.columnIndex=r,s.column=c,s.cell=y.getCell(s.row,s.column),a?"click"!==i.trigger&&"dblclick"!==i.trigger||("row"===i.mode?y.handleActived(s,o):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)})):y.scrollToRow(s.row,s.column).then(function(){return y.handleSelected(s,o)}))},moveCurrentRow:function(e,t,o){var l,n,r,a=f.treeConfig,u=k.currentRow,c=H.afterFullData,i=s.value;o.preventDefault(),u?a?(n=(i=_xeUtils.default.findTree(c,function(e){return e===u},i)).index,i=i.items,e&&0<n?l=i[n-1]:t&&n<i.length-1&&(l=i[n+1])):(n=y.getVTRowIndex(u),e&&0<n?l=c[n-1]:t&&n<c.length-1&&(l=c[n+1])):l=c[0],l&&(r={$table:y,row:l,rowIndex:y.getRowIndex(l),$rowIndex:y.getVMRowIndex(l)},y.scrollToRow(l).then(function(){return y.triggerCurrentRowEvent(o,r)}))},moveSelected:function(e,t,o,l,n,r){var a=H.afterFullData,u=H.visibleColumn,c=Object.assign({},e),i=y.getVTRowIndex(c.row),e=y.getVTColumnIndex(c.column);r.preventDefault(),o&&0<i?(c.rowIndex=i-1,c.row=a[c.rowIndex]):n&&i<a.length-1?(c.rowIndex=i+1,c.row=a[c.rowIndex]):t&&e?(c.columnIndex=e-1,c.column=u[c.columnIndex]):l&&e<u.length-1&&(c.columnIndex=e+1,c.column=u[c.columnIndex]),y.scrollToRow(c.row,c.column).then(function(){c.cell=y.getCell(c.row,c.column),y.handleSelected(c,r)})},triggerHeaderCellMousedownEvent:function(e,t){var o,l=f.mouseConfig,n=i.value;l&&n.area&&y.handleHeaderCellAreaEvent&&(o=e.currentTarget,l=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--sort").flag,n=(0,_dom.getEventTargetNode)(e,o,"vxe-cell--filter").flag,y.handleHeaderCellAreaEvent(e,Object.assign({cell:o,triggerSort:l,triggerFilter:n},t))),y.focus(),y.closeMenu&&y.closeMenu()},triggerCellMousedownEvent:function(e,t){var o=e.currentTarget;t.cell=o,function(e,t){var o=f.editConfig,l=f.checkboxConfig,n=f.mouseConfig,r=c.value,a=i.value,u=g.value;if(n&&a.area&&y.handleCellAreaEvent)return y.handleCellAreaEvent(e,t);l&&r.range&&d(e,t),n&&a.selected&&(o&&"cell"!==u.mode||y.handleSelected(t,e))}(e,t),y.focus(),y.closeFilter(),y.closeMenu&&y.closeMenu()}}}},_default=tableKeyboardHook;exports.default=_default;