eoss-ui 0.3.97

package/packages/theme-chalk/src/mixins/color.scss

@@ -0,0 +1,117 @@
+// 根据颜色获取对应的hsv，在tinycolor中首先进行了归一化处理，这里没有
+// 返回的结果h是0~360，代表的是色相的角度， sv的范围0-1
+@function rbgToHsv($color) {
+  $red: red($color);
+  $green: green($color);
+  $blue: blue($color);
+  $max: max($red, $green, $blue);
+  $min: min($red, $green, $blue);
+  $diff: $max - $min;
+  $h: 0;
+  @if $max == $min {
+    $h: 0;
+  } @else if $max == $red {
+    $h: 60 * ($green - $blue) / $diff + if($green >= $blue, 0, 360);
+  } @else if $max == $green {
+    $h: 60 * ($blue - $red) / $diff + 120;
+  } @else if $max == $blue {
+    $h: 60 * ($red - $green) / $diff + 240;
+  }
+  $s: if($max == 0, 0, $diff / $max);
+  $v: $max / 255;
+  @return $h, $s, $v;
+}
+// hsv转化成rgb，借鉴了tinycolor的做法，避免通过$th的值判断来获取对应的rgb的取值
+// $t1~4的计算目前不清楚为什么这样做
+@function hsvTorgb($h, $s, $v) {
+  $th: floor($h / 60);
+  $t1: $h / 60 - $th;
+  $t2: $v * (1 - $s);
+  $t3: $v * (1 - $t1 * $s);
+  $t4: $v * (1 - (1 - $t1) * $s);
+  $i: $th % 6 + 1;
+  $r: nth(($v, $t3, $t2, $t2, $t4, $v), $i);
+  $g: nth(($t4, $v, $v, $t3, $t2, $t2), $i);
+  $b: nth(($t2, $t2, $t4, $v, $v, $t3), $i);
+  @return rgb(round($r * 255), round($g * 255), round($b * 255));
+}
+// 求一个数的n次幂
+@function pow($number, $n) {
+  $ret: 1;
+  @if $n >= 0 {
+    @for $i from 1 through $n {
+      $ret: $ret * $number;
+    }
+  } @else {
+    @for $i from $n to 0 {
+      $ret: $ret / $number;
+    }
+  }
+  @return $ret;
+}
+// 浮点数保留小数位
+@function toFixed($float, $digits: 2) {
+  $pow: pow(10, $digits);
+  @return round($float * $pow) / $pow;
+}
+//转换色相
+@function getHue($h, $i, $isLight) {
+  $hue: null;
+  @if $h >= 60 and $h <= 240 {
+    $hue: if($isLight, $h - $hueStep * $i, $h + $hueStep * $i);
+  } @else {
+    $hue: if($isLight, $h + $hueStep * $i, $h - $hueStep * $i);
+  }
+  $hue: ($hue + 360) % 360;
+  @return round($hue);
+}
+// 转换饱和度
+@function getSaturation($s, $i, $isLight) {
+  $saturation: null;
+  @if $isLight {
+    $saturation: $s - $saturationStep1 * $i;
+  } @else if $i == $darkColorCount {
+    $saturation: $s + $saturationStep1;
+  } @else {
+    $saturation: $s + $saturationStep2 * $i;
+  }
+  $saturation: min($saturation, 1);
+
+  @if $isLight and $i == $lightColorCount and $saturation > 0.1 {
+    $saturation: 0.1;
+  }
+  $saturation: max($saturation, 0.06);
+  @return toFixed($saturation, 2);
+}
+// 转换明度
+@function getValue($v, $i, $isLight) {
+  $value: min(
+    if($isLight, $v + $brightnessStep1 * $i, $v - $brightnessStep2 * $i),
+    1
+  );
+  @return toFixed($value, 2);
+}
+$hueStep: 2;
+$saturationStep1: 0.16;
+$saturationStep2: 0.05;
+$brightnessStep1: 0.05;
+$brightnessStep2: 0.15;
+$lightColorCount: 5;
+$darkColorCount: 4;
+
+// 根据颜色和对应的色板位置，计算出对应的色板颜色
+@function getColor($color, $index) {
+  $isLight: if($index <= 6, true, false);
+  $hsv: rbgToHsv($color);
+  //这里将i转换成以主色为中心，两侧的i值逐渐增大
+  $i: if(
+    $isLight,
+    $lightColorCount + 1 - $index,
+    $index - $lightColorCount - 1
+  );
+  @return hsvTorgb(
+    getHue(nth($hsv, 1), $i, $isLight),
+    getSaturation(nth($hsv, 2), $i, $isLight),
+    getValue(nth($hsv, 3), $i, $isLight)
+  );
+}

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

