@ganwei-web/gw-base-components-plus 1.0.3 → 1.0.5

package/element-plus-adapter/dist/ElementPlusAdapter.css

@@ -10,6 +10,12 @@
   color: var(--select-tag-color);
   background: var(--select-tag-background);
 }
+.el-cascader:hover .el-input__wrapper {
+  box-shadow: 0 0 0 1px var(--input-border__hover) inset !important;
+}
+.el-cascader .el-input.is-focus .el-input__wrapper {
+  box-shadow: 0 0 0 1px var(--input-border__focus) inset !important;
+}
 .el-popper.el-cascader__dropdown {
   background: var(--select-dropdown-background);
   border: 1px solid var(--select-dropdown-border);
@@ -27,9 +33,6 @@
   color: var(--select-dropdown-color__selected);
   background-color: var(--select-dropdown-item-background__hover);
 }
-.el-popper.el-cascader__dropdown .el-cascader-node.is-active, .el-popper.el-cascader__dropdown .el-cascader-node.in-active-path {
-  color: var(--select-dropdown-color__selected);
-}
 .el-popper.el-cascader__dropdown .el-cascader-node:not(.is-disabled):focus, .el-popper.el-cascader__dropdown .el-cascader-node:not(.is-disabled):hover {
   color: var(--select-dropdown-color__selected);
   background-color: var(--select-dropdown-item-background__hover);
@@ -49,11 +52,21 @@
   background: var(--checkbox-inner-background);
   border-color: var(--checkbox-inner-border);
 }
-.el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
-  color: var(--checkbox-label-color__checked);
-}
 .el-checkbox .el-checkbox__label {
   color: var(--checkbox-label-color);
+}
+.el-checkbox.is-checked .el-checkbox__label {
+  color: var(--checkbox-label-color__checked);
+}
+.el-checkbox.is-disabled .el-checkbox__label {
+  color: var(--checkbox-label-color__disabled);
+}
+.el-checkbox.is-bordered {
+  border-color: var(--checkbox-inner-border);
+}
+.el-checkbox.is-bordered.is-checked {
+  color: var(--checkbox-inner-border__checked);
+  border-color: var(--checkbox-inner-border__checked);
 }.el-collapse {
   border: 0;
 }
@@ -101,6 +114,9 @@
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
 }
+.el-popper.el-picker__popper .el-date-table td.in-range .el-date-table-cell {
+  background-color: var(--datepicker-background__inrange);
+}
 .el-popper.el-picker__popper .el-date-table td.disabled .el-date-table-cell {
   background: var(--datepicker-month-background__disabled);
 }
@@ -147,8 +163,17 @@
 .el-date-editor.el-input__wrapper .el-range-input {
   color: var(--input-color);
 }
