更新主题冲突

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "front-next-vue3",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"private": true,
 	"scripts": {
 		"serve": "vue-cli-service serve",

public/theme/blue.css

@@ -1426,7 +1426,6 @@
 	margin: 0 3px;
 }
 .el-dropdown-menu {
-  position: absolute;
 	top: 0;
 	left: 0;
 	padding: 10px 0;
@@ -1448,8 +1447,8 @@
 }
 .el-dropdown-menu__item:focus,
 .el-dropdown-menu__item:not(.is-disabled):hover {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
-  color: #6784df;
+	color: rgb(103, 132, 223);
 }
 .el-dropdown-menu__item i {
 	margin-right: 5px;
@@ -1479,12 +1478,10 @@
 	padding: 0 17px;
 	font-size: 14px;
 }
-.el-dropdown-menu--medium
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 6px;
 }
-.el-dropdown-menu--medium
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 6px;
 	margin: 0 -17px;
 }
@@ -1496,12 +1493,10 @@
 	padding: 0 15px;
 	font-size: 13px;
 }
-.el-dropdown-menu--small
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 4px;
 }
-.el-dropdown-menu--small
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 4px;
 	margin: 0 -15px;
 }
@@ -1513,12 +1508,10 @@
 	padding: 0 10px;
 	font-size: 12px;
 }
-.el-dropdown-menu--mini
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 3px;
 }
-.el-dropdown-menu--mini
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 3px;
 	margin: 0 -10px;
 }
@@ -1656,10 +1649,7 @@
 	white-space: nowrap;
 	list-style: none;
 }
-.el-menu--collapse
+.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
-  .el-submenu.is-opened
-  > .el-submenu__title
-  .el-submenu__icon-arrow {
 	-webkit-transform: none;
 	transform: none;
 }
@@ -1696,7 +1686,7 @@
 .el-menu-item:focus,
 .el-menu-item:hover {
 	outline: 0;
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-menu-item.is-disabled {
 	opacity: 0.25;
@@ -1739,7 +1729,7 @@
 .el-submenu__title:focus,
 .el-submenu__title:hover {
 	outline: 0;
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-submenu__title.is-disabled {
 	opacity: 0.25;
@@ -1747,7 +1737,7 @@
 	background: 0 0 !important;
 }
 .el-submenu__title:hover {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-submenu .el-menu {
 	border: none;
@@ -2607,9 +2597,7 @@
 .el-table-filter {
 	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
-.el-table__body-wrapper
+.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
-  .el-table--border.is-scrolling-right
-  ~ .el-table__fixed-right {
 	border-left: 1px solid #ebeef5;
 }
 .el-table .caret-wrapper {
@@ -2659,7 +2647,7 @@
 	background: #fafafa;
 }
 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-table__body tr.hover-row.current-row > td,
 .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
@@ -2668,7 +2656,7 @@
 	background-color: #f5f7fa;
 }
 .el-table__body tr.current-row > td {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-table__column-resize-proxy {
 	position: absolute;
@@ -2741,8 +2729,8 @@
 	font-size: 14px;
 }
 .el-table-filter__list-item:hover {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
-  color: #6784df;
+	color: rgb(103, 132, 223);
 }
 .el-table-filter__list-item.is-active {
 	background-color: #4165d7;
@@ -3254,6 +3242,9 @@
 .el-date-editor .el-range-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-date-editor .el-range-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-date-editor .el-range-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -3350,6 +3341,9 @@
 .el-range-editor.is-disabled input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-range-editor.is-disabled input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-range-editor.is-disabled input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -3474,8 +3468,7 @@
 	vertical-align: top;
 	position: relative;
 }
-.el-time-spinner__wrapper
+.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
-  .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
 	padding-bottom: 15px;
 }
 .el-time-spinner__input.el-input .el-input__inner,
@@ -3493,8 +3486,7 @@
 	-webkit-transform: translateY(-32px);
 	transform: translateY(-32px);
 }
-.el-time-spinner__wrapper.is-arrow
+.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
-  .el-time-spinner__item:hover:not(.disabled):not(.active) {
 	background: #fff;
 	cursor: default;
 }
@@ -4134,8 +4126,7 @@
 	height: 2px;
 	background-color: #4165d7;
 	z-index: 1;
-  -webkit-transition: -webkit-transform 0.3s
+	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
@@ -4309,14 +4300,8 @@
 	-webkit-transform-origin: 100% 50%;
 	transform-origin: 100% 50%;
 }
-.el-tabs--card
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
-  > .el-tabs__header
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
-  .el-tabs__item.is-active.is-closable
-  .el-icon-close,
-.el-tabs--card
-  > .el-tabs__header
-  .el-tabs__item.is-closable:hover
-  .el-icon-close {
 	width: 14px;
 }
 .el-tabs--card > .el-tabs__header .el-tabs__item {
@@ -4344,8 +4329,7 @@
 .el-tabs--border-card {
 	background: #fff;
 	border: 1px solid #dcdfe6;
-  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
-    0 0 6px 0 rgba(0, 0, 0, 0.04);
 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
 }
 .el-tabs--border-card > .el-tabs__content {
@@ -4373,18 +4357,13 @@
 	border-right-color: #dcdfe6;
 	border-left-color: #dcdfe6;
 }
-.el-tabs--border-card
+.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
-  > .el-tabs__header
-  .el-tabs__item:not(.is-disabled):hover {
 	color: #4165d7;
 }
 .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
 	color: #c0c4cc;
 }
-.el-tabs--border-card
+.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
-  > .el-tabs__header
-  .is-scrollable
-  .el-tabs__item:first-child {
 	margin-left: 0;
 }
 .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
@@ -4401,23 +4380,17 @@
 }
 .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
-.el-tabs--bottom.el-tabs--border-card
+.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
-  > .el-tabs__header
-  .el-tabs__item:nth-child(2),
 .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
-.el-tabs--top.el-tabs--border-card
+.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
-  > .el-tabs__header
-  .el-tabs__item:nth-child(2),
 .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
 	padding-left: 20px;
 }
 .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
-.el-tabs--bottom.el-tabs--border-card
+.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
-  > .el-tabs__header
-  .el-tabs__item:last-child,
 .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
@@ -4905,7 +4878,7 @@
 	display: block;
 }
 .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  background-color: #f0f3fc;
+	background-color: #f0f7ff;
 }
 .el-alert {
 	width: 100%;
@@ -5042,12 +5015,10 @@
 	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 	-webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
 		-webkit-transform 0.3s;
-  transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
+	transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
+	transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
+	transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
 		-webkit-transform 0.3s;
-  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
-    bottom 0.3s;
-  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
-    bottom 0.3s, -webkit-transform 0.3s;
 	overflow: hidden;
 }
 .el-notification.right {
@@ -5146,12 +5117,8 @@
 .el-input-number__increase:hover {
 	color: #4165d7;
 }
-.el-input-number__decrease:hover:not(.is-disabled)
+.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
-  ~ .el-input
+.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-  .el-input__inner:not(.is-disabled),
-.el-input-number__increase:hover:not(.is-disabled)
-  ~ .el-input
-  .el-input__inner:not(.is-disabled) {
 	border-color: #4165d7;
 }
 .el-input-number__decrease.is-disabled,
@@ -5241,12 +5208,8 @@
 	height: auto;
 	line-height: 19px;
 }
