eoss-ui 0.7.23 → 0.7.24

package/packages/theme-chalk/src/selector-panel.scss

@@ -1,204 +1,204 @@
-@import './common/var.scss';
-.es-selector-panel {
-  width: 900px;
-  height: 100%;
-  position: relative;
-  .el-tabs__header {
-    margin: 0;
-  }
-  .es-selector-content {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  .es-selector-view {
-    display: flex;
-    flex: 1;
-    .el-form-item {
-      margin-bottom: 0;
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
-  .es-selector-tree {
-    display: flex;
-    flex-direction: column;
-    .es-selector-tree-search {
-      background-color: $--background-color-base;
-      padding: 8px 12px;
-      box-sizing: border-box;
-      border-bottom: 1px solid $--border-color-base;
-      .el-input__inner,
-      .el-input__icon {
-        height: 32px;
-        line-height: 32px;
-      }
-    }
-    .es-tree-content {
-      flex: 1;
-      overflow: hidden;
-      position: relative;
-      .es-filter-tree {
-        height: 100%;
-        padding-top: 4px;
-      }
-      .el-tree-node__content {
-        height: 22px;
-      }
-      .es-scrollbar {
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-      }
-      .el-tooltip {
-        width: 100%;
-        height: 20px;
-        line-height: 20px;
-        font-size: 12px;
-        position: relative;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        &.es-icon-node {
-          padding-left: 18px;
-          &::before {
-            content: '';
-            display: block;
-            width: 14px;
-            height: 14px;
-            position: absolute;
-            left: 0;
-            top: 50%;
-            margin-top: -7px;
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: left center;
-            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAACXBIWXMAAAsTAAALEwEAmpwYAAANUGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjQ2OjA4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTo0NjowOCswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzRmODIxMjEtODcwMS1mMjRhLThlNTgtOTQ4ZjE1NWZjMmZhIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODE4Mzk3YzAtNmE5Mi02MDRjLWIyYzYtODk2MWNhODZkZjY3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEzIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTQiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjI5ZTcxYTQ2LTc0NWUtOTc0Mi1iNDI5LTVhOGUzZTFhNjFkMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzE3RUM3RUE2REU5MTFFODlERDJENUZGQTg3MkM3NkQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjM1Nzg0NkNDNTc3MkU1MTE4QkI2RkM2NjAwMjkyRTU1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo1NDc1QTIxQUVDRkQxMUU3QjAzMUIzNTY5QkMxMDYwOTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OEFERkRDRjAxODc0MTFFODkyRDc5Q0JGMTM1NTc1MEY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjkwOTc5MTcwQUY0NDExRTk5NkQ4OEFGMjBCRDFGMTM5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo5Q0JEMjM2ODZDMjAxMUU1OUZEQ0Y1OENDNjY1N0NCNzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNDo0NTo1NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYjVmZjkwYi0yMDVmLTgyNDktOTdlMS1hNzE2MmY3MzhmNGMiIHN0RXZ0OndoZW49IjIwMjEtMDctMDFUMTY6MjM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTcxMWEyZjMtNjI2Yy0yNjQzLTk1ZjUtYWRkYmYzODc2Y2UzIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjQ2OjA4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0ZjgyMTIxLTg3MDEtZjI0YS04ZTU4LTk0OGYxNTVmYzJmYSIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0yMVQwOTo0NjowOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNzExYTJmMy02MjZjLTI2NDMtOTVmNS1hZGRiZjM4NzZjZTMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkNTc1Y2I0NC0zM2MxLWRkNDEtYjJlNC0zYzdlYTY1MmYwNzQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzgzZjVkMC0xMGZiLTg5NDEtYWY4YS04ZWFjZDYyMmZlMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4huNOJAAABDUlEQVQokYXRvyvEcRgH8JdzkfwoOiNisDBIGRSJ3YBikB9lMJiwmEyKjTIpg0VG/gJ/AOXXdotF5JLpmK6c4Z5vdHV3z/L+fHre7+d5f96futWzoio1i3FM4hpbkC4jpTCEAfSgC3cYxiaK2E6ViRqxhGUUsI4TPEd/Opmc1ASOkEErDnAavULgWyJawRUW8IR9XAZpLfCr/A3HuAgbGYziNfrvgfX/RWmc4wUP+ME8GlSpNHqRx1jgBxariVL4jvMBHrHjL62Koh90hr057KK7lr22mHyDKaW487U25TCoFPWIUryFCvxisqkfWWyE1SxmgtQR2BzYkoju0af0V03Yw21YzAX5M+7tOPwFWu84pGuehZ4AAAAASUVORK5CYII=);
-          }
-          &.es-icon-open::before {
-            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAN6GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjM5OjM4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTozOTozOCswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2YzBhNWMtOGQxNi04NzQ0LTk3MDctMTYyMGE5YTFjODIxIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2FjYjZjNTItNDVkYi0yYjRiLTk4NjgtYTllYzI3ZDNmNTcxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjE1IiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTQiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YjIwYTUwNTItNzE5Yi03ODRjLTgxMzUtMGVhOTQ1NWIxZDAyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRhNmQxZTliLTIyZDctZTM0Ni1iNmZjLWQzMmY4Y2E5ZDM3ODwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MjllNzFhNDYtNzQ1ZS05NzQyLWI0MjktNWE4ZTNlMWE2MWQxPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDozMTdFQzdFQTZERTkxMUU4OUREMkQ1RkZBODcyQzc2RDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzU3ODQ2Q0M1NzcyRTUxMThCQjZGQzY2MDAyOTJFNTU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjU0NzVBMjFBRUNGRDExRTdCMDMxQjM1NjlCQzEwNjA5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo4QURGRENGMDE4NzQxMUU4OTJENzlDQkYxMzU1NzUwRjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OTA5NzkxNzBBRjQ0MTFFOTk2RDg4QUYyMEJEMUYxMzk8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjlDQkQyMzY4NkMyMDExRTU5RkRDRjU4Q0M2NjU3Q0I3PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiBzdEV2dDp3aGVuPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiNWZmOTBiLTIwNWYtODI0OS05N2UxLWE3MTYyZjczOGY0YyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNjoyMzoxMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDVmZjQxZi01MWMyLTYyNGMtOGNkOC03NDBiZmM4YTE1NjkiIHN0RXZ0OndoZW49IjIwMjEtMDctMjFUMDk6Mzk6MzgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjA2YzBhNWMtOGQxNi04NzQ0LTk3MDctMTYyMGE5YTFjODIxIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjM5OjM4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE0NWZmNDFmLTUxYzItNjI0Yy04Y2Q4LTc0MGJmYzhhMTU2OSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMyNjQwOTE4LWJlYTctMjY0NC05ZTE1LTViNTE0NzI4ODU0YiIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtKh1KMAAAELSURBVCiRfdGxK4VhFMfxj7e7sCkpgwwUi5TRJGW2UAy6KREG+QdIoqQsdzYQg5AB2SiDiRhITDeTRYkMBjG8z1tvt/vcX53O0znP9zznnKdu7PhPUD/m0IlHrONeDSXBL+ASw+jGKO5QzN1rQX0l3IHNSPEtrKGM12AHaMjg+RqdDaERrSigKXR3LQTaI+ANzgJYqR7MJDiKwLfBz0byA4l0rqdccAcj4dUptEXg32zbfdiVbreIQ+mXPQT/WQXey+AP7GMcp3jBBibwFgrktY2TQi6wjN6KS5Oh7VVc4RvnKJFuO1NzZLbBYF14zieS3LkcgaP5PLxUA1zETy34AtN4x1fOSlipVvEfiqA02cd6kSIAAAAASUVORK5CYII=);
-          }
-          &.es-icon-group::before {
-            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAANUGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjQ1OjQzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTo0NTo0MyswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzVmZTFjMzMtNzUwZS1kMzRjLTg0ODctZDgzNzJlZGExZTVjIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGYwYTVlYmEtNDJmOS0xYTRmLTg5ZGItMzUzYWMxMTcwZmMwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEzIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTMiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjI5ZTcxYTQ2LTc0NWUtOTc0Mi1iNDI5LTVhOGUzZTFhNjFkMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzE3RUM3RUE2REU5MTFFODlERDJENUZGQTg3MkM3NkQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjM1Nzg0NkNDNTc3MkU1MTE4QkI2RkM2NjAwMjkyRTU1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo1NDc1QTIxQUVDRkQxMUU3QjAzMUIzNTY5QkMxMDYwOTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OEFERkRDRjAxODc0MTFFODkyRDc5Q0JGMTM1NTc1MEY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjkwOTc5MTcwQUY0NDExRTk5NkQ4OEFGMjBCRDFGMTM5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo5Q0JEMjM2ODZDMjAxMUU1OUZEQ0Y1OENDNjY1N0NCNzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNDo0NTo1NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYjVmZjkwYi0yMDVmLTgyNDktOTdlMS1hNzE2MmY3MzhmNGMiIHN0RXZ0OndoZW49IjIwMjEtMDctMDFUMTY6MjM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODM5OTBmMmYtZmRmZC1lYjRmLWI2MGItYjAwNjAzNTJmNDIwIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjQ1OjQzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM1ZmUxYzMzLTc1MGUtZDM0Yy04NDg3LWQ4MzcyZWRhMWU1YyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0yMVQwOTo0NTo0MyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Mzk5MGYyZi1mZGZkLWViNGYtYjYwYi1iMDA2MDM1MmY0MjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkNTc1Y2I0NC0zM2MxLWRkNDEtYjJlNC0zYzdlYTY1MmYwNzQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzgzZjVkMC0xMGZiLTg5NDEtYWY4YS04ZWFjZDYyMmZlMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZcMWzAAAA70lEQVQokXXSvyvFYRTH8dfVc+Mmi8Ug2UxMNhYZlE1i1l2kyOA/8BcomcnC/yG7nbqTS6G4KT/T13DPt27fH8/yvDvnc87nPKenkV2PK5xJbGIJh7gpClLc01jFGpbRjPhFXdEejtEoJvFeETOE+ZqCwUlKwd/gXfSQYQVb0ewSDzjCfe6UuzyiG4K3iH1jFgfo4BSLCT8hWMdHOM0NjN+NwibaaCcMh+Acr8EbWAguvTfhK3gfn8EzcWd1ixgN3sZz8A5Oqlzyol5wB3/B+ci1ThPBrYp8C6V/lnCmv7WpEIxhRH9zT7iLxi+4xdU/ddwuI9f4HEwAAAAASUVORK5CYII=);
-          }
-        }
-      }
-    }
-  }
-  .es-selector-selection {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    .es-selection {
-      flex: 1;
-      overflow: hidden;
-      position: relative;
-      .el-checkbox-group,
-      .el-radio-group {
-        padding: 4px 10px;
-      }
-      & ~ .es-selection {
-        border-top: 1px solid $--border-color-base;
-      }
-      .es-scrollbar {
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-      }
-      .el-checkbox {
-        margin: 4px 16px 4px 0;
-        .el-checkbox__label {
-          padding-left: 8px;
-          line-height: 20px;
-        }
-      }
-      .el-radio {
-        margin: 4px 16px 4px 0;
-        .el-radio__label {
-          padding-left: 8px;
-          line-height: 20px;
-          display: inline-block;
-          font-size: 14px;
-        }
-      }
-      .es-radio-delete {
-        .el-radio__input {
-          display: none;
-        }
-      }
-      .es-checkbox-delete {
-        margin: 4px 16px 4px 0;
-        .el-checkbox__input {
-          display: none;
-        }
-        .el-checkbox__label {
-          background-color: $--button-info-background-color;
-          border: 0;
-          border-radius: $--border-radius-base;
-          box-shadow: none;
-          padding: 4px 20px 4px 8px;
-          color: #fff;
-        }
-        .el-icon-circle-close {
-          position: absolute;
-          right: 1px;
-          top: 50%;
-          transform: translateY(-50%);
-          display: none;
-        }
-        &:hover .el-icon-circle-close {
-          display: inline-block;
-        }
-      }
-      .es-sort {
-        position: relative;
-        pointer-events: none;
-        &::after {
-          content: '';
-          display: block;
-          position: absolute;
-          left: 0;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          z-index: 9;
-        }
-      }
-    }
-  }
-  .el-input-group__append {
-    background-color: $--color-primary;
-    color: $--color-white;
-    padding: 0 12px;
-  }
-  .es-selector-selection {
-    border-left: 1px solid $--border-color-base;
-    .es-selector-selection-toolbar {
-      background-color: $--background-color-base;
-      padding: 8px 12px;
-      box-sizing: border-box;
-      border-bottom: 1px solid $--border-color-base;
-      .el-form-item__content,
-      .el-input__inner,
-      .el-input__icon,
-      .es-switch-content {
-        height: 32px;
-        line-height: 32px;
-      }
-    }
-  }
-  .es-selector-handle {
-    text-align: right;
-    padding: 8px 12px 12px;
-    border-top: 1px solid $--border-color-base;
-    background-color: $--background-color-base;
-  }
-  .el-tabs__nav-wrap::after {
-    height: 1px;
-  }
-}
+@import './common/var.scss';
+.es-selector-panel {
+  width: 900px;
+  height: 100%;
+  position: relative;
+  .el-tabs__header {
+    margin: 0;
+  }
+  .es-selector-content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  .es-selector-view {
+    display: flex;
+    flex: 1;
+    .el-form-item {
+      margin-bottom: 0;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+  .es-selector-tree {
+    display: flex;
+    flex-direction: column;
+    .es-selector-tree-search {
+      background-color: $--background-color-base;
+      padding: 8px 12px;
+      box-sizing: border-box;
+      border-bottom: 1px solid $--border-color-base;
+      .el-input__inner,
+      .el-input__icon {
+        height: 32px;
+        line-height: 32px;
+      }
+    }
+    .es-tree-content {
+      flex: 1;
+      overflow: hidden;
+      position: relative;
+      .es-filter-tree {
+        height: 100%;
+        padding-top: 4px;
+      }
+      .el-tree-node__content {
+        height: 22px;
+      }
+      .es-scrollbar {
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+      }
+      .el-tooltip {
+        width: 100%;
+        height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        position: relative;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        &.es-icon-node {
+          padding-left: 18px;
+          &::before {
+            content: '';
+            display: block;
+            width: 14px;
+            height: 14px;
+            position: absolute;
+            left: 0;
+            top: 50%;
+            margin-top: -7px;
+            background-size: contain;
+            background-repeat: no-repeat;
+            background-position: left center;
+            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAACXBIWXMAAAsTAAALEwEAmpwYAAANUGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjQ2OjA4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTo0NjowOCswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzRmODIxMjEtODcwMS1mMjRhLThlNTgtOTQ4ZjE1NWZjMmZhIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODE4Mzk3YzAtNmE5Mi02MDRjLWIyYzYtODk2MWNhODZkZjY3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEzIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTQiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjI5ZTcxYTQ2LTc0NWUtOTc0Mi1iNDI5LTVhOGUzZTFhNjFkMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzE3RUM3RUE2REU5MTFFODlERDJENUZGQTg3MkM3NkQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjM1Nzg0NkNDNTc3MkU1MTE4QkI2RkM2NjAwMjkyRTU1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo1NDc1QTIxQUVDRkQxMUU3QjAzMUIzNTY5QkMxMDYwOTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OEFERkRDRjAxODc0MTFFODkyRDc5Q0JGMTM1NTc1MEY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjkwOTc5MTcwQUY0NDExRTk5NkQ4OEFGMjBCRDFGMTM5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo5Q0JEMjM2ODZDMjAxMUU1OUZEQ0Y1OENDNjY1N0NCNzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNDo0NTo1NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYjVmZjkwYi0yMDVmLTgyNDktOTdlMS1hNzE2MmY3MzhmNGMiIHN0RXZ0OndoZW49IjIwMjEtMDctMDFUMTY6MjM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTcxMWEyZjMtNjI2Yy0yNjQzLTk1ZjUtYWRkYmYzODc2Y2UzIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjQ2OjA4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0ZjgyMTIxLTg3MDEtZjI0YS04ZTU4LTk0OGYxNTVmYzJmYSIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0yMVQwOTo0NjowOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNzExYTJmMy02MjZjLTI2NDMtOTVmNS1hZGRiZjM4NzZjZTMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkNTc1Y2I0NC0zM2MxLWRkNDEtYjJlNC0zYzdlYTY1MmYwNzQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzgzZjVkMC0xMGZiLTg5NDEtYWY4YS04ZWFjZDYyMmZlMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4huNOJAAABDUlEQVQokYXRvyvEcRgH8JdzkfwoOiNisDBIGRSJ3YBikB9lMJiwmEyKjTIpg0VG/gJ/AOXXdotF5JLpmK6c4Z5vdHV3z/L+fHre7+d5f96futWzoio1i3FM4hpbkC4jpTCEAfSgC3cYxiaK2E6ViRqxhGUUsI4TPEd/Opmc1ASOkEErDnAavULgWyJawRUW8IR9XAZpLfCr/A3HuAgbGYziNfrvgfX/RWmc4wUP+ME8GlSpNHqRx1jgBxariVL4jvMBHrHjL62Koh90hr057KK7lr22mHyDKaW487U25TCoFPWIUryFCvxisqkfWWyE1SxmgtQR2BzYkoju0af0V03Yw21YzAX5M+7tOPwFWu84pGuehZ4AAAAASUVORK5CYII=);
+          }
+          &.es-icon-open::before {
+            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAN6GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjM5OjM4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTozOTozOCswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2YzBhNWMtOGQxNi04NzQ0LTk3MDctMTYyMGE5YTFjODIxIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2FjYjZjNTItNDVkYi0yYjRiLTk4NjgtYTllYzI3ZDNmNTcxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjE1IiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTQiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YjIwYTUwNTItNzE5Yi03ODRjLTgxMzUtMGVhOTQ1NWIxZDAyPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRhNmQxZTliLTIyZDctZTM0Ni1iNmZjLWQzMmY4Y2E5ZDM3ODwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MjllNzFhNDYtNzQ1ZS05NzQyLWI0MjktNWE4ZTNlMWE2MWQxPC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDozMTdFQzdFQTZERTkxMUU4OUREMkQ1RkZBODcyQzc2RDwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzU3ODQ2Q0M1NzcyRTUxMThCQjZGQzY2MDAyOTJFNTU8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjU0NzVBMjFBRUNGRDExRTdCMDMxQjM1NjlCQzEwNjA5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo4QURGRENGMDE4NzQxMUU4OTJENzlDQkYxMzU1NzUwRjwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OTA5NzkxNzBBRjQ0MTFFOTk2RDg4QUYyMEJEMUYxMzk8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjlDQkQyMzY4NkMyMDExRTU5RkRDRjU4Q0M2NjU3Q0I3PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiBzdEV2dDp3aGVuPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiNWZmOTBiLTIwNWYtODI0OS05N2UxLWE3MTYyZjczOGY0YyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNjoyMzoxMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDVmZjQxZi01MWMyLTYyNGMtOGNkOC03NDBiZmM4YTE1NjkiIHN0RXZ0OndoZW49IjIwMjEtMDctMjFUMDk6Mzk6MzgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjA2YzBhNWMtOGQxNi04NzQ0LTk3MDctMTYyMGE5YTFjODIxIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjM5OjM4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE0NWZmNDFmLTUxYzItNjI0Yy04Y2Q4LTc0MGJmYzhhMTU2OSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMyNjQwOTE4LWJlYTctMjY0NC05ZTE1LTViNTE0NzI4ODU0YiIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtKh1KMAAAELSURBVCiRfdGxK4VhFMfxj7e7sCkpgwwUi5TRJGW2UAy6KREG+QdIoqQsdzYQg5AB2SiDiRhITDeTRYkMBjG8z1tvt/vcX53O0znP9zznnKdu7PhPUD/m0IlHrONeDSXBL+ASw+jGKO5QzN1rQX0l3IHNSPEtrKGM12AHaMjg+RqdDaERrSigKXR3LQTaI+ANzgJYqR7MJDiKwLfBz0byA4l0rqdccAcj4dUptEXg32zbfdiVbreIQ+mXPQT/WQXey+AP7GMcp3jBBibwFgrktY2TQi6wjN6KS5Oh7VVc4RvnKJFuO1NzZLbBYF14zieS3LkcgaP5PLxUA1zETy34AtN4x1fOSlipVvEfiqA02cd6kSIAAAAASUVORK5CYII=);
+          }
+          &.es-icon-group::before {
+            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAANUGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTAxVDE0OjQ1OjU0KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA3LTIxVDA5OjQ1OjQzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yMVQwOTo0NTo0MyswODowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzVmZTFjMzMtNzUwZS1kMzRjLTg0ODctZDgzNzJlZGExZTVjIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGYwYTVlYmEtNDJmOS0xYTRmLTg5ZGItMzUzYWMxMTcwZmMwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M2M4M2Y1ZDAtMTBmYi04OTQxLWFmOGEtOGVhY2Q2MjJmZTA3IiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEzIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTMiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6MDU5ZTgzMWMtOGIzZC0xMWRjLTgyOTgtZDdiOTkxNjM2YTY3PC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdhZDdmNWIxLWU5OTMtZjM0Mi1iODgyLWI0YzA0OTBiMjJhZTwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MzhmNmM1ZC00YmViLTdjNGMtOGVlNy03NDVlOTgyNzA3OTY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjI5ZTcxYTQ2LTc0NWUtOTc0Mi1iNDI5LTVhOGUzZTFhNjFkMTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6MzE3RUM3RUE2REU5MTFFODlERDJENUZGQTg3MkM3NkQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjM1Nzg0NkNDNTc3MkU1MTE4QkI2RkM2NjAwMjkyRTU1PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo1NDc1QTIxQUVDRkQxMUU3QjAzMUIzNTY5QkMxMDYwOTwvcmRmOmxpPiA8cmRmOmxpPnhtcC5kaWQ6OEFERkRDRjAxODc0MTFFODkyRDc5Q0JGMTM1NTc1MEY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjkwOTc5MTcwQUY0NDExRTk5NkQ4OEFGMjBCRDFGMTM5PC9yZGY6bGk+IDxyZGY6bGk+eG1wLmRpZDo5Q0JEMjM2ODZDMjAxMUU1OUZEQ0Y1OENDNjY1N0NCNzwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjODNmNWQwLTEwZmItODk0MS1hZjhhLThlYWNkNjIyZmUwNyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wMVQxNDo0NTo1NCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYjVmZjkwYi0yMDVmLTgyNDktOTdlMS1hNzE2MmY3MzhmNGMiIHN0RXZ0OndoZW49IjIwMjEtMDctMDFUMTY6MjM6MTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODM5OTBmMmYtZmRmZC1lYjRmLWI2MGItYjAwNjAzNTJmNDIwIiBzdEV2dDp3aGVuPSIyMDIxLTA3LTIxVDA5OjQ1OjQzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM1ZmUxYzMzLTc1MGUtZDM0Yy04NDg3LWQ4MzcyZWRhMWU1YyIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0yMVQwOTo0NTo0MyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Mzk5MGYyZi1mZGZkLWViNGYtYjYwYi1iMDA2MDM1MmY0MjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkNTc1Y2I0NC0zM2MxLWRkNDEtYjJlNC0zYzdlYTY1MmYwNzQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzgzZjVkMC0xMGZiLTg5NDEtYWY4YS04ZWFjZDYyMmZlMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZcMWzAAAA70lEQVQokXXSvyvFYRTH8dfVc+Mmi8Ug2UxMNhYZlE1i1l2kyOA/8BcomcnC/yG7nbqTS6G4KT/T13DPt27fH8/yvDvnc87nPKenkV2PK5xJbGIJh7gpClLc01jFGpbRjPhFXdEejtEoJvFeETOE+ZqCwUlKwd/gXfSQYQVb0ewSDzjCfe6UuzyiG4K3iH1jFgfo4BSLCT8hWMdHOM0NjN+NwibaaCcMh+Acr8EbWAguvTfhK3gfn8EzcWd1ixgN3sZz8A5Oqlzyol5wB3/B+ci1ThPBrYp8C6V/lnCmv7WpEIxhRH9zT7iLxi+4xdU/ddwuI9f4HEwAAAAASUVORK5CYII=);
+          }
+        }
+      }
+    }
+  }
+  .es-selector-selection {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    .es-selection {
+      flex: 1;
+      overflow: hidden;
+      position: relative;
+      .el-checkbox-group,
+      .el-radio-group {
+        padding: 4px 10px;
+      }
+      & ~ .es-selection {
+        border-top: 1px solid $--border-color-base;
+      }
+      .es-scrollbar {
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+      }
+      .el-checkbox {
+        margin: 4px 16px 4px 0;
+        .el-checkbox__label {
+          padding-left: 8px;
+          line-height: 20px;
+        }
+      }
+      .el-radio {
+        margin: 4px 16px 4px 0;
+        .el-radio__label {
+          padding-left: 8px;
+          line-height: 20px;
+          display: inline-block;
+          font-size: 14px;
+        }
+      }
+      .es-radio-delete {
+        .el-radio__input {
+          display: none;
+        }
+      }
+      .es-checkbox-delete {
+        margin: 4px 16px 4px 0;
+        .el-checkbox__input {
+          display: none;
+        }
+        .el-checkbox__label {
+          background-color: $--button-info-background-color;
+          border: 0;
+          border-radius: $--border-radius-base;
+          box-shadow: none;
+          padding: 4px 20px 4px 8px;
+          color: #fff;
+        }
+        .el-icon-circle-close {
+          position: absolute;
+          right: 1px;
+          top: 50%;
+          transform: translateY(-50%);
+          display: none;
+        }
+        &:hover .el-icon-circle-close {
+          display: inline-block;
+        }
+      }
+      .es-sort {
+        position: relative;
+        pointer-events: none;
+        &::after {
+          content: '';
+          display: block;
+          position: absolute;
+          left: 0;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          z-index: 9;
+        }
+      }
+    }
+  }
+  .el-input-group__append {
+    background-color: $--color-primary;
+    color: $--color-white;
+    padding: 0 12px;
+  }
+  .es-selector-selection {
+    border-left: 1px solid $--border-color-base;
+    .es-selector-selection-toolbar {
+      background-color: $--background-color-base;
+      padding: 8px 12px;
+      box-sizing: border-box;
+      border-bottom: 1px solid $--border-color-base;
+      .el-form-item__content,
+      .el-input__inner,
+      .el-input__icon,
+      .es-switch-content {
+        height: 32px;
+        line-height: 32px;
+      }
+    }
+  }
+  .es-selector-handle {
+    text-align: right;
+    padding: 8px 12px 12px;
+    border-top: 1px solid $--border-color-base;
+    background-color: $--background-color-base;
+  }
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+  }
+}

