更新依赖

package.json

@@ -25,7 +25,7 @@
         "dayjs": "^1.11.13",
         "echarts": "^5.5.1",
         "element-plus": "^2.8.7",
-        "hc-vue3-ui": "^4.3.9",
+        "hc-vue3-ui": "^4.4.1",
         "js-base64": "^3.7.7",
         "js-fast-way": "^0.5.6",
         "js-md5": "^0.8.3",

public/plugins/element-plus/theme-chalk/el-option-group.css

@@ -1 +1 @@
-.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{color:var(--el-color-info);font-size:12px;line-height:34px;padding-left:20px}.el-select-group .el-select-dropdown__item{padding-left:20px}
+.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}

public/plugins/element-plus/theme-chalk/src/color/index.scss

@@ -2,7 +2,7 @@
 @use 'sass:string';
 
 @function rgb2hex($color) {
-  @return unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
+  @return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
 }
 
 // rgba color above solid color

public/plugins/element-plus/theme-chalk/src/common/var.scss

@@ -1,6 +1,7 @@
 /* Element Chalk Variables */
 @use 'sass:math';
 @use 'sass:map';
+@use 'sass:color';
 
 @use '../mixins/function.scss' as *;
 
@@ -60,7 +61,7 @@ $color-info: map.get($colors, 'info', 'base') !default;
     (
       $type: (
         '#{$mode}-#{$number}':
-          mix(
+          color.mix(
             $mix-color,
             map.get($colors, $type, 'base'),
             math.percentage(math.div($number, 10))

public/plugins/element-plus/theme-chalk/src/dark/var.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
 @use 'sass:math';
+@use 'sass:color';
 
 @use '../common/var.scss' as common;
 @use '../mixins/mixins.scss' as *;
@@ -30,7 +31,7 @@ $colors: () !default;
     (
       $type: (
         '#{$mode}-#{$number}':
-          mix(
+          color.mix(
             $mix-color,
             map.get($colors, $type, 'base'),
             math.percentage(math.div($number, 10))

public/plugins/element-plus/theme-chalk/src/mixins/function.scss

@@ -1,16 +1,18 @@
 @use 'config';
+@use 'sass:meta';
+@use 'sass:string';
 
 // BEM support Func
 @function selectorToString($selector) {
-  $selector: inspect($selector);
-  $selector: str-slice($selector, 2, -2);
+  $selector: meta.inspect($selector);
+  $selector: string.slice($selector, 2, -2);
   @return $selector;
 }
 
 @function containsModifier($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, config.$modifier-separator) {
+  @if string.index($selector, config.$modifier-separator) {
     @return true;
   } @else {
     @return false;
@@ -20,7 +22,7 @@
 @function containWhenFlag($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, '.' + config.$state-prefix) {
+  @if string.index($selector, '.' + config.$state-prefix) {
     @return true;
   } @else {
     @return false;
@@ -30,7 +32,7 @@
 @function containPseudoClass($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, ':') {
+  @if string.index($selector, ':') {
     @return true;
   } @else {
     @return false;

public/plugins/element-plus/theme-chalk/src/mixins/mixins.scss

@@ -5,12 +5,14 @@
 @forward 'function';
 @forward '_var';
 @use 'config' as *;
+@use 'sass:string';
+@use "sass:map";
 
 // Break-points
 @mixin res($key, $map: $breakpoints) {
   // loop breakpoint Map, return if present
-  @if map-has-key($map, $key) {
-    @media only screen and #{unquote(map-get($map, $key))} {
+  @if map.has-key($map, $key) {
+    @media only screen and #{string.unquote(map.get($map, $key))} {
       @content;
     }
   } @else {

public/plugins/element-plus/theme-chalk/src/option-group.scss

@@ -17,10 +17,14 @@
   }
 
   @include e(title) {
-    padding-left: $gap;
+    box-sizing: border-box;
+    padding: 0 $gap;
     font-size: map.get($select-group, 'font-size');
     color: map.get($select-group, 'text-color');
     line-height: map.get($select-group, 'height');
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   & .#{$namespace}-select-dropdown__item {

public/plugins/element-plus/theme-chalk/src/popper.scss

@@ -96,7 +96,7 @@
     $adjacency
       in ('top': 'left', 'bottom': 'right', 'left': 'bottom', 'right': 'top')
   {
-    &[data-popper-placement^='#{$placement}'] {
+    &[data-popper-placement^='#{$placement}'] > {
       #{$arrow-selector}::before {
         border-#{$placement}-color: transparent !important;
         border-#{$adjacency}-color: transparent !important;

public/plugins/element-plus/theme-chalk/src/segmented.scss

@@ -35,6 +35,23 @@ $segmented-item-padding: map.merge(
   $segmented-item-padding
 );
 
+$segmented-item-padding-vertical: () !default;
+$segmented-item-padding-vertical: map.merge(
+  (
+    'large': 11px 11px,
+    'default':11px 11px,
+    'small': 7px 7px,
+  ),
+  $segmented-item-padding-vertical
+);
+
+.#{$namespace}-segmented--vertical {
+  flex-direction: column;
+  .#{$namespace}-segmented__item {
+    padding: map.get($segmented-item-padding-vertical, 'default');
+  }
+}
+
 @include b(segmented) {
   @include set-component-css-var('segmented', $segmented);
 }
@@ -151,6 +168,12 @@ $segmented-item-padding: map.merge(
         border-radius: calc(#{map.get($segmented-border-radius, $size)} - 2px);
       }
 
+      .#{$namespace}-segmented--vertical {
+        @include e(item) {
+          padding: map.get($segmented-item-padding-vertical, $size);
+        }
+      }
+
       @include e(item) {
         border-radius: calc(#{map.get($segmented-border-radius, $size)} - 2px);
         padding: map.get($segmented-item-padding, $size);

public/plugins/element-plus/theme-chalk/src/table-v2.scss

@@ -85,12 +85,10 @@
     @include table-root;
     left: 0;
     box-shadow: 2px 0 4px 0 rgb(0 0 0 / 6%);
-    z-index: 1;
     @include hidden-scrollbar;
   }
 
   @include e('right') {
-    z-index: 1;
     @include table-root;
     right: 0;
     box-shadow: -2px 0 4px 0 rgb(0 0 0 / 6%);
@@ -112,6 +110,10 @@
   @include e('header') {
     position: relative;
     overflow: hidden;
+
+    .#{$namespace}-checkbox {
+      z-index: 0;
+    }
   }
 
   @include e('footer') {

yarn.lock

@@ -2008,10 +2008,10 @@ has-flag@^4.0.0:
   resolved "http://39.108.216.210:9000/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-hc-vue3-ui@^4.3.9:
-  version "4.3.9"
-  resolved "http://39.108.216.210:9000/hc-vue3-ui/-/hc-vue3-ui-4.3.9.tgz#526323d5e9616ff14ab30661e2db3d1343bcca14"
-  integrity sha512-p6LrX40tG+IG9gn/8bJMAaaI/6f5QLLBxG1i98AQncK3vXqQUrLsaDGe4nwm1pRgmFxJMc+DR2pTrdqCj6AkMA==
+hc-vue3-ui@^4.4.1:
+  version "4.4.1"
+  resolved "http://39.108.216.210:9000/hc-vue3-ui/-/hc-vue3-ui-4.4.1.tgz#f6170dcfac0ba7f12a6e17d20a9476a7997367b3"
+  integrity sha512-tUpvPIird5VyX6oFqpweW1JhhFd0UQcuh7d+AiHQpneUPxRUygjC31jhGWDd1sE+MNmxt9gPZMk+BjbQxZZ1Kg==
   dependencies:
     axios "^1.7.7"
     dayjs "^1.11.13"