vxe-pc-ui 3.15.10 → 3.15.12

package/es/calendar/style.css

@@ -1,427 +1,350 @@
-.vxe-calendar {
+.vxe-cascader {
+  position: relative;
+  display: inline-block;
+  width: 180px;
   color: var(--vxe-ui-font-color);
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  width: 100%;
-  height: 38em;
-  border: 1px solid var(--vxe-ui-base-popup-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
+  text-align: left;
+  --vxe-ui-cascader-chunk-size: 1;
 }
-
-.vxe-calendar--confirm {
-  outline: 0;
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
+.vxe-cascader > .vxe-input .vxe-input--inner {
   cursor: pointer;
-  color: var(--vxe-ui-input-date-time-confirm-button-color);
-  border-color: var(--vxe-ui-font-primary-color);
-  background-color: var(--vxe-ui-font-primary-color);
-  padding: 0 0.5em;
 }
-.vxe-calendar--confirm:hover {
-  background-color: var(--vxe-ui-font-primary-lighten-color);
-  border-color: var(--vxe-ui-font-primary-lighten-color);
+.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper {
+  padding-top: 0;
 }
-.vxe-calendar--confirm:active {
-  background-color: var(--vxe-ui-font-primary-darken-color);
-  border-color: var(--vxe-ui-font-primary-darken-color);
+.vxe-cascader.is--filterable .vxe-cascader--panel-header {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
 }
-
-.vxe-calendar--header {
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: row;
-  padding: var(--vxe-ui-layout-padding-default);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  border-bottom: 1px solid var(--vxe-ui-input-border-color);
+.vxe-cascader.is--disabled > .vxe-input .vxe-input--inner {
+  cursor: no-drop;
 }
-.vxe-calendar--header .vxe-calendar--type-wrapper {
-  flex-grow: 1;
+.vxe-cascader.is--loading > .vxe-input .vxe-input--inner {
+  cursor: progress;
 }
-.vxe-calendar--header .vxe-calendar--btn-wrapper {
-  flex-shrink: 0;
-  text-align: center;
+.vxe-cascader > .vxe-input {
+  width: 100%;
+}
+.vxe-cascader > .vxe-input .vxe-input--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+.vxe-cascader.is--active:not(.is--filter) > .vxe-input {
+  border-color: var(--vxe-ui-font-primary-color);
 }
 
-.vxe-calendar--btn-wrapper {
-  display: flex;
-  flex-direction: row;
+.vxe-cascader--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
 }
 
-.vxe-calendar--btn.is--disabled {
-  color: var(--vxe-ui-font-disabled-color);
-  cursor: no-drop;
+.vxe-cascader--panel {
+  pointer-events: none;
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
 }
-.vxe-calendar--btn:not(.is--disabled) {
-  cursor: pointer;
+.vxe-cascader--panel:not(.is--transfer) {
+  min-width: var(--vxe-ui-cascader-node-width);
 }
-.vxe-calendar--btn:not(.is--disabled):hover {
-  background-color: #fff;
+.vxe-cascader--panel.is--transfer {
+  position: fixed;
 }
-.vxe-calendar--btn:not(.is--disabled):active {
-  background-color: #fff;
+.vxe-cascader--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
 }
-
-.vxe-calendar--body {
-  position: relative;
-  flex-grow: 1;
-  overflow: hidden;
+.vxe-cascader--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
 }
-.vxe-calendar--body table {
-  border: 0;
+.vxe-cascader--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+.vxe-cascader--panel.ani--enter > div::after {
+  display: none;
+}
+.vxe-cascader--panel > div::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
-  border-spacing: 0;
-  border-collapse: separate;
-  text-align: center;
-  table-layout: fixed;
+  z-index: 1;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 
-.vxe-calendar--wrapper {
-  border: 0 solid var(--vxe-ui-base-popup-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
+.vxe-cascader--panel-search {
+  display: block;
+  padding: var(--vxe-ui-current-padding);
+  width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
 }
-
-.vxe-calendar--wrapper {
-  display: inline-flex;
-  flex-direction: column;
-  padding: 0.8em;
+.vxe-cascader--panel-search .vxe-cascader-search--input {
+  width: 100%;
 }
 
-.vxe-calendar--picker-header {
+.vxe-cascader--header-button,
+.vxe-cascader--footer-button {
   display: flex;
   flex-direction: row;
+  white-space: nowrap;
   align-items: center;
-  height: 3em;
-  padding-bottom: 0.5em;
+  min-height: 2em;
 }
 
-.vxe-calendar--picker-header {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.vxe-calendar--picker-header .vxe-calendar--picker-type-wrapper {
+.vxe-cascader--total-btns {
+  padding-left: var(--vxe-ui-current-padding);
   flex-grow: 1;
-  font-size: 1.1em;
-}
-.vxe-calendar--picker-header .vxe-calendar--picker-btn-wrapper {
-  flex-shrink: 0;
-  text-align: center;
 }
 
-.vxe-calendar--picker-type-wrapper {
+.vxe-cascader--total-btns,
+.vxe-cascader--oper-btns {
   display: flex;
+  flex-direction: row;
   align-items: center;
 }
-.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-label,
-.vxe-calendar--picker-type-wrapper .vxe-calendar--picker-btn {
-  display: inline-block;
+
+.vxe-cascader--oper-btns {
+  flex-shrink: 0;
 }
 
-.vxe-calendar--picker-btn-wrapper {
+.vxe-cascader--footer-button,
+.vxe-cascader--selected-btns,
+.vxe-cascader--expand-btns {
   display: flex;
   flex-direction: row;
+  flex-grow: 1;
 }
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn,
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn,
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn {
-  height: 2.2em;
-  padding: 0 0.5em;
-  border-radius: var(--vxe-ui-base-border-radius);
-  border: 1px solid var(--vxe-ui-input-border-color);
-  margin-left: 0.5em;
-}
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-prev-btn i,
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-current-btn i,
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-next-btn i {
-  font-size: 1.2em;
-}
-.vxe-calendar--picker-btn-wrapper .vxe-calendar--picker-btn:not(.is--disabled):active {
-  transform: scale(0.9);
+
+.vxe-cascader--selected-btns + .vxe-cascader--expand-btns {
+  padding-left: 2.2em;
 }
 
-.vxe-calendar--picker-label,
-.vxe-calendar--picker-btn {
+.vxe-cascader--panel-wrapper {
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
   background-color: var(--vxe-ui-layout-background-color);
+  pointer-events: auto;
 }
 
-.vxe-calendar--picker-btn.is--disabled {
-  color: var(--vxe-ui-font-disabled-color);
-  cursor: no-drop;
+.vxe-cascader--panel-header {
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
 }
-.vxe-calendar--picker-btn:not(.is--disabled) {
-  cursor: pointer;
-}
-.vxe-calendar--picker-btn:not(.is--disabled):hover {
-  color: var(--vxe-ui-font-primary-color);
-  background-color: #fff;
+
+.vxe-cascader--panel-footer {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
 }
-.vxe-calendar--picker-btn:not(.is--disabled):active {
-  background-color: #fff;
+
+.vxe-cascader--panel-header,
+.vxe-cascader--panel-footer {
+  padding: 4px 0;
 }
 
-.vxe-calendar--picker-btns .vxe-calendar--picker-btn {
-  margin-left: 0.6em;
+.vxe-cascader--checkbox-option {
+  padding-right: 0.4em;
 }
-.vxe-calendar--picker-btns .vxe-calendar--picker-btn:first-child {
-  margin-left: 0;
+.vxe-cascader--checkbox-option {
+  cursor: pointer;
 }
-
-.vxe-calendar--view-wrapper {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.5;
-  height: 100%;
+.vxe-cascader--checkbox-option .vxe-checkbox--icon {
+  font-size: 1.22em;
 }
-
-.vxe-calendar--picker-body {
-  border-radius: var(--vxe-ui-base-border-radius);
-  border: 1px solid var(--vxe-ui-base-popup-border-color);
+.vxe-cascader--checkbox-option .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-
-.vxe-calendar--view-header {
-  box-shadow: inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);
-  text-align: center;
+.vxe-cascader--checkbox-option.is--checked, .vxe-cascader--checkbox-option.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
 }
-
-.vxe-calendar--view-body {
-  display: inline-flex;
-  flex-direction: column;
-  flex-grow: 1;
-  width: 100%;
+.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
 }
-
-.vxe-calendar--view-header .vxe-calendar--view-row {
-  height: 100%;
+.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-header .vxe-calendar--view-item-label {
-  font-weight: 700;
+.vxe-cascader--checkbox-option.is--hidden {
+  cursor: default;
 }
-
-.vxe-calendar--view-body .vxe-calendar--view-item {
-  cursor: pointer;
+.vxe-cascader--checkbox-option.is--readonly {
+  cursor: auto;
 }
-.vxe-calendar--view-body .vxe-calendar--view-item.is--range-disabled, .vxe-calendar--view-body .vxe-calendar--view-item.is--disabled {
-  cursor: no-drop;
+.vxe-cascader--checkbox-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
 }
-.vxe-calendar--view-body .vxe-calendar--view-item.is--over {
-  cursor: no-drop;
+.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
 }
-
-.vxe-calendar--view-row {
-  display: flex;
-  flex-direction: row;
+.vxe-cascader--checkbox-option .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
 }
 
-.vxe-calendar--view-item.is--prev .vxe-calendar--view-item-inner, .vxe-calendar--view-item.is--next .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-font-disabled-color);
+.vxe-cascader--radio-option {
+  padding-right: 0.4em;
 }
-.vxe-calendar--view-item.is--prev .vxe-calendar--label,
-.vxe-calendar--view-item.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--next .vxe-calendar--label,
-.vxe-calendar--view-item.is--next .vxe-calendar--festival {
-  color: var(--vxe-ui-font-disabled-color);
+.vxe-cascader--radio-option {
+  cursor: pointer;
 }
-.vxe-calendar--view-item.is--now .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-base-popup-border-color);
+.vxe-cascader--radio-option .vxe-radio--icon {
+  font-size: 1.26em;
+}
+.vxe-cascader--radio-option .vxe-radio--icon {
+  color: var(--vxe-ui-input-border-color);
+  border-radius: 50%;
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
-.vxe-calendar--view-item.is--now:not(.is--selected).is--current {
+.vxe-cascader--radio-option.is--checked {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--label,
-.vxe-calendar--view-item.is--now:not(.is--selected).is--current .vxe-calendar--festival {
+.vxe-cascader--radio-option.is--checked .vxe-radio--icon {
   color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-item.is--hover .vxe-calendar--view-item-inner {
-  background-color: var(--vxe-ui-font-primary-tinge-color);
+.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon {
+  color: var(--vxe-ui-font-primary-color);
 }
-.vxe-calendar--view-item.is--selected .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-input-date-picker-selected-color);
-  background-color: var(--vxe-ui-font-primary-color);
+.vxe-cascader--radio-option.is--readonly {
+  cursor: auto;
 }
-.vxe-calendar--view-item.is--selected.is--hover .vxe-calendar--view-item-inner {
-  box-shadow: 0 0px 6px 1px var(--vxe-ui-font-primary-color);
+.vxe-cascader--radio-option.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
 }
-.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--label,
-.vxe-calendar--view-item.is--selected.is--prev .vxe-calendar--festival, .vxe-calendar--view-item.is--selected.is--next .vxe-calendar--label,
-.vxe-calendar--view-item.is--selected.is--next .vxe-calendar--festival {
-  color: var(--vxe-ui-base-popup-border-color);
+.vxe-cascader--radio-option.is--disabled .vxe-radio--icon {
+  color: var(--vxe-ui-input-disabled-color);
 }
-.vxe-calendar--view-item.is--selected .vxe-calendar--label,
-.vxe-calendar--view-item.is--selected .vxe-calendar--festival {
-  color: var(--vxe-ui-input-date-picker-festival-selected-color);
+.vxe-cascader--radio-option .vxe-radio--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
 }
-.vxe-calendar--view-item.is--selected .vxe-calendar--label.is-notice:before {
-  background-color: var(--vxe-ui-input-date-picker-notice-selected-background-color);
+
+.vxe-cascader-chunk--wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  outline: 0;
 }
-.vxe-calendar--view-item.is--range-disabled .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-input-disabled-color);
-  background-color: inherit;
+
+.vxe-cascader-chunk--item-wrapper {
+  flex-shrink: 0;
+  border-left: 1px solid var(--vxe-ui-base-popup-border-color);
+  padding: var(--vxe-ui-current-padding) 0;
 }
-.vxe-calendar--view-item.is--disabled .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-input-disabled-color);
-  background-color: var(--vxe-ui-input-disabled-background-color);
+.vxe-cascader-chunk--item-wrapper:first-child {
+  border-left: 0;
 }
-.vxe-calendar--view-item.is--disabled .vxe-calendar--label,
-.vxe-calendar--view-item.is--disabled .vxe-calendar--festival {
-  color: var(--vxe-ui-input-disabled-color);
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper {
+  height: var(--vxe-ui-cascader-chunk-height);
+  width: var(--vxe-ui-cascader-node-width);
+  overflow-x: hidden;
+  overflow-y: hidden;
 }
-
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item {
-  padding: 0.2em 0;
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover {
+  overflow-y: auto;
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item .vxe-calendar--view-item-inner {
-  border-radius: 0;
+.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body {
+  width: var(--vxe-ui-cascader-node-width);
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child {
-  padding: 0.2em 0 0.2em 0.2em;
-  border-right: 1px solid var(--vxe-ui-base-popup-border-color);
+
+.vxe-cascader-chunk--node-item {
+  display: flex;
+  flex-direction: row;
+  height: var(--vxe-ui-cascader-node-height);
+  line-height: var(--vxe-ui-cascader-node-height);
+  padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
+  cursor: pointer;
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:first-child .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-input-date-festival-color);
+.vxe-cascader-chunk--node-item:hover {
+  background-color: var(--vxe-ui-cascader-node-hover-background-color);
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item:last-child {
-  padding: 0.2em 0.2em 0.2em 0;
+.vxe-cascader-chunk--node-item.is--current, .vxe-cascader-chunk--node-item.is--expand {
+  font-weight: 700;
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:first-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:first-child .vxe-calendar--view-item-inner {
-  border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
+.vxe-cascader-chunk--node-item.is--current {
+  background-color: var(--vxe-ui-cascader-node-current-background-color);
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--hover:last-child .vxe-calendar--view-item-inner, .vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--selected:last-child .vxe-calendar--view-item-inner {
-  border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
+.vxe-cascader-chunk--node-item.is-checkbox--indeterminate {
+  color: var(--vxe-ui-cascader-node-checkbox-indeterminate-color);
 }
-.vxe-calendar--view-wrapper.type--week .vxe-calendar--view-item.is--now:not(.is--selected):first-child .vxe-calendar--view-item-inner {
-  color: var(--vxe-ui-font-primary-color);
+.vxe-cascader-chunk--node-item.is-radio--checked, .vxe-cascader-chunk--node-item.is-checkbox--checked {
+  color: var(--vxe-ui-cascader-node-checkbox-checked-color);
 }
 
-.vxe-calendar--view-item-inner {
+.vxe-cascader-chunk--node-item-inner {
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  border: 1px solid transparent;
-  border-radius: var(--vxe-ui-base-border-radius);
+  flex-direction: row;
   overflow: hidden;
+  flex-grow: 1;
 }
 
-.vxe-calendar--view-item-label {
-  width: 100%;
+.vxe-cascader-chunk--node-item-title {
+  flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.vxe-calendar--label,
-.vxe-calendar--festival {
-  width: 100%;
-  display: block;
-  overflow: hidden;
-  text-align: center;
-}
-
-.vxe-calendar--label--number {
-  font-size: 1.2em;
-}
-
-.vxe-calendar--label {
+.vxe-cascader-chunk--node-item-switcher {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  flex-shrink: 0;
+  width: 1em;
   position: relative;
-  height: 1.8em;
-  line-height: 1.8em;
-}
-.vxe-calendar--label.is-notice:before {
-  content: "";
-  position: absolute;
-  width: 0.25em;
-  height: 0.25em;
-  left: 50%;
-  top: 0;
-  transform: translateX(-50%);
-  border-radius: 100%;
-  background-color: var(--vxe-ui-input-date-notice-background-color);
-}
-
-.vxe-calendar--label--extra {
-  position: absolute;
-  right: 0.1em;
-  top: -0.4em;
-  font-size: 0.85em;
-  color: var(--vxe-ui-input-date-extra-color);
-}
-.vxe-calendar--label--extra.is-important {
-  color: var(--vxe-ui-input-date-extra-important-color);
 }
-
-.vxe-calendar--festival {
-  color: var(--vxe-ui-input-date-festival-color);
-  height: 1.2em;
-  line-height: 1.2em;
-  overflow: hidden;
-}
-.vxe-calendar--festival.is-important {
-  color: var(--vxe-ui-input-date-festival-important-color);
-}
-
-.vxe-calendar--festival--label {
-  display: block;
-  font-size: 0.95em;
+.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
 }
 
-@keyframes festivalOverlap2 {
-  0%, 45%, 100% {
-    transform: translateY(0);
-  }
-  50%, 95% {
-    transform: translateY(-14px);
-  }
-}
-@keyframes festivalOverlap3 {
-  0%, 20%, 100% {
-    transform: translateY(0);
-  }
-  25%, 45%, 75%, 95% {
-    transform: translateY(-14px);
-  }
-  50%, 70% {
-    transform: translateY(-28px);
-  }
-}
-.vxe-calendar--festival--overlap {
-  display: block;
-  font-size: 0.86em;
-}
-.vxe-calendar--festival--overlap.overlap--2 {
-  animation: festivalOverlap2 6s infinite ease-in-out;
+.vxe-cascader,
+.vxe-cascader--panel {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
 }
-.vxe-calendar--festival--overlap.overlap--3 {
-  animation: festivalOverlap3 9s infinite ease-in-out;
-}
-.vxe-calendar--festival--overlap > span {
-  height: 14px;
-  display: block;
+.vxe-cascader.size--small, .vxe-cascader.size--mini,
+.vxe-cascader--panel.size--small,
+.vxe-cascader--panel.size--mini {
+  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
 }
 
-.vxe-calendar {
+.vxe-cascader,
+.vxe-cascader--panel {
   font-size: var(--vxe-ui-font-size-default);
 }
-.vxe-calendar.size--medium {
+.vxe-cascader.size--medium,
+.vxe-cascader--panel.size--medium {
   font-size: var(--vxe-ui-font-size-medium);
 }
-.vxe-calendar.size--small {
+.vxe-cascader.size--small,
+.vxe-cascader--panel.size--small {
   font-size: var(--vxe-ui-font-size-small);
 }
-.vxe-calendar.size--mini {
+.vxe-cascader.size--mini,
+.vxe-cascader--panel.size--mini {
   font-size: var(--vxe-ui-font-size-mini);
 }