package/packages/theme-chalk/src/selector.scss

@@ -1,92 +1,92 @@
-@import './common/var.scss';
-.es-selector {
-  line-height: normal;
-  position: relative;
-  .el-select__tags {
-    max-width: 100%;
-    padding-left: 4px;
-    & > span {
-      padding-top: 4px;
-    }
-    .el-tag {
-      margin-right: 4px;
-      margin-bottom: 4px;
-    }
-  }
-  .es-selector-search {
-    .el-select__tags {
-      max-width: calc(100% - 71px);
-    }
-  }
-  .es-selector-tags {
-    position: relative;
-    display: flex;
-    &.es-selector-more {
-      padding-right: 50px;
-      width: 100%;
-      .el-tag {
-        display: block;
-      }
-      .es-tags-more {
-        width: 40px;
-        padding: 0 4px;
-        position: absolute;
-        top: 0;
-        right: 6px;
-        text-align: center;
-      }
-    }
-  }
-  .es-selector-tags-box {
-    line-height: 0;
-  }
-  .es-pointer {
-    .el-input__inner {
-      cursor: pointer;
-    }
-  }
-}
-.es-selector-dropdown-item.hover,
-.es-selector-dropdown-item:hover {
-  background-color: #f5f7fa;
-}
-.es-selector-popover {
-  padding: 0;
-  .es-selector-dropdown__list {
-    padding: 12px;
-  }
-  .es-selector-dropdown-item {
-    font-size: 14px;
-    padding: 0 20px;
-    position: relative;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: #606266;
-    height: 34px;
-    line-height: 34px;
-    box-sizing: border-box;
-    cursor: pointer;
-    &.es-selected {
-      color: $--color-primary;
-    }
-  }
-}
-.es-zindex-2 {
-  z-index: 2;
-}
-.es-selector-dialog {
-  .el-dialog__header {
-    padding: 12px 20px 8px;
-    .el-dialog__title {
-      font-size: 14px;
-    }
-  }
-  .el-dialog__headerbtn {
-    top: 14px;
-    right: 16px;
-  }
-  .el-dialog__body {
-    padding: 4px;
-  }
-}
+@import './common/var.scss';
+.es-selector {
+  line-height: normal;
+  position: relative;
+  .el-select__tags {
+    max-width: 100%;
+    padding-left: 4px;
+    & > span {
+      padding-top: 4px;
+    }
+    .el-tag {
+      margin-right: 4px;
+      margin-bottom: 4px;
+    }
+  }
+  .es-selector-search {
+    .el-select__tags {
+      max-width: calc(100% - 71px);
+    }
+  }
+  .es-selector-tags {
+    position: relative;
+    display: flex;
+    &.es-selector-more {
+      padding-right: 50px;
+      width: 100%;
+      .el-tag {
+        display: block;
+      }
+      .es-tags-more {
+        width: 40px;
+        padding: 0 4px;
+        position: absolute;
+        top: 0;
+        right: 6px;
+        text-align: center;
+      }
+    }
+  }
+  .es-selector-tags-box {
+    line-height: 0;
+  }
+  .es-pointer {
+    .el-input__inner {
+      cursor: pointer;
+    }
+  }
+}
+.es-selector-dropdown-item.hover,
+.es-selector-dropdown-item:hover {
+  background-color: #f5f7fa;
+}
+.es-selector-popover {
+  padding: 0;
+  .es-selector-dropdown__list {
+    padding: 12px;
+  }
+  .es-selector-dropdown-item {
+    font-size: 14px;
+    padding: 0 20px;
+    position: relative;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #606266;
+    height: 34px;
+    line-height: 34px;
+    box-sizing: border-box;
+    cursor: pointer;
+    &.es-selected {
+      color: $--color-primary;
+    }
+  }
+}
+.es-zindex-2 {
+  z-index: 2;
+}
+.es-selector-dialog {
+  .el-dialog__header {
+    padding: 12px 20px 8px;
+    .el-dialog__title {
+      font-size: 14px;
+    }
+  }
+  .el-dialog__headerbtn {
+    top: 14px;
+    right: 16px;
+  }
+  .el-dialog__body {
+    padding: 4px;
+  }
+}