-.el-input-number.is-controls-right
+.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"],
-  .el-input-number__decrease
+.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] {
-  [class*="el-icon"],
-.el-input-number.is-controls-right
-  .el-input-number__increase
-  [class*="el-icon"] {
 	-webkit-transform: scale(0.8);
 	transform: scale(0.8);
 }
@@ -5581,19 +5544,13 @@
 	width: 36px;
 	margin-top: 15px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
-  .el-slider__input
-  .el-input__inner {
 	text-align: center;
 	padding-left: 5px;
 	padding-right: 5px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
-  .el-slider__input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input
-  .el-input-number__increase {
 	top: 32px;
 	margin-top: -1px;
 	border: 1px solid #dcdfe6;
@@ -5603,16 +5560,12 @@
 	-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
-  .el-slider__input
-  .el-input-number__decrease {
 	width: 18px;
 	right: 18px;
 	border-bottom-left-radius: 4px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
-  .el-slider__input
-  .el-input-number__increase {
 	width: 19px;
 	border-bottom-right-radius: 4px;
 }
@@ -5624,20 +5577,12 @@
 	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
-  .el-slider__input:hover
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:hover
-  .el-input-number__increase {
 	border-color: #c0c4cc;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
-  .el-slider__input:active
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:active
-  .el-input-number__increase {
 	border-color: #4165d7;
 }
 .el-slider.is-vertical .el-slider__marks-text {
@@ -8101,9 +8046,7 @@
 .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
 	display: none;
 }
-.el-upload-list.is-disabled
+.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	display: block;
 }
 .el-upload-list__item-name {
@@ -8163,9 +8106,7 @@
 	color: #fff;
 }
 .el-upload-list--picture-card .el-upload-list__item .el-icon-close,
-.el-upload-list--picture-card
+.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	display: none;
 }
 .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
@@ -8225,9 +8166,7 @@
 .el-upload-list--picture-card .el-upload-list__item-actions span + span {
 	margin-left: 15px;
 }
-.el-upload-list--picture-card
+.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
-  .el-upload-list__item-actions
-  .el-upload-list__item-delete {
 	position: static;
 	font-size: inherit;
 	color: inherit;
@@ -8265,9 +8204,7 @@
 .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
 	color: #fff;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	background: 0 0;
 	-webkit-box-shadow: none;
 	box-shadow: none;
@@ -8277,16 +8214,11 @@
 .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
 	display: block;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
-  .el-upload-list__item.is-success
-  .el-upload-list__item-name {
 	line-height: 70px;
 	margin-top: 0;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
-  .el-upload-list__item.is-success
-  .el-upload-list__item-name
-  i {
 	display: none;
 }
 .el-upload-list--picture .el-upload-list__item-thumbnail {
@@ -9627,8 +9559,8 @@
 	border-left-color: #fff;
 }
 .el-tag {
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
-  border-color: #d9e0f7;
+	border-color: rgb(217, 224, 247);
 	display: inline-block;
 	height: 32px;
 	padding: 0 10px;
@@ -9740,7 +9672,7 @@
 }
 .el-tag--dark .el-tag__close:hover {
 	color: #fff;
-  background-color: #6784df;
+	background-color: rgb(103, 132, 223);
 }
 .el-tag--dark.el-tag--info {
 	background-color: #909399;
@@ -9804,7 +9736,7 @@
 }
 .el-tag--plain {
 	background-color: #fff;
-  border-color: #b3c1ef;
+	border-color: rgb(179, 193, 239);
 	color: #4165d7;
 }
 .el-tag--plain.is-hit {
@@ -10070,6 +10002,9 @@
 .el-cascader__search-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-cascader__search-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-cascader__search-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10228,13 +10163,7 @@
 	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
 }
 .el-color-svpanel__black {
-  background: -webkit-gradient(
+	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
-    linear,
-    left bottom,
-    left top,
-    from(#000),
-    to(rgba(0, 0, 0, 0))
-  );
 	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
 }
 .el-color-svpanel__cursor {
@@ -10357,7 +10286,7 @@
 	font-size: 12px;
 }
 .el-color-dropdown__link-btn:hover {
-  color: tint(#4165d7, 20%);
+	color: tint(primary, 20%);
 }
 .el-color-picker {
 	display: inline-block;
@@ -10515,6 +10444,9 @@
 .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10545,6 +10477,9 @@
 .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10643,6 +10578,9 @@
 .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10695,6 +10633,9 @@
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10969,11 +10910,7 @@
 	color: #303133;
 	font-weight: 400;
 }
-.el-transfer-panel
+.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
-  .el-transfer-panel__header
-  .el-checkbox
-  .el-checkbox__label
-  span {
 	position: absolute;
 	right: 15px;
 	color: #909399;
@@ -11241,10 +11178,10 @@
 	color: #4165d7;
 }
 .el-link.el-link--primary:hover {
-  color: #6784df;
+	color: rgb(103, 132, 223);
 }
 .el-link.el-link--primary.is-disabled {
-  color: #a0b2eb;
+	color: rgb(160, 178, 235);
 }
 .el-link.el-link--danger.is-underline:hover:after,
 .el-link.el-link--danger:after {
@@ -11573,12 +11510,12 @@
 .el-button:focus,
 .el-button:hover {
 	color: #4165d7;
-  border-color: #c6d1f3;
+	border-color: rgb(198, 209, 243);
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
 }
 .el-button:active {
-  color: #3b5bc2;
+	color: rgb(59, 91, 194);
-  border-color: #3b5bc2;
+	border-color: rgb(59, 91, 194);
 	outline: 0;
 }
 .el-button::-moz-focus-inner {
@@ -11595,8 +11532,8 @@
 }
 .el-button.is-active,
 .el-button.is-plain:active {
-  color: #3b5bc2;
+	color: rgb(59, 91, 194);
-  border-color: #3b5bc2;
+	border-color: rgb(59, 91, 194);
 }
 .el-button.is-plain:active {
 	background: #fff;
@@ -11651,14 +11588,14 @@
 }
 .el-button--primary:focus,
 .el-button--primary:hover {
-  background: #6784df;
+	background: rgb(103, 132, 223);
-  border-color: #6784df;
+	border-color: rgb(103, 132, 223);
 	color: #fff;
 }
 .el-button--primary.is-active,
 .el-button--primary:active {
-  background: #3b5bc2;
+	background: rgb(59, 91, 194);
-  border-color: #3b5bc2;
+	border-color: rgb(59, 91, 194);
 	color: #fff;
 }
 .el-button--primary:active {
@@ -11669,13 +11606,13 @@
 .el-button--primary.is-disabled:focus,
 .el-button--primary.is-disabled:hover {
 	color: #fff;
-  background-color: #a0b2eb;
+	background-color: rgb(160, 178, 235);
-  border-color: #a0b2eb;
+	border-color: rgb(160, 178, 235);
 }
 .el-button--primary.is-plain {
 	color: #4165d7;
-  background: #ecf0fb;
+	background: rgb(236, 240, 251);
-  border-color: #b3c1ef;
+	border-color: rgb(179, 193, 239);
 }
 .el-button--primary.is-plain:focus,
 .el-button--primary.is-plain:hover {
@@ -11684,8 +11621,8 @@
 	color: #fff;
 }
 .el-button--primary.is-plain:active {
-  background: #3b5bc2;
+	background: rgb(59, 91, 194);
-  border-color: #3b5bc2;
+	border-color: rgb(59, 91, 194);
 	color: #fff;
 	outline: 0;
 }
@@ -11693,9 +11630,9 @@
 .el-button--primary.is-plain.is-disabled:active,
 .el-button--primary.is-plain.is-disabled:focus,
 .el-button--primary.is-plain.is-disabled:hover {
-  color: #8da3e7;
+	color: rgb(141, 163, 231);
-  background-color: #ecf0fb;
+	background-color: rgb(236, 240, 251);
-  border-color: #d9e0f7;
+	border-color: rgb(217, 224, 247);
 }
 .el-button--success {
 	color: #fff;
@@ -11954,12 +11891,12 @@
 }
 .el-button--text:focus,
 .el-button--text:hover {
-  color: #6784df;
+	color: rgb(103, 132, 223);
 	border-color: transparent;
 	background-color: transparent;
 }
 .el-button--text:active {
-  color: #3b5bc2;
+	color: rgb(59, 91, 194);
 	background-color: transparent;
 }
 .el-button-group {
@@ -12389,8 +12326,7 @@
 	-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
 	transition: -webkit-transform 0.15s ease-in 0.05s;
 	transition: transform 0.15s ease-in 0.05s;
-  transition: transform 0.15s ease-in 0.05s,
+	transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
-    -webkit-transform 0.15s ease-in 0.05s;
 	-webkit-transform-origin: center;
 	transform-origin: center;
 }
@@ -12473,8 +12409,8 @@
 	color: #fff;
 	background-color: #4165d7;
 	border-color: #4165d7;
-  -webkit-box-shadow: -1px 0 0 0 #8da3e7;
+	-webkit-box-shadow: -1px 0 0 0 rgb(141, 163, 231);
-  box-shadow: -1px 0 0 0 #8da3e7;
+	box-shadow: -1px 0 0 0 rgb(141, 163, 231);
 }
 .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
 	border-left-color: #4165d7;
@@ -12910,182 +12846,6 @@
 	bottom: 0;
 	height: 100%;
 }
-@-webkit-keyframes el-drawer-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes el-drawer-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes rtl-drawer-in {
-  0% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes rtl-drawer-in {
-  0% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes rtl-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-}
-@keyframes rtl-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-}
-@-webkit-keyframes ltr-drawer-in {
-  0% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes ltr-drawer-in {
-  0% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes ltr-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-}
-@keyframes ltr-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-}
-@-webkit-keyframes ttb-drawer-in {
-  0% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes ttb-drawer-in {
-  0% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes ttb-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-}
-@keyframes ttb-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-}
-@-webkit-keyframes btt-drawer-in {
-  0% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes btt-drawer-in {
-  0% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes btt-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-}
-@keyframes btt-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-}
 .el-drawer {
 	position: absolute;
 	box-sizing: border-box;
@@ -13093,10 +12853,10 @@
 	display: flex;
 	-ms-flex-direction: column;
 	flex-direction: column;
-  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
+	-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-    0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
+		0 6px 30px 5px rgba(0, 0, 0, 0.12);
-  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
+	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-    0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
+		0 6px 30px 5px rgba(0, 0, 0, 0.12);
 	outline: 0;
 }
 .el-drawer.rtl {
@@ -13208,8 +12968,11 @@
 	margin: 0;
 }
 
-.cl-slider-menu .el-menu-item.is-active,
+/* custom */
-.cl-slider-menu .el-menu-item:hover,
+
-.cl-slider-menu .el-menu .el-submenu__title:hover {
+.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover,
+.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active,
+.app-slider .cl-slider-menu .el-menu .el-menu-item:hover,
+.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active {
 	background-color: #4165d7 !important;
 }

public/theme/green.css

@@ -1426,7 +1426,6 @@
 	margin: 0 3px;
 }
 .el-dropdown-menu {
-  position: absolute;
 	top: 0;
 	left: 0;
 	padding: 10px 0;
@@ -1448,8 +1447,8 @@
 }
 .el-dropdown-menu__item:focus,
 .el-dropdown-menu__item:not(.is-disabled):hover {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
-  color: #74ce48;
+	color: rgb(116, 206, 72);
 }
 .el-dropdown-menu__item i {
 	margin-right: 5px;
@@ -1479,12 +1478,10 @@
 	padding: 0 17px;
 	font-size: 14px;
 }
-.el-dropdown-menu--medium
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 6px;
 }
-.el-dropdown-menu--medium
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 6px;
 	margin: 0 -17px;
 }
@@ -1496,12 +1493,10 @@
 	padding: 0 15px;
 	font-size: 13px;
 }
-.el-dropdown-menu--small
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 4px;
 }
-.el-dropdown-menu--small
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 4px;
 	margin: 0 -15px;
 }
@@ -1513,12 +1508,10 @@
 	padding: 0 10px;
 	font-size: 12px;
 }
-.el-dropdown-menu--mini
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
 	margin-top: 3px;
 }
