vxe-pc-ui 4.16.8 → 4.16.9

package/lib/input/style/style.css

@@ -1,3 +1,34 @@
+.vxe-input,
+.vxe-input--panel {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-default);
+}
+.vxe-input.size--xlarge,
+.vxe-input--panel.size--xlarge {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-xlarge);
+}
+.vxe-input.size--large,
+.vxe-input--panel.size--large {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-large);
+}
+.vxe-input.size--medium,
+.vxe-input--panel.size--medium {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-medium);
+}
+.vxe-input.size--small,
+.vxe-input--panel.size--small {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-small);
+}
+.vxe-input.size--mini,
+.vxe-input--panel.size--mini {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-mini);
+}
+
 .vxe-input--readonly {
   color: var(--vxe-ui-font-color);
   display: inline-flex;
@@ -593,9 +624,9 @@
 }
 
 .vxe-input {
-  font-size: var(--vxe-ui-font-size-default);
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
+  font-size: var(--vxe-ui-input-current-font-size);
+  height: var(--vxe-ui-input-current-height-default);
+  line-height: var(--vxe-ui-input-current-height-default);
 }
 .vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button {
   margin-top: 6px;
@@ -603,27 +634,12 @@
 .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, .vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button {
   height: 24px;
 }
-.vxe-input.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-  height: var(--vxe-ui-input-height-medium);
-  line-height: var(--vxe-ui-input-height-medium);
-}
 .vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button {
   margin-top: 4px;
 }
-.vxe-input.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-  height: var(--vxe-ui-input-height-small);
-  line-height: var(--vxe-ui-input-height-small);
-}
 .vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button {
   margin-top: 2px;
 }
-.vxe-input.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-  height: var(--vxe-ui-input-height-mini);
-  line-height: var(--vxe-ui-input-height-mini);
-}
 .vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button {
   margin-top: 0;
 }
@@ -632,10 +648,10 @@
   font-size: var(--vxe-ui-font-size-default);
 }
 .vxe-input--panel .vxe-input--panel-wrapper {
-  max-height: 380px;
+  max-height: 340px;
 }
 .vxe-input--panel.type--date .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--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper {
-  padding: 11px;
+  padding: 9px;
 }
 .vxe-input--panel.type--date .vxe-input--panel-wrapper, .vxe-input--panel.type--month .vxe-input--panel-wrapper, .vxe-input--panel.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.type--year .vxe-input--panel-wrapper {
   width: 336px;
@@ -652,19 +668,19 @@
 }
 .vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,
 .vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper {
-  padding: 11px;
+  padding: 9px;
 }
 .vxe-input--panel .vxe-input--time-picker-title {
-  height: 30px;
-  line-height: 30px;
+  height: 28px;
+  line-height: 28px;
 }
 .vxe-input--panel .vxe-input--date-picker-label,
 .vxe-input--panel .vxe-input--date-picker-btn {
-  height: 30px;
-  line-height: 30px;
+  height: 28px;
+  line-height: 28px;
 }
 .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-  margin-left: 8px;
+  margin-left: 6px;
 }
 .vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
   transform: scale(0.9);
@@ -672,13 +688,13 @@
 .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;
+  width: 28px;
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-input-border-color);
 }
 .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
 .vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
-  padding: 0 9px;
+  padding: 0 7px;
 }
 .vxe-input--panel .vxe-input--time-picker-header,
 .vxe-input--panel .vxe-input--date-picker-header {
@@ -696,7 +712,7 @@
 }
 .vxe-input--panel .vxe-input--time-picker-body > ul > li {
   height: 26px;
-  padding-left: 9px;
+  padding-left: 7px;
 }
 .vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
   left: 48px;
@@ -720,19 +736,213 @@
 }
 .vxe-input--panel .vxe-input--time-picker-confirm,
 .vxe-input--panel .vxe-input--date-picker-confirm {
-  height: 30px;
+  height: 28px;
 }
 .vxe-input--panel .vxe-input--date-label {
   line-height: calc(var(--vxe-ui-font-size-default) + 1px);
 }