@@ -0,0 +1,25 @@
+@mixin mp($type, $name, $num) {
+  $B: 'es-' + $type + '-' + $name + '-' + $num !global;
+  @if $name == false {
+    $B: 'es-' + $type + '-' + $num !global;
+  }
+  .#{$B} {
+    @if $name == false {
+      #{$type}: #{$num}px;
+    } @else {
+      #{$type}-#{$name}: #{$num}px;
+    }
+  }
+}
+@mixin flex($num) {
+  $B: 'es-flex' + '-' + $num !global;
+  .#{$B} {
+    flex: $num;
+  }
+}
+@mixin gutter($type, $num) {
+  $B: 'es-gutter' + '-' + $type + '-' + $num !global;
+  .#{$B} + .#{$B} {
+    margin-#{$type}: #{$num}px;
+  }
+}

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

@@ -0,0 +1,73 @@
+@import './common/var.scss';
+.es-nav {
+  overflow: hidden;
+  display: inline-block;
+  transition: all 0.2s;
+  -webkit-transition: all 0.2s;
+  .es-menu,
+  .el-menu {
+    background-color: transparent;
+  }
+  .es-nav-main {
+    position: relative;
+    overflow: hidden;
+    display: inline-block;
+    height: 100%;
+    background-color: $--color-primary-light-10;
+    border-right: $--border-base;
+    .es-nav-title {
+      width: 100%;
+      height: 45px;
+      font-size: 16px;
+      line-height: 44px;
+      text-align: center;
+      overflow: hidden;
+      padding-right: 32px;
+      background-color: $--color-primary-light-7;
+      color: #fff;
+      position: relative;
+      z-index: 1;
+      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
+      .es-collapse-handle {
+        font-size: 20px;
+        cursor: pointer;
+        position: absolute;
+        right: 12px;
+        top: 50%;
+        margin-top: -10px;
+        color: #fff;
+        &.es-icon-zengjiasuojinliang {
+          right: 50%;
+          margin-right: -10px;
+        }
+      }
+    }
+  }
+  .es-nav-initial {
+    width: 70px;
+    box-shadow: $--box-shadow-light;
+    position: relative;
+    z-index: 2;
+    height: 100%;
+    background: $--color-primary-light-9;
+    .es-menu-vertical,
+    .el-menu-item {
+      height: auto;
+      &.is-active {
+        background: $--color-primary-light-7;
+      }
+    }
+  }
+  &.es-nav-biserial {
+    position: relative;
+    .es-nav-main {
+      position: absolute;
+      left: 70px;
+      top: 0;
+      bottom: 0;
+    }
+    .es-menu-title-vertical {
+      margin-right: 0;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+.es-page {
+  height: 100%;
+}

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

@@ -0,0 +1,14 @@
+.es-pagination {
+  .el-select {
+    .el-input {
+      width: 56px;
+    }
+  }
+  &:not(.is-background) {
+    .btn-prev,
+    .btn-next,
+    li {
+      background-color: transparent !important;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+.es-video-player {
+  .vjs-big-play-button {
+    height: 1.6em;
+    width: 1.6em;
+    margin-top: -0.8em;
+    margin-left: -0.8em;
+    border-radius: 0.8em;
+  }
+}

package/packages/theme-chalk/src/qr-code.scss

@@ -0,0 +1,17 @@
+.es-qrcode-box {
+  position: relative;
+  border-radius: 10px;
+  overflow: hidden;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .es-qrcode-img,
+  .ese-qrcode-logo {
+    display: none;
+  }
+  .es-qrcode-img {
+    border-radius: 4px;
+    box-sizing: border-box;
+  }
+}

package/packages/theme-chalk/src/radio-group.scss

@@ -0,0 +1,9 @@
+.es-radio-group {
+  line-height: 40px;
+  .el-radio__label {
+    padding-left: 0;
+  }
+  & > .el-radio-group {
+    line-height: normal;
+  }
+}

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

@@ -0,0 +1,3 @@
+.el-radio__label{
+    display: inline-block;
+}

package/packages/theme-chalk/src/select-ganged.scss

@@ -0,0 +1,9 @@
+.es-select-ganged{
+    display: flex;
+    .el-select{
+        flex: 1;
+        &+.el-select{
+            margin-left: 10px;
+        }
+    }
+}

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

@@ -0,0 +1,203 @@
+@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 {
+        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

@@ -0,0 +1,85 @@
+@import './common/var.scss';
+.es-selector {
+  line-height: normal;
+  position: relative;
+  .el-select__tags {
+    max-width: 100%;
+    padding-left: 4px;
+    &.es-selector-edit > 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;
+    &.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-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;
+  }
+}

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

@@ -0,0 +1,36 @@
+@import './common/var.scss';
+@import './base.scss';
+.es-sizer {
+  @extend .es-flex;
+  border: $--border-base;
+  padding-bottom: 50px;
+  .es-tree {
+    flex: 1;
+  }
+  .es-sizer-handle {
+    width: 90px;
+    text-align: center;
+    padding: 8px 4px;
+    border-left: $--border-base;
+    background-color: #f5f7fa;
+    .es-button {
+      width: 100%;
+      display: block;
+      margin-left: 0;
+      & + .es-button {
+        margin-top: 14px;
+      }
+    }
+  }
+  .handleBox {
+    height: 50px;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-top: $--border-base;
+    text-align: right;
+    padding: 8px;
+    background-color: #f5f7fa;
+  }
+}