-.el-dropdown-menu--mini
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-  .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
 	height: 3px;
 	margin: 0 -10px;
 }
@@ -1656,10 +1649,7 @@
 	white-space: nowrap;
 	list-style: none;
 }
-.el-menu--collapse
+.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
-  .el-submenu.is-opened
-  > .el-submenu__title
-  .el-submenu__icon-arrow {
 	-webkit-transform: none;
 	transform: none;
 }
@@ -1696,7 +1686,7 @@
 .el-menu-item:focus,
 .el-menu-item:hover {
 	outline: 0;
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-menu-item.is-disabled {
 	opacity: 0.25;
@@ -1739,7 +1729,7 @@
 .el-submenu__title:focus,
 .el-submenu__title:hover {
 	outline: 0;
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-submenu__title.is-disabled {
 	opacity: 0.25;
@@ -1747,7 +1737,7 @@
 	background: 0 0 !important;
 }
 .el-submenu__title:hover {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-submenu .el-menu {
 	border: none;
@@ -2607,9 +2597,7 @@
 .el-table-filter {
 	-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
-.el-table__body-wrapper
+.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
-  .el-table--border.is-scrolling-right
-  ~ .el-table__fixed-right {
 	border-left: 1px solid #ebeef5;
 }
 .el-table .caret-wrapper {
@@ -2659,7 +2647,7 @@
 	background: #fafafa;
 }
 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-table__body tr.hover-row.current-row > td,
 .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
@@ -2668,7 +2656,7 @@
 	background-color: #f5f7fa;
 }
 .el-table__body tr.current-row > td {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-table__column-resize-proxy {
 	position: absolute;
@@ -2741,8 +2729,8 @@
 	font-size: 14px;
 }
 .el-table-filter__list-item:hover {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
-  color: #74ce48;
+	color: rgb(116, 206, 72);
 }
 .el-table-filter__list-item.is-active {
 	background-color: #51c21a;
@@ -3254,6 +3242,9 @@
 .el-date-editor .el-range-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-date-editor .el-range-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-date-editor .el-range-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -3350,6 +3341,9 @@
 .el-range-editor.is-disabled input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-range-editor.is-disabled input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-range-editor.is-disabled input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -3474,8 +3468,7 @@
 	vertical-align: top;
 	position: relative;
 }
-.el-time-spinner__wrapper
+.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
-  .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
 	padding-bottom: 15px;
 }
 .el-time-spinner__input.el-input .el-input__inner,
@@ -3493,8 +3486,7 @@
 	-webkit-transform: translateY(-32px);
 	transform: translateY(-32px);
 }
-.el-time-spinner__wrapper.is-arrow
+.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
-  .el-time-spinner__item:hover:not(.disabled):not(.active) {
 	background: #fff;
 	cursor: default;
 }
@@ -4134,8 +4126,7 @@
 	height: 2px;
 	background-color: #51c21a;
 	z-index: 1;
-  -webkit-transition: -webkit-transform 0.3s
+	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
@@ -4309,14 +4300,8 @@
 	-webkit-transform-origin: 100% 50%;
 	transform-origin: 100% 50%;
 }
-.el-tabs--card
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,
-  > .el-tabs__header
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
-  .el-tabs__item.is-active.is-closable
-  .el-icon-close,
-.el-tabs--card
-  > .el-tabs__header
-  .el-tabs__item.is-closable:hover
-  .el-icon-close {
 	width: 14px;
 }
 .el-tabs--card > .el-tabs__header .el-tabs__item {
@@ -4344,8 +4329,7 @@
 .el-tabs--border-card {
 	background: #fff;
 	border: 1px solid #dcdfe6;
-  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
-    0 0 6px 0 rgba(0, 0, 0, 0.04);
 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
 }
 .el-tabs--border-card > .el-tabs__content {
@@ -4373,18 +4357,13 @@
 	border-right-color: #dcdfe6;
 	border-left-color: #dcdfe6;
 }
-.el-tabs--border-card
+.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
-  > .el-tabs__header
-  .el-tabs__item:not(.is-disabled):hover {
 	color: #51c21a;
 }
 .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
 	color: #c0c4cc;
 }
-.el-tabs--border-card
+.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
-  > .el-tabs__header
-  .is-scrollable
-  .el-tabs__item:first-child {
 	margin-left: 0;
 }
 .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
@@ -4401,23 +4380,17 @@
 }
 .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
-.el-tabs--bottom.el-tabs--border-card
+.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
-  > .el-tabs__header
-  .el-tabs__item:nth-child(2),
 .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
 .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
-.el-tabs--top.el-tabs--border-card
+.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2),
-  > .el-tabs__header
-  .el-tabs__item:nth-child(2),
 .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
 	padding-left: 20px;
 }
 .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