+.el-date-editor.el-input__wrapper:hover {
+  box-shadow: 0 0 0 1px var(--input-border__hover) inset;
+}
 .el-date-editor .el-range-separator {
   color: var(--input-color);
+}
+.el-date-editor.is-disabled {
+  background-color: var(--input-background__disabled);
+}
+.el-date-editor.is-disabled input {
+  background-color: var(--input-background__disabled);
 }.el-dialog {
   background: var(--dialog-background);
   border-color: var(--dialog-border);
@@ -168,7 +193,7 @@
 .el-dialog .el-dialog__body {
   color: var(--dialog-color);
   height: calc(100% - 136px);
-  padding: 0;
+  padding: 0 20px;
   overflow: hidden;
 }
 .el-dialog .el-dialog__footer {
@@ -249,15 +274,7 @@
 }
 .el-image .el-image__placeholder {
   background-color: transparent;
-}.el-input__wrapper {
-  color: var(--input-color);
-  background-color: var(--input-background);
-  box-shadow: 0 0 0 1px var(--input-border) inset;
-}
-.el-input__wrapper input {
-  color: var(--input-color);
-}
-.el-input .el-input__wrapper {
+}.el-input .el-input__wrapper {
   color: var(--input-color);
   background-color: var(--input-background);
   box-shadow: 0 0 0 1px var(--input-border) inset;
@@ -301,6 +318,23 @@
   background-color: var(--form-input-background);
   color: var(--input-color);
   box-shadow: 0 0 0 1px var(--input-border) inset;
+}
+.el-input__wrapper {
+  color: var(--input-color);
+  background-color: var(--input-background);
+  box-shadow: 0 0 0 1px var(--input-border) inset;
+}
+.el-input__wrapper input {
+  color: var(--input-color);
+}
+.el-input__wrapper.is-hovering, .el-input__wrapper:hover {
+  box-shadow: 0 0 0 1px var(--input-border__hover) inset;
+}
+.el-input__wrapper.is-focus, .el-input__wrapper:focus {
+  box-shadow: 0 0 0 1px var(--input-border__focus) inset;
+}
+.el-input__wrapper.is-disabled.is-hovering, .el-input__wrapper.is-disabled:hover {
+  box-shadow: 0 0 0 1px var(--input-border) inset;
 }.el-loading-mask {
   display: flex;
   align-items: center;
@@ -319,6 +353,7 @@
   margin-top: 60px;
   color: var(--frame-main-color);
 }.el-menu {
+  border: none;
   background-color: transparent;
 }
 .el-menu::-webkit-scrollbar {
@@ -331,8 +366,6 @@
 .el-menu .el-menu-item {
   display: flex;
   align-items: center;
-  height: 40px;
-  line-height: 40px;
   color: var(--menu-color);
   transition: none;
 }
@@ -464,7 +497,19 @@
 }
 .el-pagination.is-background .el-pagination__jump .el-input .el-input__wrapper, .el-pagination.is-background .el-pagination__jump .el-input .el-input__inner {
   background-color: var(--page-background);
-}.el-popper.el-popover {
+}.el-popper {
+  min-width: 50px;
+  color: var(--frame-main-color);
+  background: var(--popper-background);
+  border-color: var(--poper-border);
+}
+.el-popper .el-popover__title {
+  color: var(--frame-main-color);
+}
+.el-popper .el-popper__arrow::before {
+  background-color: var(--popper-background);
+}
+.el-popper.el-popover {
   min-width: 50px;
   color: var(--frame-main-color);
   background: var(--popper-background);
@@ -491,10 +536,22 @@
 .el-radio .el-radio__input.is-disabled .el-radio__inner {
   background-color: var(--radio-inner-background);
   border-color: var(--radio-inner-border);
-}.el-radio-group .el-radio .el-radio__label {
+}
+.el-radio .el-radio__label {
   color: var(--frame-main-color);
 }
-.el-radio-group.round {
+.el-radio.is-checked .el-radio__label {
+  color: var(--gw-color-primary);
+}
+.el-radio.is-bordered, .el-radio.is-bordered.is-disabled {
+  border-color: var(--radio-inner-border);
+}
+.el-radio.is-bordered.is-checked {
+  border-color: var(--radio-inner-border__checked);
+}
+.el-radio.is-bordered.is-checked .el-radio__label {
+  color: var(--gw-color-primary);
+}.el-radio-group.round {
   height: 40px;
   margin: 0 10px;
   padding: 3px;
@@ -532,11 +589,16 @@
   border: 1px solid var(--input-border);
   box-shadow: none;
 }
-.el-select .el-select__wrapper.is-focused, .el-select .el-select__wrapper.is-hovering {
+.el-select .el-select__wrapper.is-hovering {
+  border: 1px solid var(--input-border__hover);
+  box-shadow: none;
+}
+.el-select .el-select__wrapper.is-focused {
   border: 1px solid var(--input-border__focus);
   box-shadow: none;
 }
 .el-select .el-select__wrapper.is-disabled {
+  background-color: var(--input-background__disabled);
   border: 1px solid var(--input-border);
 }
 .el-select .el-select__wrapper .el-select__selected-item .el-tag {
@@ -549,9 +611,6 @@
 .el-select .el-select__wrapper .el-select__input.is-transparent, .el-select .el-select__wrapper .el-select__placeholder.is-transparent {
   color: var(--input-placeholder);
 }
-.el-form .el-select .el-select__wrapper {
-  background-color: var(--form-input-background);
-}
 .el-popper.el-select__popper {
   background: var(--select-dropdown-background);
   border: 1px solid var(--select-dropdown-border);
@@ -597,15 +656,15 @@
 .el-switch.is-checked .el-switch__core {
   background-color: var(--switch-core-border__active);
   border-color: var(--switch-core-background__active);
-}.el-table--enable-row-hover.el-table {
+}.el-table {
   background-color: transparent;
 }
-.el-table--enable-row-hover.el-table th,
-.el-table--enable-row-hover.el-table tr {
+.el-table th,
+.el-table tr {
   padding: 8px;
   background-color: var(--table-header-background);
 }
-.el-table--enable-row-hover.el-table .el-table__header th {
+.el-table .el-table__header th {
   height: 24px;
   padding: 8px;
   font-size: 14px;
@@ -614,28 +673,27 @@
   text-align: left;
   background-color: var(--table-header-background);
 }
-.el-table--enable-row-hover.el-table .el-table__header th.el-table__cell.is-leaf {
+.el-table .el-table__header th.el-table__cell.is-leaf {
   border: none;
+  background-color: var(--table-header-background);
 }
-.el-table--enable-row-hover.el-table .el-table__body-wrapper .el-scrollbar__view {
+.el-table .el-table__body-wrapper .el-scrollbar__view {
   height: 100%;
 }
-.el-table--enable-row-hover.el-table .el-table__empty-text {
+.el-table .el-table__empty-text {
   font-size: 24px;
   color: var(--con-textColor8);
 }
-.el-table--enable-row-hover.el-table tbody .iconfont {
+.el-table tbody .iconfont {
   font-size: 20px;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell {
+.el-table tbody .el-table__row td.el-table__cell {
   padding: 0 8px;
-  background-color: transparent;
   border: unset;
-  border-color: var(--table-body-border);
-  border-bottom: 1px solid;
+  border-bottom: 1px solid var(--table-body-border);
   transition: none;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell {
+.el-table tbody .el-table__row td.el-table__cell .cell {
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -648,14 +706,14 @@
   word-break: break-all;
   white-space: nowrap;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell span {
+.el-table tbody .el-table__row td.el-table__cell .cell span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .iconfont,
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-edit-outline,
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-delete {
+.el-table tbody .el-table__row td.el-table__cell .cell .iconfont,
+.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-edit-outline,
+.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-delete {
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -664,47 +722,46 @@
   padding-right: 10px;
   font-size: 18px;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .icon-gw-icon-shangchu,
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-delete {
+.el-table tbody .el-table__row td.el-table__cell .cell .icon-gw-icon-shangchu,
+.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-delete {
   color: #bf2533;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .icon-gw-icon-bianji,
-.el-table--enable-row-hover.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-edit-outline {
+.el-table tbody .el-table__row td.el-table__cell .cell .icon-gw-icon-bianji,
+.el-table tbody .el-table__row td.el-table__cell .cell .el-icon-edit-outline {
   margin-right: 8px;
   color: #346ae4;
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row:nth-child(2n) {
+.el-table tbody .el-table__row:nth-child(2n) {
   background-color: var(--table-body-background__strip1);
 }
-.el-table--enable-row-hover.el-table tbody .el-table__row:nth-child(2n+1) {
+.el-table tbody .el-table__row:nth-child(2n+1) {
   background-color: var(--table-body-background__strip2);
 }
-.el-table--enable-row-hover.el-table tbody tr.hover-row > td.el-table__cell {
+.el-table tbody tr.hover-row > td.el-table__cell {
   background-color: var(--table-body-background__hover);
 }
-.el-table--enable-row-hover.el-table tbody tr.hover-row > td.el-table__cell .cell {
+.el-table tbody tr.hover-row > td.el-table__cell .cell {
   background-color: var(--table-body-background__hover);
 }
-.el-table--enable-row-hover.el-table tbody tr:hover > td.el-table__cell {
+.el-table tbody tr:hover > td.el-table__cell {
   background-color: var(--table-body-background__hover);
 }
-.el-table--enable-row-hover.el-table tbody .el-table__fixed-right::before,
-.el-table--enable-row-hover.el-table tbody .el-table__fixed::before {
+.el-table tbody .el-table__fixed-right::before,
+.el-table tbody .el-table__fixed::before {
   background-color: transparent;
 }
-.el-table--enable-row-hover.el-table .el-table__fixed-right-patch {
+.el-table .el-table__fixed-right-patch {
   background-color: var(--table-header-background);
   border-bottom-color: var(--table-header-background);
 }
-.el-table--enable-row-hover.el-table th.gutter:last-of-type {
+.el-table th.gutter:last-of-type {
   border-color: var(--table-header-background);
 }
-.el-table--enable-row-hover.el-table .el-button--text {
+.el-table .el-button--text {
   color: var(--button-primary-color);
 }
 .el-table--border::after, .el-table--border::before,
 .el-table--border .el-table__inner-wrapper::after,
-.el-table--border .el-table__inner-wrapper::before,
 .el-table--border .el-table__border-left-patch {
   display: none;
 }
@@ -724,6 +781,9 @@
 }
 .el-table--border .el-icon.delete {
   color: var(--datepicker-dooter-button-color__danger);
+}
+.el-table__inner-wrapper::before {
+  display: none;
 }.el-transfer .el-transfer-panel {
   background-color: var(--transfer-background);
 }
@@ -786,4 +846,20 @@
 }
 .upload_wrapper .el-upload-list--text .el-upload-list__item:hover {
   background-color: unset;
+}.el-popper {
+  min-width: 50px;
+  color: var(--frame-main-color);
+  background: var(--popper-background);
+  border: 1px solid var(--poper-border);
+  box-shadow: 0 2px 12px 0 var(--menu-popup-boxshadow);
+}
+.el-popper .el-popover__title {
+  color: var(--frame-main-color);
+  font-weight: 500;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--frame-main-border);
+}
+.el-popper .el-popper__arrow::before {
+  background-color: var(--popper-background);
+  border: 1px solid var(--poper-border);
 }