eoss-ui 0.7.72 → 0.7.73

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

@@ -1,46 +1,46 @@
-@import './common/var.scss';
-.es-layout {
-  height: 100%;
-  position: relative;
-  transition: height 200ms ease;
-  .es-layout-item {
-    position: absolute;
-    padding: 6px;
-    touch-action: none;
-    user-select: none;
-    &.es-dragging {
-      z-index: 3;
-    }
-    .es-card {
-      width: 100%;
-      height: 100%;
-    }
-    .es-layout-resizable {
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      right: 6px;
-      bottom: 6px;
-      z-index: 9999;
-      cursor: se-resize;
-    }
-    .es-layout-resizable-width {
-      width: 10px;
-      position: absolute;
-      top: 6px;
-      right: 6px;
-      bottom: 6px;
-      z-index: 9998;
-      cursor: e-resize;
-    }
-    .es-layout-resizable-height {
-      height: 10px;
-      position: absolute;
-      left: 6px;
-      right: 6px;
-      bottom: 6px;
-      z-index: 9998;
-      cursor: s-resize;
-    }
-  }
-}
+@import './common/var.scss';
+.es-layout {
+  height: 100%;
+  position: relative;
+  transition: height 200ms ease;
+  .es-layout-item {
+    position: absolute;
+    padding: 6px;
+    touch-action: none;
+    user-select: none;
+    &.es-dragging {
+      z-index: 3;
+    }
+    .es-card {
+      width: 100%;
+      height: 100%;
+    }
+    .es-layout-resizable {
+      width: 20px;
+      height: 20px;
+      position: absolute;
+      right: 6px;
+      bottom: 6px;
+      z-index: 9999;
+      cursor: se-resize;
+    }
+    .es-layout-resizable-width {
+      width: 10px;
+      position: absolute;
+      top: 6px;
+      right: 6px;
+      bottom: 6px;
+      z-index: 9998;
+      cursor: e-resize;
+    }
+    .es-layout-resizable-height {
+      height: 10px;
+      position: absolute;
+      left: 6px;
+      right: 6px;
+      bottom: 6px;
+      z-index: 9998;
+      cursor: s-resize;
+    }
+  }
+}

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

@@ -1,117 +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)
-  );
-}
+// 根据颜色获取对应的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/nav.scss

@@ -1,111 +1,111 @@
-@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-9;
-    &[biserial='true'] {
-      background-color: $--color-primary-light-10;
-    }
-    &:not(.es-nav-overlap) {
-      border-right: $--border-base;
-    }
-    .es-nav-title {
-      width: 100%;
-      height: 45px;
-      font-size: 15px;
-      line-height: 30px;
-      text-align: center;
-      overflow: hidden;
-      padding: 7px 32px 7px 0;
-      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: -15px;
-        color: #fff;
-        &.es-icon-zengjiasuojinliang {
-          right: 50%;
-          margin-right: -10px;
-        }
-      }
-      .el-tooltip {
-        text-align: center;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        position: relative;
-        padding: 0 4px;
-        &.es-nav-title-filter {
-          padding-right: 10px;
-          cursor: pointer;
-          .el-icon--right {
-            position: absolute;
-            right: 6px;
-            top: 50%;
-            margin-top: -4px;
-          }
-        }
-      }
-    }
-  }
-  .es-nav-initial {
-    width: $--nav-initial-width;
-    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-overlap {
-      .es-menu {
-        display: flex;
-        flex-wrap: wrap;
-        .es-menu-item,
-        .el-menu-item {
-          width: 90px;
-          height: 90px;
-          margin-bottom: 20px;
-          &:nth-child(2n) {
-            margin-left: 20px;
-          }
-        }
-      }
-    }
-  }
-  &.es-nav-biserial {
-    position: relative;
-    .es-nav-main {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-    }
-    .es-menu-title-vertical {
-      margin-right: 0;
-    }
-  }
-}
+@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-9;
+    &[biserial='true'] {
+      background-color: $--color-primary-light-10;
+    }
+    &:not(.es-nav-overlap) {
+      border-right: $--border-base;
+    }
+    .es-nav-title {
+      width: 100%;
+      height: 45px;
+      font-size: 15px;
+      line-height: 30px;
+      text-align: center;
+      overflow: hidden;
+      padding: 7px 32px 7px 0;
+      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: -15px;
+        color: #fff;
+        &.es-icon-zengjiasuojinliang {
+          right: 50%;
+          margin-right: -10px;
+        }
+      }
+      .el-tooltip {
+        text-align: center;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        position: relative;
+        padding: 0 4px;
+        &.es-nav-title-filter {
+          padding-right: 10px;
+          cursor: pointer;
+          .el-icon--right {
+            position: absolute;
+            right: 6px;
+            top: 50%;
+            margin-top: -4px;
+          }
+        }
+      }
+    }
+  }
+  .es-nav-initial {
+    width: $--nav-initial-width;
+    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-overlap {
+      .es-menu {
+        display: flex;
+        flex-wrap: wrap;
+        .es-menu-item,
+        .el-menu-item {
+          width: 90px;
+          height: 90px;
+          margin-bottom: 20px;
+          &:nth-child(2n) {
+            margin-left: 20px;
+          }
+        }
+      }
+    }
+  }
+  &.es-nav-biserial {
+    position: relative;
+    .es-nav-main {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+    }
+    .es-menu-title-vertical {
+      margin-right: 0;
+    }
+  }
+}

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

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

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

@@ -1,29 +1,29 @@
-.es-pagination {
-  text-align: center;
-  .el-select {
-    .el-input {
-      width: 56px;
-    }
-  }
-  &:not(.is-background) {
-    .btn-prev,
-    .btn-next,
-    li {
-      background-color: transparent !important;
-    }
-  }
-  button,
-  span:not([class*='suffix']) {
-    height: 26px;
-    line-height: 26px;
-  }
-  .el-input__suffix {
-    line-height: 26px;
-  }
-  &.es-pagination-complete {
-    text-align: right;
-    .el-pagination__total {
-      float: left;
-    }
-  }
-}
+.es-pagination {
+  text-align: center;
+  .el-select {
+    .el-input {
+      width: 56px;
+    }
+  }
+  &:not(.is-background) {
+    .btn-prev,
+    .btn-next,
+    li {
+      background-color: transparent !important;
+    }
+  }
+  button,
+  span:not([class*='suffix']) {
+    height: 26px;
+    line-height: 26px;
+  }
+  .el-input__suffix {
+    line-height: 26px;
+  }
+  &.es-pagination-complete {
+    text-align: right;
+    .el-pagination__total {
+      float: left;
+    }
+  }
+}

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

@@ -1,9 +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;
-  }
-}
+.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

@@ -1,17 +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,
-  .es-qrcode-logo {
-    display: none;
-  }
-  .es-qrcode-img {
-    border-radius: 4px;
-    box-sizing: border-box;
-  }
-}
+.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,
+  .es-qrcode-logo {
+    display: none;
+  }
+  .es-qrcode-img {
+    border-radius: 4px;
+    box-sizing: border-box;
+  }
+}