-.el-tabs--bottom.el-tabs--border-card
+.el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child,
-  > .el-tabs__header
-  .el-tabs__item:last-child,
 .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
 .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
@@ -4905,7 +4878,7 @@
 	display: block;
 }
 .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-  background-color: #f1faed;
+	background-color: #f0f7ff;
 }
 .el-alert {
 	width: 100%;
@@ -5042,12 +5015,10 @@
 	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 	-webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
 		-webkit-transform 0.3s;
-  transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
+	transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
+	transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
+	transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s,
 		-webkit-transform 0.3s;
-  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
-    bottom 0.3s;
-  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
-    bottom 0.3s, -webkit-transform 0.3s;
 	overflow: hidden;
 }
 .el-notification.right {
@@ -5146,12 +5117,8 @@
 .el-input-number__increase:hover {
 	color: #51c21a;
 }
-.el-input-number__decrease:hover:not(.is-disabled)
+.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
-  ~ .el-input
+.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-  .el-input__inner:not(.is-disabled),
-.el-input-number__increase:hover:not(.is-disabled)
-  ~ .el-input
-  .el-input__inner:not(.is-disabled) {
 	border-color: #51c21a;
 }
 .el-input-number__decrease.is-disabled,
@@ -5241,12 +5208,8 @@
 	height: auto;
 	line-height: 19px;
 }