+.vxe-input--panel.size--xlarge {
+  font-size: var(--vxe-ui-font-size-xlarge);
+}
+.vxe-input--panel.size--xlarge .vxe-input--panel-wrapper {
+  max-height: 380px;
+}
+.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper {
+  padding: 11px;
+}
+.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper {
+  width: 336px;
+}
+.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper {
+  width: 380px;
+}
+.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+}
+.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper {
+  width: 336px;
+}
+.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,
+.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper {
+  padding: 11px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-title {
+  height: 30px;
+  line-height: 30px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-label,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn {
+  height: 30px;
+  line-height: 30px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
+  margin-left: 8px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
+  transform: scale(0.9);
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
+  width: 30px;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
+  padding: 0 9px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-header,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-header {
+  padding-bottom: 10px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body {
+  height: calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge));
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul {
+  width: 48px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul:after {
+  height: 120px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body > ul > li {
+  height: 26px;
+  padding-left: 9px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
+  left: 48px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
+  left: 96px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-day-view td,
+.vxe-input--panel.size--xlarge .vxe-input--date-week-view td {
+  height: var(--vxe-ui-input-date-time-week-row-height-xlarge);
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td {
+  height: var(--vxe-ui-input-date-quarter-row-height-xlarge);
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-month-view td,
+.vxe-input--panel.size--xlarge .vxe-input--date-year-view td {
+  height: var(--vxe-ui-input-date-month-year-row-height-xlarge);
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-body th {
+  height: var(--vxe-ui-input-date-title-height-xlarge);
+}
+.vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm,
+.vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm {
+  height: 30px;
+}
+.vxe-input--panel.size--xlarge .vxe-input--date-label {
+  line-height: calc(var(--vxe-ui-font-size-xlarge) + 1px);
+}
+.vxe-input--panel.size--large {
+  font-size: var(--vxe-ui-font-size-large);
+}
+.vxe-input--panel.size--large .vxe-input--panel-wrapper {
+  max-height: 360px;
+}
+.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper {
+  padding: 10px;
+}
+.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper {
+  width: 336px;
+}
+.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper {
+  width: 380px;
+}
+.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+}
+.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper {
+  width: 336px;
+}
+.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,
+.vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper {
+  padding: 10px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-title {
+  height: 29px;
+  line-height: 29px;
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-label,
+.vxe-input--panel.size--large .vxe-input--date-picker-btn {
+  height: 29px;
+  line-height: 29px;
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
+  margin-left: 7px;
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
+  transform: scale(0.9);
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn,
+.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,
+.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn {
+  width: 29px;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
+.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
+  padding: 0 8px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-header,
+.vxe-input--panel.size--large .vxe-input--date-picker-header {
+  padding-bottom: 9px;
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-body table,
+.vxe-input--panel.size--large .vxe-input--time-picker-body {
+  height: calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large));
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-body > ul {
+  width: 48px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-body > ul:before, .vxe-input--panel.size--large .vxe-input--time-picker-body > ul:after {
+  height: 120px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-body > ul > li {
+  height: 26px;
+  padding-left: 8px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
+  left: 48px;
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list {
+  left: 96px;
+}
+.vxe-input--panel.size--large .vxe-input--date-day-view td,
+.vxe-input--panel.size--large .vxe-input--date-week-view td {
+  height: var(--vxe-ui-input-date-time-week-row-height-large);
+}
+.vxe-input--panel.size--large .vxe-input--date-quarter-view td {
+  height: var(--vxe-ui-input-date-quarter-row-height-large);
+}
+.vxe-input--panel.size--large .vxe-input--date-month-view td,
+.vxe-input--panel.size--large .vxe-input--date-year-view td {
+  height: var(--vxe-ui-input-date-month-year-row-height-large);
+}
+.vxe-input--panel.size--large .vxe-input--date-picker-body th {
+  height: var(--vxe-ui-input-date-title-height-large);
+}
+.vxe-input--panel.size--large .vxe-input--time-picker-confirm,
+.vxe-input--panel.size--large .vxe-input--date-picker-confirm {
+  height: 29px;
+}
+.vxe-input--panel.size--large .vxe-input--date-label {
+  line-height: calc(var(--vxe-ui-font-size-large) + 1px);
+}
 .vxe-input--panel.size--medium {
   font-size: var(--vxe-ui-font-size-medium);
 }
 .vxe-input--panel.size--medium .vxe-input--panel-wrapper {
-  max-height: 360px;
+  max-height: 320px;
 }
 .vxe-input--panel.size--medium.type--date .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--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 {
-  padding: 10px;
+  padding: 8px;
 }
 .vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper {
   width: 336px;
@@ -749,19 +959,19 @@
 }
 .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;
+  padding: 8px;
 }
 .vxe-input--panel.size--medium .vxe-input--time-picker-title {
-  height: 29px;
-  line-height: 29px;
+  height: 27px;
+  line-height: 27px;
 }
 .vxe-input--panel.size--medium .vxe-input--date-picker-label,
 .vxe-input--panel.size--medium .vxe-input--date-picker-btn {
-  height: 29px;
-  line-height: 29px;
+  height: 27px;
+  line-height: 27px;
 }
 .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-  margin-left: 7px;
+  margin-left: 5px;
 }
 .vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
   transform: scale(0.9);
@@ -769,13 +979,13 @@
 .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;
+  width: 27px;
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-input-border-color);
 }
 .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
 .vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
-  padding: 0 8px;
+  padding: 0 6px;
 }
 .vxe-input--panel.size--medium .vxe-input--time-picker-header,
 .vxe-input--panel.size--medium .vxe-input--date-picker-header {
@@ -793,7 +1003,7 @@
 }
 .vxe-input--panel.size--medium .vxe-input--time-picker-body > ul > li {
   height: 26px;
-  padding-left: 8px;
+  padding-left: 6px;
 }
 .vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
   left: 48px;
@@ -817,7 +1027,7 @@
 }
 .vxe-input--panel.size--medium .vxe-input--time-picker-confirm,
 .vxe-input--panel.size--medium .vxe-input--date-picker-confirm {
-  height: 29px;
+  height: 27px;
 }
 .vxe-input--panel.size--medium .vxe-input--date-label {
   line-height: calc(var(--vxe-ui-font-size-medium) + 1px);
@@ -826,10 +1036,10 @@
   font-size: var(--vxe-ui-font-size-small);
 }
 .vxe-input--panel.size--small .vxe-input--panel-wrapper {
-  max-height: 340px;
+  max-height: 300px;
 }
 .vxe-input--panel.size--small.type--date .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--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 {
-  padding: 9px;
+  padding: 7px;
 }
 .vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper {
   width: 312px;
@@ -846,19 +1056,19 @@
 }
 .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;
+  padding: 7px;
 }
 .vxe-input--panel.size--small .vxe-input--time-picker-title {
-  height: 28px;
-  line-height: 28px;
+  height: 26px;
+  line-height: 26px;
 }
 .vxe-input--panel.size--small .vxe-input--date-picker-label,
 .vxe-input--panel.size--small .vxe-input--date-picker-btn {
-  height: 28px;
-  line-height: 28px;
+  height: 26px;
+  line-height: 26px;
 }
 .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-  margin-left: 6px;
+  margin-left: 4px;
 }
 .vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
   transform: scale(0.9);
@@ -866,13 +1076,13 @@
 .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;
+  width: 26px;
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-input-border-color);
 }
 .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
 .vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
-  padding: 0 7px;
+  padding: 0 5px;
 }
 .vxe-input--panel.size--small .vxe-input--time-picker-header,
 .vxe-input--panel.size--small .vxe-input--date-picker-header {
@@ -890,7 +1100,7 @@
 }
 .vxe-input--panel.size--small .vxe-input--time-picker-body > ul > li {
   height: 26px;
-  padding-left: 7px;
+  padding-left: 5px;
 }
 .vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
   left: 44px;
@@ -914,7 +1124,7 @@
 }
 .vxe-input--panel.size--small .vxe-input--time-picker-confirm,
 .vxe-input--panel.size--small .vxe-input--date-picker-confirm {
-  height: 28px;
+  height: 26px;
 }
 .vxe-input--panel.size--small .vxe-input--date-label {
   line-height: calc(var(--vxe-ui-font-size-small) + 1px);
@@ -923,10 +1133,10 @@
   font-size: var(--vxe-ui-font-size-mini);
 }
 .vxe-input--panel.size--mini .vxe-input--panel-wrapper {
-  max-height: 320px;
+  max-height: 280px;
 }
 .vxe-input--panel.size--mini.type--date .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--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 {
-  padding: 8px;
+  padding: 6px;
 }
 .vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper, .vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper {
   width: 288px;
@@ -943,19 +1153,19 @@
 }
 .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;
+  padding: 6px;
 }
 .vxe-input--panel.size--mini .vxe-input--time-picker-title {
-  height: 27px;
-  line-height: 27px;
+  height: 25px;
+  line-height: 25px;
 }
 .vxe-input--panel.size--mini .vxe-input--date-picker-label,
 .vxe-input--panel.size--mini .vxe-input--date-picker-btn {
-  height: 27px;
-  line-height: 27px;
+  height: 25px;
+  line-height: 25px;
 }
 .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn {
-  margin-left: 5px;
+  margin-left: 3px;
 }
 .vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active {
   transform: scale(0.9);
@@ -963,13 +1173,13 @@
 .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;
+  width: 25px;
   border-radius: var(--vxe-ui-base-border-radius);
   border: 1px solid var(--vxe-ui-input-border-color);
 }
 .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label,
 .vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns {
-  padding: 0 6px;
+  padding: 0 4px;
 }
 .vxe-input--panel.size--mini .vxe-input--time-picker-header,
 .vxe-input--panel.size--mini .vxe-input--date-picker-header {
@@ -987,7 +1197,7 @@
 }
 .vxe-input--panel.size--mini .vxe-input--time-picker-body > ul > li {
   height: 26px;
-  padding-left: 6px;
+  padding-left: 4px;
 }
 .vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list {
   left: 42px;
@@ -1011,7 +1221,7 @@
 }
 .vxe-input--panel.size--mini .vxe-input--time-picker-confirm,
 .vxe-input--panel.size--mini .vxe-input--date-picker-confirm {
-  height: 27px;
+  height: 25px;
 }
 .vxe-input--panel.size--mini .vxe-input--date-label {
   line-height: calc(var(--vxe-ui-font-size-mini) + 1px);