-.el-input-number.is-controls-right
+.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"],
-  .el-input-number__decrease
+.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] {
-  [class*="el-icon"],
-.el-input-number.is-controls-right
-  .el-input-number__increase
-  [class*="el-icon"] {
 	-webkit-transform: scale(0.8);
 	transform: scale(0.8);
 }
@@ -5581,19 +5544,13 @@
 	width: 36px;
 	margin-top: 15px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
-  .el-slider__input
-  .el-input__inner {
 	text-align: center;
 	padding-left: 5px;
 	padding-right: 5px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
-  .el-slider__input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input
-  .el-input-number__increase {
 	top: 32px;
 	margin-top: -1px;
 	border: 1px solid #dcdfe6;
@@ -5603,16 +5560,12 @@
 	-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 	transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
-  .el-slider__input
-  .el-input-number__decrease {
 	width: 18px;
 	right: 18px;
 	border-bottom-left-radius: 4px;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
-  .el-slider__input
-  .el-input-number__increase {
 	width: 19px;
 	border-bottom-right-radius: 4px;
 }
@@ -5624,20 +5577,12 @@
 	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
-  .el-slider__input:hover
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:hover
-  .el-input-number__increase {
 	border-color: #c0c4cc;
 }
-.el-slider.is-vertical.el-slider--with-input
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
-  .el-slider__input:active
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:active
-  .el-input-number__increase {
 	border-color: #51c21a;
 }
 .el-slider.is-vertical .el-slider__marks-text {
@@ -8101,9 +8046,7 @@
 .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
 	display: none;
 }
-.el-upload-list.is-disabled
+.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	display: block;
 }
 .el-upload-list__item-name {
@@ -8163,9 +8106,7 @@
 	color: #fff;
 }
 .el-upload-list--picture-card .el-upload-list__item .el-icon-close,
-.el-upload-list--picture-card
+.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	display: none;
 }
 .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
@@ -8225,9 +8166,7 @@
 .el-upload-list--picture-card .el-upload-list__item-actions span + span {
 	margin-left: 15px;
 }
-.el-upload-list--picture-card
+.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
-  .el-upload-list__item-actions
-  .el-upload-list__item-delete {
 	position: static;
 	font-size: inherit;
 	color: inherit;
@@ -8265,9 +8204,7 @@
 .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
 	color: #fff;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
 	background: 0 0;
 	-webkit-box-shadow: none;
 	box-shadow: none;
@@ -8277,16 +8214,11 @@
 .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
 	display: block;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
-  .el-upload-list__item.is-success
-  .el-upload-list__item-name {
 	line-height: 70px;
 	margin-top: 0;
 }
-.el-upload-list--picture
+.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
-  .el-upload-list__item.is-success
-  .el-upload-list__item-name
-  i {
 	display: none;
 }
 .el-upload-list--picture .el-upload-list__item-thumbnail {
@@ -9627,8 +9559,8 @@
 	border-left-color: #fff;
 }
 .el-tag {
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
-  border-color: #dcf3d1;
+	border-color: rgb(220, 243, 209);
 	display: inline-block;
 	height: 32px;
 	padding: 0 10px;
@@ -9740,7 +9672,7 @@
 }
 .el-tag--dark .el-tag__close:hover {
 	color: #fff;
-  background-color: #74ce48;
+	background-color: rgb(116, 206, 72);
 }
 .el-tag--dark.el-tag--info {
 	background-color: #909399;
@@ -9804,7 +9736,7 @@
 }
 .el-tag--plain {
 	background-color: #fff;
-  border-color: #b9e7a3;
+	border-color: rgb(185, 231, 163);
 	color: #51c21a;
 }
 .el-tag--plain.is-hit {
@@ -10070,6 +10002,9 @@
 .el-cascader__search-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-cascader__search-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-cascader__search-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10228,13 +10163,7 @@
 	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
 }
 .el-color-svpanel__black {
-  background: -webkit-gradient(
+	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
-    linear,
-    left bottom,
-    left top,
-    from(#000),
-    to(rgba(0, 0, 0, 0))
-  );
 	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
 }
 .el-color-svpanel__cursor {
@@ -10357,7 +10286,7 @@
 	font-size: 12px;
 }
 .el-color-dropdown__link-btn:hover {
-  color: tint(#51c21a, 20%);
+	color: tint(primary, 20%);
 }
 .el-color-picker {
 	display: inline-block;
@@ -10515,6 +10444,9 @@
 .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10545,6 +10477,9 @@
 .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10643,6 +10578,9 @@
 .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10695,6 +10633,9 @@
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10969,11 +10910,7 @@
 	color: #303133;
 	font-weight: 400;
 }
-.el-transfer-panel
+.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
-  .el-transfer-panel__header
-  .el-checkbox
-  .el-checkbox__label
-  span {
 	position: absolute;
 	right: 15px;
 	color: #909399;
@@ -11241,10 +11178,10 @@
 	color: #51c21a;
 }
 .el-link.el-link--primary:hover {
-  color: #74ce48;
+	color: rgb(116, 206, 72);
 }
 .el-link.el-link--primary.is-disabled {
-  color: #a8e18d;
+	color: rgb(168, 225, 141);
 }
 .el-link.el-link--danger.is-underline:hover:after,
 .el-link.el-link--danger:after {
@@ -11573,12 +11510,12 @@
 .el-button:focus,
 .el-button:hover {
 	color: #51c21a;
-  border-color: #cbedba;
+	border-color: rgb(203, 237, 186);
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
 }
 .el-button:active {
-  color: #49af17;
+	color: rgb(73, 175, 23);
-  border-color: #49af17;
+	border-color: rgb(73, 175, 23);
 	outline: 0;
 }
 .el-button::-moz-focus-inner {
@@ -11595,8 +11532,8 @@
 }
 .el-button.is-active,
 .el-button.is-plain:active {
-  color: #49af17;
+	color: rgb(73, 175, 23);
-  border-color: #49af17;
+	border-color: rgb(73, 175, 23);
 }
 .el-button.is-plain:active {
 	background: #fff;
@@ -11651,14 +11588,14 @@
 }
 .el-button--primary:focus,
 .el-button--primary:hover {
-  background: #74ce48;
+	background: rgb(116, 206, 72);
-  border-color: #74ce48;
+	border-color: rgb(116, 206, 72);
 	color: #fff;
 }
 .el-button--primary.is-active,
 .el-button--primary:active {
-  background: #49af17;
+	background: rgb(73, 175, 23);
-  border-color: #49af17;
+	border-color: rgb(73, 175, 23);
 	color: #fff;
 }
 .el-button--primary:active {
@@ -11669,13 +11606,13 @@
 .el-button--primary.is-disabled:focus,
 .el-button--primary.is-disabled:hover {
 	color: #fff;
-  background-color: #a8e18d;
+	background-color: rgb(168, 225, 141);
-  border-color: #a8e18d;
+	border-color: rgb(168, 225, 141);
 }
 .el-button--primary.is-plain {
 	color: #51c21a;
-  background: #eef9e8;
+	background: rgb(238, 249, 232);
-  border-color: #b9e7a3;
+	border-color: rgb(185, 231, 163);
 }
 .el-button--primary.is-plain:focus,
 .el-button--primary.is-plain:hover {
@@ -11684,8 +11621,8 @@
 	color: #fff;
 }
 .el-button--primary.is-plain:active {
-  background: #49af17;
+	background: rgb(73, 175, 23);
-  border-color: #49af17;
+	border-color: rgb(73, 175, 23);
 	color: #fff;
 	outline: 0;
 }
@@ -11693,9 +11630,9 @@
 .el-button--primary.is-plain.is-disabled:active,
 .el-button--primary.is-plain.is-disabled:focus,
 .el-button--primary.is-plain.is-disabled:hover {
-  color: #97da76;
+	color: rgb(151, 218, 118);
-  background-color: #eef9e8;
+	background-color: rgb(238, 249, 232);
-  border-color: #dcf3d1;
+	border-color: rgb(220, 243, 209);
 }
 .el-button--success {
 	color: #fff;
@@ -11954,12 +11891,12 @@
 }
 .el-button--text:focus,
 .el-button--text:hover {
-  color: #74ce48;
+	color: rgb(116, 206, 72);
 	border-color: transparent;
 	background-color: transparent;
 }
 .el-button--text:active {
-  color: #49af17;
+	color: rgb(73, 175, 23);
 	background-color: transparent;
 }
 .el-button-group {
@@ -12389,8 +12326,7 @@
 	-webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
 	transition: -webkit-transform 0.15s ease-in 0.05s;
 	transition: transform 0.15s ease-in 0.05s;
-  transition: transform 0.15s ease-in 0.05s,
+	transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
-    -webkit-transform 0.15s ease-in 0.05s;
 	-webkit-transform-origin: center;
 	transform-origin: center;
 }
@@ -12473,8 +12409,8 @@
 	color: #fff;
 	background-color: #51c21a;
 	border-color: #51c21a;
-  -webkit-box-shadow: -1px 0 0 0 #97da76;
+	-webkit-box-shadow: -1px 0 0 0 rgb(151, 218, 118);
-  box-shadow: -1px 0 0 0 #97da76;
+	box-shadow: -1px 0 0 0 rgb(151, 218, 118);
 }
 .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
 	border-left-color: #51c21a;
@@ -12910,182 +12846,6 @@
 	bottom: 0;
 	height: 100%;
 }
-@-webkit-keyframes el-drawer-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes el-drawer-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes rtl-drawer-in {
-  0% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes rtl-drawer-in {
-  0% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes rtl-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-}
-@keyframes rtl-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(100%, 0);
-    transform: translate(100%, 0);
-  }
-}
-@-webkit-keyframes ltr-drawer-in {
-  0% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes ltr-drawer-in {
-  0% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes ltr-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-}
-@keyframes ltr-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(-100%, 0);
-    transform: translate(-100%, 0);
-  }
-}
-@-webkit-keyframes ttb-drawer-in {
-  0% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes ttb-drawer-in {
-  0% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes ttb-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-}
-@keyframes ttb-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, -100%);
-    transform: translate(0, -100%);
-  }
-}
-@-webkit-keyframes btt-drawer-in {
-  0% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@keyframes btt-drawer-in {
-  0% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-  100% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-}
-@-webkit-keyframes btt-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-}
-@keyframes btt-drawer-out {
-  0% {
-    -webkit-transform: translate(0, 0);
-    transform: translate(0, 0);
-  }
-  100% {
-    -webkit-transform: translate(0, 100%);
-    transform: translate(0, 100%);
-  }
-}
 .el-drawer {
 	position: absolute;
 	box-sizing: border-box;
@@ -13093,10 +12853,10 @@
 	display: flex;
 	-ms-flex-direction: column;
 	flex-direction: column;
-  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
+	-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-    0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
+		0 6px 30px 5px rgba(0, 0, 0, 0.12);
-  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),
+	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
-    0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
+		0 6px 30px 5px rgba(0, 0, 0, 0.12);
 	outline: 0;
 }
 .el-drawer.rtl {
@@ -13208,8 +12968,11 @@
 	margin: 0;
 }
 
-.cl-slider-menu .el-menu-item.is-active,
+/* custom */
-.cl-slider-menu .el-menu-item:hover,
+
-.cl-slider-menu .el-menu .el-submenu__title:hover {
+.app-slider .cl-slider-menu .el-menu .el-submenu__title:hover,
-  background-color: #51C21A !important;
+.app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active,
+.app-slider .cl-slider-menu .el-menu .el-menu-item:hover,
+.app-slider .cl-slider-menu .el-menu .el-menu-item.is-active {
+	background-color: #51c21a !important;
 }

public/theme/purple.css

@@ -1426,7 +1426,6 @@
 	margin: 0 3px;
 }
 .el-dropdown-menu {
-	position: absolute;
 	top: 0;
 	left: 0;
 	padding: 10px 0;
@@ -1448,8 +1447,8 @@
 }
 .el-dropdown-menu__item:focus,
 .el-dropdown-menu__item:not(.is-disabled):hover {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
-	color: #d95fa4;
+	color: rgb(217, 95, 164);
 }
 .el-dropdown-menu__item i {
 	margin-right: 5px;
@@ -1687,7 +1686,7 @@
 .el-menu-item:focus,
 .el-menu-item:hover {
 	outline: 0;
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-menu-item.is-disabled {
 	opacity: 0.25;
@@ -1730,7 +1729,7 @@
 .el-submenu__title:focus,
 .el-submenu__title:hover {
 	outline: 0;
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-submenu__title.is-disabled {
 	opacity: 0.25;
@@ -1738,7 +1737,7 @@
 	background: 0 0 !important;
 }
 .el-submenu__title:hover {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-submenu .el-menu {
 	border: none;
@@ -2648,7 +2647,7 @@
 	background: #fafafa;
 }
 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-table__body tr.hover-row.current-row > td,
 .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
@@ -2657,7 +2656,7 @@
 	background-color: #f5f7fa;
 }
 .el-table__body tr.current-row > td {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-table__column-resize-proxy {
 	position: absolute;
@@ -2730,8 +2729,8 @@
 	font-size: 14px;
 }
 .el-table-filter__list-item:hover {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
-	color: #d95fa4;
+	color: rgb(217, 95, 164);
 }
 .el-table-filter__list-item.is-active {
 	background-color: #d0378d;
@@ -3243,6 +3242,9 @@
 .el-date-editor .el-range-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-date-editor .el-range-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-date-editor .el-range-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -3339,6 +3341,9 @@
 .el-range-editor.is-disabled input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-range-editor.is-disabled input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-range-editor.is-disabled input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -4873,7 +4878,7 @@
 	display: block;
 }
 .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-	background-color: #fbeff6;
+	background-color: #f0f7ff;
 }
 .el-alert {
 	width: 100%;
@@ -9554,8 +9559,8 @@
 	border-left-color: #fff;
 }
 .el-tag {
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
-	border-color: #f6d7e8;
+	border-color: rgb(246, 215, 232);
 	display: inline-block;
 	height: 32px;
 	padding: 0 10px;
@@ -9667,7 +9672,7 @@
 }
 .el-tag--dark .el-tag__close:hover {
 	color: #fff;
-	background-color: #d95fa4;
+	background-color: rgb(217, 95, 164);
 }
 .el-tag--dark.el-tag--info {
 	background-color: #909399;
@@ -9731,7 +9736,7 @@
 }
 .el-tag--plain {
 	background-color: #fff;
-	border-color: #ecafd1;
+	border-color: rgb(236, 175, 209);
 	color: #d0378d;
 }
 .el-tag--plain.is-hit {
@@ -9997,6 +10002,9 @@
 .el-cascader__search-input::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-cascader__search-input:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-cascader__search-input::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10278,7 +10286,7 @@
 	font-size: 12px;
 }
 .el-color-dropdown__link-btn:hover {
-	color: tint(#d0378d, 20%);
+	color: tint(primary, 20%);
 }
 .el-color-picker {
 	display: inline-block;
@@ -10436,6 +10444,9 @@
 .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10466,6 +10477,9 @@
 .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10564,6 +10578,9 @@
 .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -10616,6 +10633,9 @@
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
 	color: #c0c4cc;
 }
+.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
+	color: #c0c4cc;
+}
 .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
 	color: #c0c4cc;
 }
@@ -11158,10 +11178,10 @@
 	color: #d0378d;
 }
 .el-link.el-link--primary:hover {
-	color: #d95fa4;
+	color: rgb(217, 95, 164);
 }
 .el-link.el-link--primary.is-disabled {
-	color: #e89bc6;
+	color: rgb(232, 155, 198);
 }
 .el-link.el-link--danger.is-underline:hover:after,
 .el-link.el-link--danger:after {
@@ -11490,12 +11510,12 @@
 .el-button:focus,
 .el-button:hover {
 	color: #d0378d;
-	border-color: #f1c3dd;
+	border-color: rgb(241, 195, 221);
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
 }
 .el-button:active {
-	color: #bb327f;
+	color: rgb(187, 50, 127);
-	border-color: #bb327f;
+	border-color: rgb(187, 50, 127);
 	outline: 0;
 }
 .el-button::-moz-focus-inner {
@@ -11512,8 +11532,8 @@
 }
 .el-button.is-active,
 .el-button.is-plain:active {
-	color: #bb327f;
+	color: rgb(187, 50, 127);
-	border-color: #bb327f;
+	border-color: rgb(187, 50, 127);
 }
 .el-button.is-plain:active {
 	background: #fff;
@@ -11568,14 +11588,14 @@
 }
 .el-button--primary:focus,
 .el-button--primary:hover {
-	background: #d95fa4;
+	background: rgb(217, 95, 164);
-	border-color: #d95fa4;
+	border-color: rgb(217, 95, 164);
 	color: #fff;
 }
 .el-button--primary.is-active,
 .el-button--primary:active {
-	background: #bb327f;
+	background: rgb(187, 50, 127);
-	border-color: #bb327f;
+	border-color: rgb(187, 50, 127);
 	color: #fff;
 }
 .el-button--primary:active {
@@ -11586,13 +11606,13 @@
 .el-button--primary.is-disabled:focus,
 .el-button--primary.is-disabled:hover {
 	color: #fff;
-	background-color: #e89bc6;
+	background-color: rgb(232, 155, 198);
-	border-color: #e89bc6;
+	border-color: rgb(232, 155, 198);
 }
 .el-button--primary.is-plain {
 	color: #d0378d;
-	background: #faebf4;
+	background: rgb(250, 235, 244);
-	border-color: #ecafd1;
+	border-color: rgb(236, 175, 209);
 }
 .el-button--primary.is-plain:focus,
 .el-button--primary.is-plain:hover {
@@ -11601,8 +11621,8 @@
 	color: #fff;
 }
 .el-button--primary.is-plain:active {
-	background: #bb327f;
+	background: rgb(187, 50, 127);
-	border-color: #bb327f;
+	border-color: rgb(187, 50, 127);
 	color: #fff;
 	outline: 0;
 }
@@ -11610,9 +11630,9 @@
 .el-button--primary.is-plain.is-disabled:active,
 .el-button--primary.is-plain.is-disabled:focus,
 .el-button--primary.is-plain.is-disabled:hover {
-	color: #e387bb;
+	color: rgb(227, 135, 187);
-	background-color: #faebf4;
+	background-color: rgb(250, 235, 244);
-	border-color: #f6d7e8;
+	border-color: rgb(246, 215, 232);
 }
 .el-button--success {
 	color: #fff;
@@ -11871,12 +11891,12 @@
 }
 .el-button--text:focus,
 .el-button--text:hover {
-	color: #d95fa4;
+	color: rgb(217, 95, 164);
 	border-color: transparent;
 	background-color: transparent;
 }
 .el-button--text:active {
-	color: #bb327f;
+	color: rgb(187, 50, 127);
 	background-color: transparent;
 }
 .el-button-group {
@@ -12389,8 +12409,8 @@
 	color: #fff;
 	background-color: #d0378d;
 	border-color: #d0378d;
-	-webkit-box-shadow: -1px 0 0 0 #e387bb;
+	-webkit-box-shadow: -1px 0 0 0 rgb(227, 135, 187);
-	box-shadow: -1px 0 0 0 #e387bb;
+	box-shadow: -1px 0 0 0 rgb(227, 135, 187);
 }
 .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
 	border-left-color: #d0378d;
@@ -12826,182 +12846,6 @@
 	bottom: 0;
 	height: 100%;
 }
-@-webkit-keyframes el-drawer-fade-in {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-@keyframes el-drawer-fade-in {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-@-webkit-keyframes rtl-drawer-in {
-	0% {
-		-webkit-transform: translate(100%, 0);
-		transform: translate(100%, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@keyframes rtl-drawer-in {
-	0% {
-		-webkit-transform: translate(100%, 0);
-		transform: translate(100%, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@-webkit-keyframes rtl-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(100%, 0);
-		transform: translate(100%, 0);
-	}
-}
-@keyframes rtl-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(100%, 0);
-		transform: translate(100%, 0);
-	}
-}
-@-webkit-keyframes ltr-drawer-in {
-	0% {
-		-webkit-transform: translate(-100%, 0);
-		transform: translate(-100%, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@keyframes ltr-drawer-in {
-	0% {
-		-webkit-transform: translate(-100%, 0);
-		transform: translate(-100%, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@-webkit-keyframes ltr-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(-100%, 0);
-		transform: translate(-100%, 0);
-	}
-}
-@keyframes ltr-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(-100%, 0);
-		transform: translate(-100%, 0);
-	}
-}
-@-webkit-keyframes ttb-drawer-in {
-	0% {
-		-webkit-transform: translate(0, -100%);
-		transform: translate(0, -100%);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@keyframes ttb-drawer-in {
-	0% {
-		-webkit-transform: translate(0, -100%);
-		transform: translate(0, -100%);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@-webkit-keyframes ttb-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, -100%);
-		transform: translate(0, -100%);
-	}
-}
-@keyframes ttb-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, -100%);
-		transform: translate(0, -100%);
-	}
-}
-@-webkit-keyframes btt-drawer-in {
-	0% {
-		-webkit-transform: translate(0, 100%);
-		transform: translate(0, 100%);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@keyframes btt-drawer-in {
-	0% {
-		-webkit-transform: translate(0, 100%);
-		transform: translate(0, 100%);
-	}
-	100% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-}
-@-webkit-keyframes btt-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 100%);
-		transform: translate(0, 100%);
-	}
-}
-@keyframes btt-drawer-out {
-	0% {
-		-webkit-transform: translate(0, 0);
-		transform: translate(0, 0);
-	}
-	100% {
-		-webkit-transform: translate(0, 100%);
-		transform: translate(0, 100%);
-	}
-}
 .el-drawer {
 	position: absolute;
 	box-sizing: border-box;
@@ -13124,16 +12968,22 @@
 	margin: 0;
 }
 
+/* custom */
+
 .app-slider {
 	background-color: #fff !important;
 }
+
 .app-slider__logo {
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#d0378d), to(#982f87));
 	background-image: linear-gradient(to bottom, #d0378d, #982f87);
 }
+
 .app-slider span,
 .app-slider .icon-svg {
 	color: #666;
 }
+
 .app-slider .cl-slider-menu .el-menu .el-submenu__title:hover,
 .app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active,
 .app-slider .cl-slider-menu .el-menu .el-menu-item:hover,
@@ -13141,6 +12991,7 @@
 	background-color: #fff !important;
 	border-right: 2px solid #d0378d;
 }
+
 .app-slider .cl-slider-menu .el-menu .el-submenu__title:hover span,
 .app-slider .cl-slider-menu .el-menu .el-submenu__title:hover .icon-svg,
 .app-slider .cl-slider-menu .el-menu .el-submenu__title.is-active span,

src/cool/index.ts

@@ -1,3 +1,40 @@
+import Crud from "../crud";
+
 export default {
-	modules: ["base", "demo", "copy", "upload", "task", "theme", "chat"]
+	modules: [
+		// 基础模块
+		"base",
+		// 文件上传
+		{
+			name: "upload",
+			options: {
+				icon: "el-icon-picture",
+				text: "选择图片"
+			}
+		},
+		{
+			name: "crud",
+			value: Crud,
+			options: {
+				crud: {
+					dict: {
+						sort: {
+							prop: "order",
+							order: "sort"
+						}
+					}
+				}
+			}
+		},
+		// 客服聊天
+		"chat",
+		// 任务管理
+		"task",
+		// 复制指令
+		"copy",
+		// 示例页
+		"demo",
+		// 主题切换
+		"theme"
+	]
 };

src/cool/modules/base/views/plugin.vue

@@ -54,7 +54,7 @@ import { useRefs } from "@/core";
 import { CrudLoad, RefreshOp, Table } from "@/crud/types";
 
 export default defineComponent({
-	name: "sys-plugin",
+	name: "plugin",
 
 	setup() {
 		const $service = inject<any>("service");

src/crud/components/dialog/helper.ts

@@ -10,7 +10,7 @@ export function useDialog({ props, isFullscreen }: any) {
 		nextTick(() => {
 			// 获取元素
 			const dlg: any = document.querySelector(`.cl-dialog--${ctx?.uid}`);
-			const hdr: any = dlg.querySelector(".el-dialog__header");
+			const hdr: any = dlg ? dlg.querySelector(".el-dialog__header") : null;
 
 			// 设置对话框
 			if (dlg) {

src/crud/index.ts

@@ -49,6 +49,8 @@ const CRUD = {
 		app.config.globalProperties.$crud = {
 			openContextMenu: ContextMenu.open
 		};
+
+		return {};
 	}
 };
 

src/crud/types/crud.d.ts

@@ -4,7 +4,7 @@ export type ServiceName = "page" | "list" | "add" | "delete" | "update" | "info"
 
 export interface Service {
 	page?(
-		params?
+		params?: any
 	): Promise<{
 		list: any[];
 		pagination?: {
@@ -13,11 +13,11 @@ export interface Service {
 			size?: number;
 		};
 	}>;
-	list?(params?): Promise<any[]>;
+	list?(params?: any): Promise<any[]>;
-	add?(params): Promise<any>;
+	add?(params: any): Promise<any>;
-	delete?(params): Promise<any>;
+	delete?(params: any): Promise<any>;
-	update?(params): Promise<any>;
+	update?(params: any): Promise<any>;
-	info?(params): Promise<any>;
+	info?(params: any): Promise<any>;
 }
 
 export interface Dict {

src/crud/types/form.d.ts

@@ -1,4 +1,3 @@
-import { Ref } from "vue";
 import { RenderOptions } from "./render";
 
 export interface FormItem {
@@ -15,7 +14,7 @@ export interface FormItem {
 	group?: string;
 	collapse?: boolean;
 	value?: any;
-	label?: stirng | { text?: string; icon?: string; tip?: string };
+	label?: string | { text?: string; icon?: string; tip?: string };
 	span?: number;
 	flex?: boolean;
 	hidden?: Function | boolean | string;
@@ -30,29 +29,29 @@ export interface Form {
 	props?: any;
 	items?: Array<FormItem>;
 	on?: {
-		open?(form: any, { close, submit, done });
+		open?(form: any, { close, submit, done }: any): void;
-		close?();
+		close?(): void;
-		submit?(data: any, { done, close });
+		submit?(data: any, { done, close }: any): void;
 	};
 }
 
 export interface FormRef {
-	create(options: Form);
+	create(options: Form): FormRef;
-	open(options: Form);
+	open(options: Form): FormRef;
-	close();
+	close(): void;
-	done();
+	done(): void;
-	clear();
+	clear(): void;
-	showLoading();
+	showLoading(): void;
-	hiddenLoading();
+	hiddenLoading(): void;
-	setData();
+	setData(): void;
-	setOptions(prop: string, list: Array<{ label: string; value?: any }>);
+	setOptions(prop: string, list: Array<{ label: string; value?: any }>): void;
-	getForm(prop?: string);
+	getForm(prop?: string): any;
-	setForm(prop: string, value: any);
+	setForm(prop: string, value: any): void;
-	toggleItem(prop: string, flag?: boolean);
+	toggleItem(prop: string, flag?: boolean): void;
-	hiddenItem(props: string[]);
+	hiddenItem(props: string[]): void;
-	showItem(props: string[]);
+	showItem(props: string[]): void;
-	resetFields();
+	resetFields(): void;
-	clearValidate(props: string[] | string);
+	clearValidate(props: string[] | string): void;
-	validateField(props: string[] | string, callback: Function);
+	validateField(props: string[] | string, callback: Function): void;
-	validate(callback: Function);
+	validate(callback: Function): void;
 }

src/crud/types/op.d.ts

@@ -4,7 +4,7 @@ export interface RefreshOp {
 	 * @param list 数据列表
 	 * @param pagination 分页信息
 	 */
-	render(list: any[], pagination?: { size?: number; size?: number; total?: number }): void;
+	render(list: any[], pagination?: { size?: number; page?: number; total?: number }): void;
 
 	/**
 	 * 继续执行刷新
@@ -27,24 +27,24 @@ export interface UpsertOpenOp {
 	 * 提交表单
 	 * @param form 表单值
 	 */
-	submit(form: any);
+	submit(form: any): void;
 
 	/**
 	 * 关闭加载状态
 	 */
-	done();
+	done(): void;
 
 	/**
 	 * 关闭弹窗
 	 */
-	close();
+	close(): void;
 }
 
 export interface UpsertCloseOp {
 	/**
 	 * 关闭弹窗
 	 */
-	done();
+	done(): void;
 }
 
 export interface UpsertInfoOp {
@@ -52,17 +52,17 @@ export interface UpsertInfoOp {
 	 * 继续执行获取详情
 	 * @param params 请求参数
 	 */
-	next(params: any);
+	next(params: any): Promise<any>;
 
 	/**
 	 * 关闭加载状态，并设置表单值
 	 */
-	done(data);
+	done(data: any): void;
 
 	/**
 	 * 关闭弹窗
 	 */
-	close();
+	close(): void;
 }
 
 export interface UpsertSubmitOp {
@@ -70,17 +70,17 @@ export interface UpsertSubmitOp {
 	 * 继续执行提交
 	 * @param params 请求参数
 	 */
-	next(params: any);
+	next(params: any): Promise<any>;
 
 	/**
 	 * 关闭加载状态
 	 */
-	done();
+	done(): void;
 
 	/**
 	 * 关闭弹窗
 	 */
-	close();
+	close(): void;
 }
 
 export interface AdvOpenOp {
@@ -88,14 +88,14 @@ export interface AdvOpenOp {
 	 * 继续执行打开
 	 * @param data 筛选参数
 	 */
-	next(data: any);
+	next(data: any): Promise<any>;
 }
 
 export interface AdvCloseOp {
 	/**
 	 * 关闭抽屉
 	 */
-	done();
+	done(): void;
 }
 
 export interface AdvSearchOp {
@@ -103,9 +103,9 @@ export interface AdvSearchOp {
 	 * 继续执行搜索
 	 * @param params 请求参数
 	 */
-	next(params: any);
+	next(params: any): Promise<any>;
 	/**
 	 * 关闭抽屉
 	 */
-	done();
+	done(): void;
 }

src/crud/types/table.d.ts

@@ -1,4 +1,4 @@
-import { TableColumnCtx } from "element-plus/lib/el-table/src/table.type";
+import { ContextMenuItem } from "./context-menu";
 import { RenderOptions } from "./render";
 
 export interface TableOptions {

src/main.ts

@@ -17,9 +17,6 @@ import ElementPlus from "element-plus";
 import "@/assets/css/element-variables.scss";
 import locale from "element-plus/lib/locale/lang/zh-cn";
 
-// crud
-import Crud from "./crud";
-
 // mitt
 import mitt from "mitt";
 
@@ -39,16 +36,7 @@ bootstrap(app)
 		app.use(store)
 			.use(router)
 			.use(ElementPlus, { locale })
-			.use(Crud, {
+
-				crud: {
-					dict: {
-						sort: {
-							prop: "order",
-							order: "sort"
-						}
-					}
-				}
-			})
 			.mount("#app");
 	})
 	.catch((err: string) => {

vue.config.js

@@ -1,9 +1,4 @@
 const HardSourceWebpackPlugin = require("hard-source-webpack-plugin");
-const path = require("path");
-
-function resolve(dir) {
-	return path.join(__dirname, dir);
-}
 
 const isProduction = process.env.NODE_ENV === "production";