更新依赖

package.json

@@ -20,7 +20,7 @@
         "crypto-js": "^4.2.0",
         "dayjs": "^1.11.10",
         "echarts": "^5.4.3",
-        "element-plus": "2.4.4",
+        "element-plus": "2.5.0",
         "hc-vue3-ui": "^2.7.8",
         "js-base64": "^3.7.5",
         "js-fast-way": "^0.3.8",
@@ -28,7 +28,7 @@
         "nprogress": "^0.2.0",
         "pinia": "^2.1.7",
         "split.js": "^1.6.5",
-        "vue": "3.4.4",
+        "vue": "3.4.8",
         "vue-router": "^4.2.5",
         "vuedraggable": "^4.1.0"
     },
@@ -37,11 +37,11 @@
         "@iconify-json/ri": "^1.1.18",
         "@unocss/eslint-config": "^0.58.2",
         "@vitejs/plugin-vue": "^4.5.2",
-        "@vue/compiler-sfc": "^3.4.4",
+        "@vue/compiler-sfc": "^3.4.8",
         "archiver": "^6.0.1",
         "bignumber.js": "^9.1.2",
         "eslint": "^8.56.0",
-        "eslint-plugin-vue": "^9.19.2",
+        "eslint-plugin-vue": "^9.20.0",
         "sass": "^1.69.7",
         "unocss": "^0.58.2",
         "unocss-preset-extra": "^0.5.3",

public/plugins/element-plus/theme-chalk/el-card.css

@@ -1 +1 @@
-.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}
+.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-top:1px solid var(--el-card-border-color);box-sizing:border-box}

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

@@ -1 +0,0 @@
-.el-select-dropdown__option-item{font-size:var(--el-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__option-item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__option-item.is-disabled:hover{background-color:var(--el-bg-color)}.el-select-dropdown__option-item.is-selected{background-color:var(--el-fill-color-light);font-weight:700}.el-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--el-color-primary)}.el-select-dropdown__option-item.hover{background-color:var(--el-fill-color-light)!important}.el-select-dropdown__option-item:hover{background-color:var(--el-fill-color-light)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected{color:var(--el-color-primary);background-color:var(--el-bg-color-overlay)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon svg{height:inherit;vertical-align:middle}

public/plugins/element-plus/theme-chalk/el-popover.css

@@ -1 +1 @@
-.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}
+.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);overflow-wrap:break-word;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}

public/plugins/element-plus/theme-chalk/el-reset.css

@@ -1 +1 @@
-@charset "UTF-8";body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:var(--el-font-size-base);color:var(--el-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--el-color-primary);text-decoration:none}a:focus,a:hover{color:var(--el-color-primary-light-3)}a:active{color:var(--el-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--el-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--el-font-size-base) + 6px)}h2{font-size:calc(var(--el-font-size-base) + 4px)}h3{font-size:calc(var(--el-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sub,sup{font-size:calc(var(--el-font-size-base) - 1px)}small{font-size:calc(var(--el-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--el-border-color-lighter)}
+@charset "UTF-8";body{font-family:Inter,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight:400;font-size:var(--el-font-size-base);color:var(--el-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,input,textarea{font-family:inherit}a{color:var(--el-color-primary);text-decoration:none}a:focus,a:hover{color:var(--el-color-primary-light-3)}a:active{color:var(--el-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--el-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--el-font-size-base) + 6px)}h2{font-size:calc(var(--el-font-size-base) + 4px)}h3{font-size:calc(var(--el-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sub,sup{font-size:calc(var(--el-font-size-base) - 1px)}small{font-size:calc(var(--el-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--el-border-color-lighter)}

public/plugins/element-plus/theme-chalk/el-select-dropdown-v2.css

@@ -1 +1 @@
-.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled{color:var(--el-text-color-disabled)}.el-select-dropdown__option-item.is-selected:not(.is-multiple).is-disabled::after{background-color:var(--el-text-color-disabled)}.el-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-disabled.is-selected{color:var(--el-text-color-disabled)}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}
+.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{padding:10px;border-bottom:1px solid var(--el-border-color-light)}.el-select-dropdown__footer{padding:10px;border-top:1px solid var(--el-border-color-light)}

public/plugins/element-plus/theme-chalk/el-text.css

@@ -1 +1 @@
-.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular)}.el-text{align-self:center;margin:0;padding:0;font-size:var(--el-text-font-size);color:var(--el-text-color);word-break:break-all}.el-text.is-truncated{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}
+.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular)}.el-text{align-self:center;margin:0;padding:0;font-size:var(--el-text-font-size);color:var(--el-text-color);overflow-wrap:break-word}.el-text.is-truncated{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}

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

@@ -35,4 +35,11 @@
   @include e(body) {
     padding: getCssVar('card', 'padding');
   }
+
+  @include e(footer) {
+    padding: calc(#{getCssVar('card', 'padding')} - 2px)
+      getCssVar('card', 'padding');
+    border-top: 1px solid getCssVar('card', 'border-color');
+    box-sizing: border-box;
+  }
 }

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

@@ -407,6 +407,7 @@ $select: map.merge(
     'multiple-input-color': getCssVar('text-color-regular'),
     'input-focus-border-color': getCssVar('color-primary'),
     'input-font-size': 14px,
+    'width': 100%,
   ),
   $select
 );
@@ -442,19 +443,52 @@ $select-dropdown: map.merge(
     'max-height': 274px,
     'padding': 6px 0,
     'empty-padding': 10px 0,
+    'header-padding': 10px,
+    'footer-padding': 10px,
     'border': 1px solid getCssVar('border-color-light'),
   ),
   $select-dropdown
 );
 
-$select-tags-prefix-padding: () !default;
-$select-tags-prefix-padding: map.merge(
-  (
-    'large': 8px,
-    'default': 6px,
-    'small': 4px,
-  ),
-  $select-tags-prefix-padding
+$select-wrapper-padding: () !default;
+$select-wrapper-padding: map.merge(
+    (
+      'large': 8px 16px,
+      'default': 4px 12px,
+      'small': 2px 8px,
+    ),
+    $select-wrapper-padding
+);
+
+$select-near-margin-left: () !default;
+$select-near-margin-left: map.merge(
+    (
+      'large': -8px,
+      'default': -8px,
+      'small': -6px,
+    ),
+    $select-near-margin-left
+);
+
+$select-item-gap: () !default;
+$select-item-gap: map.merge(
+    (
+      'large': 6px,
+      'default': 6px,
+      'small': 4px,
+    ),
+    $select-item-gap
+);
+
+// the same height of el-tag
+$select-item-height: () !default;
+$select-item-height: map.merge(
+    (
+      'large': 24px,
+      'default': 24px,
+      'small': 20px,
+    ),
+    $select-item-height
 );
 
 // Alert
@@ -758,6 +792,26 @@ $dialog: map.merge(
   $dialog
 );
 
+// Tour
+// css3 var in packages/theme-chalk/src/tour.scss
+$tour: () !default;
+$tour: map.merge(
+  (
+    'width': 520px,
+    'padding-primary': 16px,
+    'font-line-height': getCssVar('font-line-height-primary'),
+    'title-font-size': 16px,
+    'title-text-color': getCssVar('text-color-primary'),
+    'title-font-weight': 400,
+    'font-size': 14px,
+    'color': getCssVar('text-color-primary'),
+    'bg-color': getCssVar('bg-color'),
+    'border-radius': 4px,
+    'border-color': getCssVar('border-color-lighter'),
+  ),
+  $tour
+);
+
 // Table
 // css3 var in packages/theme-chalk/src/table.scss
 $table: () !default;
@@ -776,7 +830,7 @@ $table: map.merge(
     'expanded-cell-bg-color': getCssVar('fill-color', 'blank'),
     'fixed-left-column': inset 10px 0 10px -10px rgb(0 0 0 / 15%),
     'fixed-right-column': inset -10px 0 10px -10px rgb(0 0 0 / 15%),
-    'index': getCssVar('index-normal')
+    'index': getCssVar('index-normal'),
   ),
   $table
 );
@@ -1423,7 +1477,7 @@ $lg: 1200px !default;
 $xl: 1920px !default;
 
 $breakpoints: (
-  'xs': '(max-width: #{$sm})',
+  'xs': '(max-width: #{$sm - 1})',
   'sm': '(min-width: #{$sm})',
   'md': '(min-width: #{$md})',
   'lg': '(min-width: #{$lg})',

public/plugins/element-plus/theme-chalk/src/date-picker/picker.scss

@@ -21,6 +21,7 @@
   @include set-component-css-var('input', $input);
   position: relative;
   text-align: left;
+  vertical-align: middle;
 
   &.#{$namespace}-input__wrapper {
     @include inset-input-border(
@@ -121,7 +122,7 @@
     padding: 0 5px;
     margin: 0;
     font-size: 14px;
-    word-break: keep-all;
+    overflow-wrap: break-word;
     color: getCssVar('text-color', 'primary');
   }
 

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

@@ -7,52 +7,52 @@
 
 $form-item-margin-bottom: () !default;
 $form-item-margin-bottom: map.merge(
-  (
-    'large': 22px,
-    'default': 18px,
-    'small': 18px,
-  ),
-  $form-item-margin-bottom
+    (
+      'large': 22px,
+      'default': 18px,
+      'small': 18px,
+    ),
+    $form-item-margin-bottom
 );
 
 $form-item-line-height: () !default;
 $form-item-line-height: map.merge(
-  (
-    'large': 40px,
-    'default': 32px,
-    'small': 24px,
-  ),
-  $form-item-line-height
+    (
+      'large': 40px,
+      'default': 32px,
+      'small': 24px,
+    ),
+    $form-item-line-height
 );
 
 $form-item-error-padding-top: () !default;
 $form-item-error-padding-top: map.merge(
-  (
-    'large': 4px,
-    'default': 2px,
-    'small': 2px,
-  ),
-  $form-item-error-padding-top
+    (
+      'large': 4px,
+      'default': 2px,
+      'small': 2px,
+    ),
+    $form-item-error-padding-top
 );
 
 $form-item-label-top-line-height: () !default;
 $form-item-label-top-line-height: map.merge(
-  (
-    'large': 22px,
-    'default': 22px,
-    'small': 20px,
-  ),
-  $form-item-label-top-line-height
+    (
+      'large': 22px,
+      'default': 22px,
+      'small': 20px,
+    ),
+    $form-item-label-top-line-height
 );
 
 $form-item-label-top-margin-bottom: () !default;
 $form-item-label-top-margin-bottom: map.merge(
-  (
-    'large': 12px,
-    'default': 8px,
-    'small': 4px,
-  ),
-  $form-item-label-top-margin-bottom
+    (
+      'large': 12px,
+      'default': 8px,
+      'small': 4px,
+    ),
+    $form-item-label-top-margin-bottom
 );
 
 @include b(form) {
@@ -196,7 +196,7 @@ $form-item-label-top-margin-bottom: map.merge(
       &.asterisk-left {
         > .#{$namespace}-form-item__label:before,
         > .#{$namespace}-form-item__label-wrap
-          > .#{$namespace}-form-item__label:before {
+        > .#{$namespace}-form-item__label:before {
           content: '*';
           color: getCssVar('color-danger');
           margin-right: 4px;
@@ -205,7 +205,7 @@ $form-item-label-top-margin-bottom: map.merge(
       &.asterisk-right {
         > .#{$namespace}-form-item__label:after,
         > .#{$namespace}-form-item__label-wrap
-          > .#{$namespace}-form-item__label:after {
+        > .#{$namespace}-form-item__label:after {
           content: '*';
           color: getCssVar('color-danger');
           margin-left: 4px;
@@ -215,51 +215,14 @@ $form-item-label-top-margin-bottom: map.merge(
   }
 
   @include when(error) {
-    .#{$namespace}-select-v2__wrapper {
-      &.is-focused {
-        border-color: transparent;
-      }
-    }
-
-    .#{$namespace}-select-v2__wrapper,
-    .#{$namespace}-textarea__inner {
-      &,
-      &:focus {
+    .#{$namespace}-input__wrapper,
+    .#{$namespace}-textarea__inner,
+    .#{$namespace}-select__wrapper {
+      &, &:hover, &:focus, &.is-focus {
         box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
       }
     }
 
-    .#{$namespace}-input__wrapper {
-      box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
-      &:hover {
-        box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
-      }
-      &.is-focus {
-        box-shadow: 0 0 0 1px getCssVar('color-danger') inset !important;
-      }
-    }
-
-    .#{$namespace}-select {
-       &:hover{
-         box-shadow: 0 0 0 1px transparent;
-       }
-
-      .#{$namespace}-input{
-        .#{$namespace}-input__wrapper {
-          &:hover{
-            box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
-          }
-        }
-
-        &.is-focus {
-          .#{$namespace}-input__wrapper {
-            box-shadow: 0 0 0 1px getCssVar('color-danger') inset !important;
-          }
-        }
-      }
-    }
-
-
     .#{$namespace}-input-group__append,
     .#{$namespace}-input-group__prepend {
       .#{$namespace}-input__wrapper {

public/plugins/element-plus/theme-chalk/src/image-viewer.scss

@@ -69,7 +69,6 @@
     @include e(actions__inner) {
       width: 100%;
       height: 100%;
-      text-align: justify;
       cursor: default;
       font-size: 23px;
       color: #fff;

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

@@ -102,5 +102,5 @@
 @use './select-dropdown.scss';
 @use './option.scss';
 @use './option-group.scss';
-@use './option-item.scss';
 @use './statistic.scss';
+@use './tour.scss';

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

@@ -6,22 +6,22 @@
 
 @mixin inset-prepend-border($color) {
   box-shadow: 1px 0 0 0 $color inset, 0 1px 0 0 $color inset,
-    0 -1px 0 0 $color inset;
+  0 -1px 0 0 $color inset;
 }
 
 @mixin inset-append-border($color) {
   box-shadow: 0 1px 0 0 $color inset, 0 -1px 0 0 $color inset,
-    -1px 0 0 0 $color inset;
+  -1px 0 0 0 $color inset;
 }
 
 @mixin inset-prepend-input-border($color) {
   box-shadow: 1px 0 0 0 $color inset, 1px 0 0 0 $color, 0 1px 0 0 $color inset,
-    0 -1px 0 0 $color inset !important;
+  0 -1px 0 0 $color inset !important;
 }
 
 @mixin inset-append-input-border($color) {
   box-shadow: -1px 0 0 0 $color, -1px 0 0 0 $color inset, 0 1px 0 0 $color inset,
-    0 -1px 0 0 $color inset !important;
+  0 -1px 0 0 $color inset !important;
 }
 
 @mixin mixed-input-border($color) {
@@ -50,32 +50,32 @@
     font-size: inherit;
     font-family: inherit;
     color: var(
-      #{getCssVarName('input-text-color')},
-      map.get($input, 'text-color')
+        #{getCssVarName('input-text-color')},
+        map.get($input, 'text-color')
     );
     background-color: var(
-      #{getCssVarName('input-bg-color')},
-      map.get($input, 'bg-color')
+        #{getCssVarName('input-bg-color')},
+        map.get($input, 'bg-color')
     );
     background-image: none;
     -webkit-appearance: none;
     @include inset-input-border(
-      var(
-        #{getCssVarName('input-border-color')},
-        map.get($input, 'border-color')
-      )
+        var(
+            #{getCssVarName('input-border-color')},
+            map.get($input, 'border-color')
+        )
     );
     border-radius: getCssVarWithDefault(
-      'input-border-radius',
-      map.get($input, 'border-radius')
+        'input-border-radius',
+        map.get($input, 'border-radius')
     );
     transition: getCssVar('transition-box-shadow');
     border: none;
 
     &::placeholder {
       color: getCssVarWithDefault(
-        'input-placeholder-color',
-        map.get($input, 'placeholder-color')
+          'input-placeholder-color',
+          map.get($input, 'placeholder-color')
       );
     }
 
@@ -172,22 +172,22 @@
     justify-content: center;
     padding: $border-width map.get($input-padding-horizontal, 'default')-$border-width;
     background-color: var(
-      #{getCssVarName('input-bg-color')},
-      map.get($input, 'bg-color')
+        #{getCssVarName('input-bg-color')},
+        map.get($input, 'bg-color')
     );
     background-image: none;
     border-radius: getCssVarWithDefault(
-      'input-border-radius',
-      map.get($input, 'border-radius')
+        'input-border-radius',
+        map.get($input, 'border-radius')
     );
     cursor: text;
     transition: getCssVar('transition-box-shadow');
     transform: translate3d(0, 0, 0);
     @include inset-input-border(
-      var(
-        #{getCssVarName('input-border-color')},
-        map.get($input, 'border-color')
-      )
+        var(
+            #{getCssVarName('input-border-color')},
+            map.get($input, 'border-color')
+        )
     );
 
     &:hover {
@@ -202,21 +202,19 @@
   @include e(inner) {
     // use map.get as default value for date picker range
     @include set-css-var-value(
-      'input-inner-height',
-      calc(
-        var(
-            #{getCssVarName('input-height')},
-            #{map.get($input-height, 'default')}
-          ) - $border-width * 2
-      )
+        'input-inner-height',
+        calc(
+          var(#{getCssVarName('input-height')},
+            #{map.get($input-height, 'default')}) - $border-width * 2
+        )
     );
 
     width: 100%;
     flex-grow: 1;
     -webkit-appearance: none;
     color: var(
-      #{getCssVarName('input-text-color')},
-      map.get($input, 'text-color')
+        #{getCssVarName('input-text-color')},
+        map.get($input, 'text-color')
     );
     font-size: inherit;
     height: getCssVar('input-inner-height');
@@ -233,8 +231,8 @@
 
     &::placeholder {
       color: getCssVarWithDefault(
-        'input-placeholder-color',
-        map.get($input, 'placeholder-color')
+          'input-placeholder-color',
+          map.get($input, 'placeholder-color')
       );
     }
 
@@ -242,6 +240,10 @@
     &[type='password']::-ms-reveal {
       display: none;
     }
+
+    &[type='number'] {
+      line-height: 1;
+    }
   }
 
   @each $slot in (prefix, suffix) {
@@ -253,8 +255,8 @@
       height: 100%;
       text-align: center;
       color: var(
-        #{getCssVarName('input-icon-color')},
-        map.get($input, 'icon-color')
+          #{getCssVarName('input-icon-color')},
+          map.get($input, 'icon-color')
       );
       transition: all getCssVar('transition-duration');
       pointer-events: none;
@@ -302,10 +304,10 @@
   @include when(active) {
     .#{$namespace}-input__wrapper {
       @include mixed-input-border(
-        var(
-          #{getCssVarName('input-focus-color')},
-          map.get($input, 'focus-color')
-        )
+          var(
+              #{getCssVarName('input-focus-color')},
+              map.get($input, 'focus-color')
+          )
       );
     }
   }
@@ -357,13 +359,11 @@
 
       @include e(inner) {
         @include set-css-var-value(
-          'input-inner-height',
-          calc(
-            var(
-                #{getCssVarName('input-height')},
-                #{map.get($input-height, $size)}
-              ) - $border-width * 2
-          )
+            'input-inner-height',
+            calc(
+              var(#{getCssVarName('input-height')},
+                #{map.get($input-height, $size)}) - $border-width * 2
+            )
         );
       }
     }
@@ -399,8 +399,8 @@
 
     button.#{$namespace}-button,
     button.#{$namespace}-button:hover,
-    div.#{$namespace}-select .#{$namespace}-input__wrapper,
-    div.#{$namespace}-select:hover .#{$namespace}-input__wrapper {
+    div.#{$namespace}-select .#{$namespace}-select__wrapper,
+    div.#{$namespace}-select:hover .#{$namespace}-select__wrapper {
       border-color: transparent;
       background-color: transparent;
       color: inherit;
@@ -434,44 +434,10 @@
 
     @include e(prepend) {
       .#{$namespace}-select {
-        .#{$namespace}-input {
-          .#{$namespace}-input__inner {
-            box-shadow: none !important;
-          }
-          .#{$namespace}-input__wrapper {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-            @include inset-prepend-border(#{getCssVar('input-border-color')});
-          }
-          &.is-focus {
-            .#{$namespace}-input__inner {
-              box-shadow: none !important;
-            }
-            .#{$namespace}-input__wrapper {
-              @include inset-prepend-input-border(
-                getCssVar('input-focus-border-color')
-              );
-              z-index: 2;
-              &:focus {
-                outline: none;
-                z-index: 2;
-                @include inset-prepend-input-border(
-                  getCssVar('input-focus-border-color')
-                );
-              }
-            }
-          }
-        }
-        &:hover {
-          .#{$namespace}-input__inner {
-            box-shadow: none !important;
-          }
-          .#{$namespace}-input__wrapper {
-            z-index: 1;
-            @include inset-prepend-input-border(
-              getCssVar('input-hover-border-color')
-            );
-          }
+        .#{$namespace}-select__wrapper {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+          @include inset-prepend-border(#{getCssVar('input-border-color')});
         }
       }
     }
@@ -482,39 +448,13 @@
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
+
     @include e(append) {
       .#{$namespace}-select {
-        .#{$namespace}-input {
-          .#{$namespace}-input__inner {
-            box-shadow: none !important;
-          }
-          .#{$namespace}-input__wrapper {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-            @include inset-append-border(#{getCssVar('input-border-color')});
-          }
-          &.is-focus {
-            .#{$namespace}-input__inner {
-              box-shadow: none !important;
-            }
-            .#{$namespace}-input__wrapper {
-              z-index: 2;
-              @include inset-append-input-border(
-                getCssVar('input-focus-border-color')
-              );
-            }
-          }
-        }
-        &:hover {
-          .#{$namespace}-input__inner {
-            box-shadow: none !important;
-          }
-          .#{$namespace}-input__wrapper {
-            z-index: 1;
-            @include inset-append-input-border(
-              getCssVar('input-hover-border-color')
-            );
-          }
+        .#{$namespace}-select__wrapper {
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+          @include inset-append-border(#{getCssVar('input-border-color')});
         }
       }
     }

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

@@ -210,6 +210,12 @@
     .#{$namespace}-menu .#{$namespace}-sub-menu {
       min-width: 200px;
     }
+
+    .#{$namespace}-sub-menu {
+      &.is-active .#{$namespace}-sub-menu__title {
+        color: getCssVar('menu-active-color');
+      }
+    }
   }
   @include m(popup) {
     z-index: 100;

public/plugins/element-plus/theme-chalk/src/message-box.scss

@@ -140,7 +140,7 @@
     + .#{$namespace}-message-box__message {
       padding-left: 36px;
       padding-right: 12px;
-      word-break: break-word;
+      overflow-wrap: break-word;
     }
 
     @each $type in (success, info, warning, error) {

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

@@ -52,7 +52,7 @@
 
       .#{$namespace}-message__content {
         color: getCssVar('message', 'text-color');
-        overflow-wrap: anywhere;
+        overflow-wrap: break-word;
       }
     }
 

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

@@ -21,7 +21,7 @@
     left getCssVar('transition-duration'),
     right getCssVar('transition-duration'), top 0.4s,
     bottom getCssVar('transition-duration');
-  overflow-wrap: anywhere;
+  overflow-wrap: break-word;
   overflow: hidden;
   z-index: 9999;
 
@@ -51,7 +51,6 @@
     line-height: 24px;
     margin: 6px 0 0;
     color: getCssVar('notification-content-color');
-    text-align: justify;
 
     p {
       margin: 0;

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

@@ -1,70 +0,0 @@
-@use 'sass:map';
-
-@use 'mixins/mixins' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
-
-@include b(select-dropdown) {
-  @include e(option-item) {
-    font-size: getCssVar('select-font-size');
-    // 20 as the padding of option item, 12 as the size of ✓ icon size
-    padding: 0 #{20 + 12}px 0 20px;
-    position: relative;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: map.get($select-option, 'text-color');
-    height: map.get($select-option, 'height');
-    line-height: map.get($select-option, 'height');
-    box-sizing: border-box;
-    cursor: pointer;
-
-    @include when(disabled) {
-      color: map.get($select-option, 'disabled-color');
-      cursor: not-allowed;
-
-      &:hover {
-        background-color: getCssVar('bg-color');
-      }
-    }
-
-    @include when(selected) {
-      background-color: map.get($select-option, 'hover-background');
-      font-weight: 700;
-
-      &:not(.is-multiple) {
-        color: map.get($select-option, 'selected-text-color');
-      }
-    }
-
-    &.hover {
-      background-color: map.get($select-option, 'hover-background') !important;
-    }
-
-    &:hover {
-      background-color: map.get($select-option, 'hover-background');
-    }
-  }
-
-  @include when(multiple) {
-    .#{$namespace}-select-dropdown__option-item {
-      &.is-selected {
-        color: map.get($select-option, 'selected-text-color');
-        background-color: map.get($select-dropdown, 'bg-color');
-
-        & .#{$namespace}-icon {
-          position: absolute;
-          right: 20px;
-          top: 0;
-          height: inherit;
-          font-size: 12px;
-
-          svg {
-            height: inherit;
-            vertical-align: middle;
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -3,6 +3,27 @@
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 
+$checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E";
+
+@mixin checked-icon {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 20px;
+  border-top: none;
+  border-right: none;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-color: map.get($select-option, 'selected-text-color');
+  mask: url('#{$checked-icon}') no-repeat;
+  mask-size: 100% 100%;
+  -webkit-mask: url('#{$checked-icon}') no-repeat;
+  -webkit-mask-size: 100% 100%;
+  transform: translateY(-50%);
+  width: 12px;
+  height: 12px;
+}
+
 @include b(select-dropdown) {
   @include e(item) {
     font-size: map.get($select, 'font-size');
@@ -18,19 +39,33 @@
     box-sizing: border-box;
     cursor: pointer;
 
+    @include when(hovering) {
+      background-color: map.get($select-option, 'hover-background');
+    }
+
+    @include when(selected) {
+      color: map.get($select-option, 'selected-text-color');
+      font-weight: bold;
+    }
+
     @include when(disabled) {
       color: map.get($select-option, 'disabled-color');
       cursor: not-allowed;
+      background-color: unset;
     }
+  }
 
-    &.hover,
-    &:hover {
-      background-color: map.get($select-option, 'hover-background');
+  @include when(multiple) {
+    .#{$namespace}-select-dropdown__item.is-selected {
+      &::after {
+        @include checked-icon;
+      }
     }
 
-    &.selected {
-      color: map.get($select-option, 'selected-text-color');
-      font-weight: bold;
+    .#{$namespace}-select-dropdown__item.is-disabled {
+      &::after {
+        background-color: map.get($select-option, 'disabled-color');
+      }
     }
   }
 }

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

@@ -71,7 +71,7 @@
     -moz-appearance: textfield;
   }
 
-  .#{$namespace}-select .#{$namespace}-input {
+  .#{$namespace}-select {
     width: 128px;
   }
 
@@ -204,7 +204,7 @@
       font-size: getCssVar('pagination-font-size-small');
     }
 
-    .#{$namespace}-select .#{$namespace}-input {
+    .#{$namespace}-select {
       width: 100px;
     }
   }

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

@@ -14,10 +14,9 @@
     z-index: getCssVar('index-popper');
     color: getCssVar('text-color', 'regular');
     line-height: 1.4;
-    text-align: justify;
     font-size: getCssVar('popover-font-size');
     box-shadow: getCssVar('box-shadow-light');
-    word-break: break-all;
+    overflow-wrap: break-word;
     box-sizing: border-box;
 
     @include m(plain) {

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

@@ -14,7 +14,7 @@
   font-size: 12px;
   line-height: 20px;
   min-width: 10px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   visibility: visible;
 
   $arrow-selector: #{& + '__arrow'};

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

@@ -2,8 +2,8 @@
 @use 'mixins/mixins' as *;
 
 body {
-  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
+    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   font-weight: 400;
   font-size: getCssVar('font-size', 'base');
   color: getCssVar('text-color', 'primary');
@@ -12,6 +12,12 @@ body {
   -webkit-tap-highlight-color: transparent;
 }
 
+input,
+textarea,
+button {
+  font-family: inherit;
+}
+
 a {
   color: getCssVar('color', 'primary');
   text-decoration: none;

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

@@ -1,63 +1 @@
-@use 'sass:map';
-
-@use 'mixins/mixins' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
-
-@include b(select-dropdown) {
-  z-index: calc(#{getCssVar('index-top')} + 1);
-  border-radius: getCssVar('border-radius-base');
-  box-sizing: border-box;
-
-  .#{$namespace}-scrollbar.is-empty .#{$namespace}-select-dropdown__list {
-    padding: 0;
-  }
-
-  @include e(option-item) {
-    @include when(selected) {
-      &:not(.is-multiple) {
-        @include when(disabled) {
-          color: getCssVar('text-color-disabled');
-          &::after {
-            background-color: getCssVar('text-color-disabled');
-          }
-        }
-      }
-    }
-
-    &:hover {
-      &:not(.hover) {
-        background-color: transparent;
-      }
-    }
-  }
-
-  @include when(multiple) {
-    .#{$namespace}-select-dropdown__option-item {
-      @include when(disabled) {
-        @include when(selected) {
-          color: getCssVar('text-color-disabled');
-        }
-      }
-    }
-  }
-}
-
-@include b(select-dropdown__empty) {
-  padding: map.get($select-dropdown, 'empty-padding');
-  margin: 0;
-  text-align: center;
-  color: map.get($select-dropdown, 'empty-color');
-  font-size: getCssVar('select-font-size');
-}
-
-@include b(select-dropdown__wrap) {
-  max-height: map.get($select-dropdown, 'max-height');
-}
-
-@include b(select-dropdown__list) {
-  list-style: none;
-  margin: map.get($select-dropdown, 'padding') !important;
-  padding: 0 !important;
-  box-sizing: border-box;
-}
+@use './select-dropdown.scss';

public/plugins/element-plus/theme-chalk/src/select-dropdown.scss

@@ -3,72 +3,14 @@
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 
-$checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E";
-
-@mixin checked-icon {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: 20px;
-  border-top: none;
-  border-right: none;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-color: map.get($select-option, 'selected-text-color');
-  mask: url('#{$checked-icon}') no-repeat;
-  mask-size: 100% 100%;
-  -webkit-mask: url('#{$checked-icon}') no-repeat;
-  -webkit-mask-size: 100% 100%;
-  transform: translateY(-50%);
-  width: 12px;
-  height: 12px;
-}
-
 @include b(select-dropdown) {
   z-index: calc(#{getCssVar('index-top')} + 1);
   border-radius: getCssVar('border-radius-base');
   box-sizing: border-box;
 
-  @include when(multiple) {
-    & .#{$namespace}-select-dropdown__item.selected {
-      color: map.get($select-option, 'selected-text-color');
-      background-color: map.get($select-dropdown, 'bg-color');
-
-      &.hover {
-        background-color: map.get($select-option, 'hover-background');
-      }
-
-      &::after {
-        @include checked-icon;
-      }
-
-      &.is-disabled {
-        &::after {
-          background-color: getCssVar('text-color-disabled');
-        }
-      }
-    }
-  }
-
-  & .#{$namespace}-select-dropdown__option-item.is-selected {
-    &::after {
-      @include checked-icon;
-    }
-  }
-
   .#{$namespace}-scrollbar.is-empty .#{$namespace}-select-dropdown__list {
     padding: 0;
   }
-
-  .#{$namespace}-select-dropdown__item.is-disabled {
-    &:hover {
-      background-color: unset;
-    }
-
-    &.selected {
-      color: getCssVar('text-color-disabled');
-    }
-  }
 }
 
 @include b(select-dropdown__empty) {
@@ -88,4 +30,20 @@ $checked-icon: "data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='
   padding: map.get($select-dropdown, 'padding');
   margin: 0;
   box-sizing: border-box;
+
+  &.#{$namespace}-vl__window {
+    // for select-v2
+    margin: map.get($select-dropdown, 'padding');
+    padding: 0;
+  }
+}
+
+@include b(select-dropdown__header) {
+  padding: map.get($select-dropdown, 'header-padding');
+  border-bottom: map.get($select-dropdown, 'border');
+}
+
+@include b(select-dropdown__footer) {
+  padding: map.get($select-dropdown, 'footer-padding');
+  border-top: map.get($select-dropdown, 'border');
 }

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

@@ -1,346 +1,4 @@
-@use 'sass:map';
-
-@use 'mixins/mixins' as *;
-@use 'mixins/utils' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
+@use './select.scss';
 @use './select-dropdown-v2.scss';
-@use './option-item.scss';
+@use './option.scss';
 @use './option-group.scss';
-@use './select/common.scss' as *;
-
-$input-inline-start: map.get($input-padding-horizontal, 'default') !default;
-
-@include b(select-v2) {
-  @include set-component-css-var('select', $select);
-}
-
-@include b(select-v2) {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-  font-size: map.get($input-font-size, 'default');
-  $selector: &;
-  @include e(wrapper) {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    position: relative;
-    box-sizing: border-box;
-    cursor: pointer;
-    padding: 1px 30px 1px 0;
-    border: 1px solid getCssVar('border-color');
-    border-radius: getCssVar('border-radius-base');
-    background-color: getCssVar('fill-color', 'blank');
-    transition: getCssVar('transition', 'duration');
-
-    &:hover {
-      border-color: getCssVar('text-color', 'placeholder');
-    }
-
-    @include when(filterable) {
-      cursor: text;
-    }
-
-    @include when(focused) {
-      border-color: getCssVar('color-primary');
-    }
-
-    @include when(hovering) {
-      &:not(.is-focused) {
-        border-color: getCssVar('border-color-hover');
-      }
-    }
-
-    @include when(disabled) {
-      cursor: not-allowed;
-
-      background-color: getCssVar('fill-color', 'light');
-      color: getCssVar('text-color', 'placeholder');
-      border-color: getCssVar('select-disabled-border');
-
-      &:hover {
-        border-color: getCssVar('select-disabled-border');
-      }
-
-      &.is-focus {
-        border-color: getCssVar('input-focus-border-color');
-      }
-
-      .is-transparent {
-        opacity: 1;
-        user-select: none;
-      }
-
-      #{$selector}__caret {
-        cursor: not-allowed;
-      }
-
-      #{$selector}__combobox-input {
-        cursor: not-allowed;
-      }
-    }
-
-    #{$selector}__input-wrapper {
-      box-sizing: border-box;
-      position: relative;
-      margin-inline-start: $input-inline-start;
-      max-width: 100%;
-      overflow: hidden;
-    }
-
-    &,
-    #{$selector}__input-wrapper {
-      line-height: map.get($input-height, 'default');
-    }
-
-    #{$selector}__input-wrapper input {
-      @include set-css-var-value(
-        'input-inner-height',
-        calc(
-          var(
-              #{getCssVarName('component-size')},
-              #{map.get($input-height, 'default')}
-            ) - 8px
-        )
-      );
-
-      height: getCssVar('input-inner-height');
-      line-height: getCssVar('input-inner-height');
-      min-width: 4px;
-      width: 100%;
-
-      background-color: transparent;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none;
-      background: 0 0;
-      border: none;
-
-      margin: 2px 0;
-      outline: none;
-      padding: 0;
-    }
-  }
-
-  @include select-common(select-v2);
-
-  @include e(empty) {
-    padding: 10px 0;
-    margin: 0;
-    text-align: center;
-    color: getCssVar('text-color', 'secondary');
-    font-size: 14px;
-  }
-
-  @include e(popper) {
-    @include picker-popper(
-      map.get($select-dropdown, 'bg-color'),
-      map.get($select-dropdown, 'border'),
-      map.get($select-dropdown, 'shadow')
-    );
-  }
-
-  @each $size in (large, small) {
-    @include m($size) {
-      @include e(wrapper) {
-        #{$selector}__combobox-input {
-          height: map.get($input-height, $size) - 8px;
-        }
-      }
-      @include e(caret) {
-        height: map.get($input-height, $size);
-      }
-      @include e(suffix) {
-        height: map.get($input-height, $size);
-      }
-      @include e(placeholder) {
-        font-size: map.get($input-font-size, $size);
-        line-height: map.get($input-line-height, $size);
-      }
-    }
-  }
-
-  #{$selector}__selection > span {
-    display: inline-block;
-  }
-
-  &:hover {
-    #{$selector}__combobox-input {
-      border-color: getCssVar('select-border-color-hover');
-    }
-  }
-
-  .#{$namespace}-select__selection-text {
-    text-overflow: ellipsis;
-    display: inline-block;
-    overflow-x: hidden;
-    vertical-align: bottom;
-  }
-
-  #{$selector}__combobox-input {
-    padding-right: 35px;
-    display: block;
-    color: getCssVar('text-color', 'regular');
-
-    &:focus {
-      border-color: getCssVar('select-input-focus-border-color');
-    }
-  }
-
-  @include e(input) {
-    border: none;
-    outline: none;
-    padding: 0;
-    margin-left: 15px;
-    color: getCssVar('select-multiple-input-color');
-    font-size: getCssVar('select-font-size');
-    appearance: none;
-    height: 28px;
-
-    @include when(small) {
-      height: 14px;
-    }
-  }
-
-  @include e(close) {
-    cursor: pointer;
-    position: absolute;
-    top: 8px;
-    z-index: getCssVar('index-top');
-    right: 25px;
-    color: getCssVar('select-input-color');
-    line-height: 18px;
-    font-size: getCssVar('select-input-font-size');
-
-    &:hover {
-      color: getCssVar('select-close-hover-color');
-    }
-  }
-
-  @include e(suffix) {
-    display: inline-flex;
-    position: absolute;
-    right: 12px;
-    height: 32px;
-    top: 50%;
-    transform: translateY(-50%);
-    color: var(
-      #{getCssVarName('input-icon-color')},
-      map.get($input, 'icon-color')
-    );
-
-    .#{$namespace}-input__icon {
-      height: inherit;
-
-      &:not(:first-child) {
-        margin-left: 8px;
-      }
-    }
-  }
-
-  @include e(caret) {
-    color: getCssVar('select-input-color');
-    font-size: getCssVar('select-input-font-size');
-    transition: getCssVar('transition', 'duration');
-    transform: rotateZ(180deg);
-    cursor: pointer;
-
-    @include when(reverse) {
-      transform: rotateZ(0deg);
-    }
-
-    @include when(show-close) {
-      font-size: getCssVar('select-font-size');
-      text-align: center;
-      transform: rotateZ(180deg);
-      border-radius: getCssVar('border-radius-circle');
-      color: getCssVar('select-input-color');
-      transition: getCssVar('transition', 'color');
-
-      &:hover {
-        color: getCssVar('select', 'close-hover-color');
-      }
-    }
-
-    &.#{$namespace}-icon {
-      height: inherit;
-
-      svg {
-        vertical-align: middle;
-      }
-    }
-  }
-
-  @include e(selection) {
-    white-space: normal;
-    z-index: getCssVar('index-normal');
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    width: 100%;
-  }
-
-  @include e(input-calculator) {
-    left: 0;
-    position: absolute;
-    top: 0;
-    visibility: hidden;
-    white-space: pre;
-    z-index: 999;
-  }
-
-  @include e(selected-item) {
-    line-height: inherit;
-    height: inherit;
-    user-select: none;
-    // using this to keep the item centered in both vertically and horizontally
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  @include e(placeholder) {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    margin-inline-start: $input-inline-start;
-    width: calc(100% - 52px);
-    @include utils-ellipsis;
-    color: var(
-      #{getCssVarName('input-text-color')},
-      map.get($input, 'text-color')
-    );
-    @include when(transparent) {
-      color: getCssVar('text-color', 'placeholder');
-    }
-  }
-
-  .#{$namespace}-select-v2__selection .#{$namespace}-tag {
-    box-sizing: border-box;
-    border-color: transparent;
-    margin: 2px 0 2px 6px;
-    background-color: getCssVar('fill-color');
-
-    .#{$namespace}-icon-close {
-      background-color: getCssVar('text-color', 'placeholder');
-      right: -7px;
-      color: getCssVar('color-white');
-
-      &:hover {
-        background-color: getCssVar('text-color', 'secondary');
-      }
-
-      &::before {
-        display: block;
-        transform: translate(0, 0.5px);
-      }
-    }
-  }
-
-  &.#{$namespace}-select-v2--small {
-    .#{$namespace}-select-v2__selection .#{$namespace}-tag {
-      margin: 1px 0 1px 6px;
-      height: 18px;
-    }
-  }
-}

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

@@ -5,43 +5,11 @@
 @use 'mixins/var' as *;
 @use 'common/var' as *;
 @use './select-dropdown.scss';
-@use './select/common.scss' as *;
+@use './option.scss';
+@use './option-group.scss';
 
-@mixin select-tag-normal {
-  white-space: normal;
-  z-index: getCssVar('index-normal');
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  cursor: pointer;
-
-  .#{$namespace}-tag {
-    box-sizing: border-box;
-    border-color: transparent;
-    margin: 2px 6px 2px 0;
-    &:last-child {
-      margin-right: 0;
-    }
-
-    .#{$namespace}-icon-close {
-      background-color: getCssVar('text-color', 'placeholder');
-      right: -7px;
-      top: 0;
-      color: $color-white;
-
-      &:hover {
-        background-color: getCssVar('text-color', 'secondary');
-      }
-
-      &::before {
-        display: block;
-        transform: translate(0, 0.5px);
-      }
-    }
-  }
-  .#{$namespace}-tag--info {
-    background-color: getCssVar('fill-color');
-  }
+@mixin mixed-input-border($color) {
+  box-shadow: 0 0 0 1px $color inset;
 }
 
 @include b(select) {
@@ -52,115 +20,170 @@
   display: inline-block;
   position: relative;
   vertical-align: middle;
-  line-height: map.get($input-height, 'default');
+  width: getCssVar('select-width');
 
-  @include e(popper) {
-    @include picker-popper(
-      map.get($select-dropdown, 'bg-color'),
-      map.get($select-dropdown, 'border'),
-      map.get($select-dropdown, 'shadow')
-    );
-  }
+  @include e(wrapper) {
+    display: flex;
+    align-items: center;
+    position: relative;
+    box-sizing: border-box;
+    cursor: pointer;
+    text-align: left;
+    font-size: map.get($input-font-size, 'default');
+    padding: map.get($select-wrapper-padding, 'default');
+    gap: map.get($select-item-gap, 'default');
+    min-height: map.get($input-height, 'default');
+    line-height: map.get($select-item-height, 'default');
+    border-radius: getCssVar('border-radius-base');
+    background-color: getCssVar('fill-color', 'blank');
+    transition: getCssVar('transition', 'duration');
+    @include mixed-input-border(#{getCssVar('border-color')});
 
-  .#{$namespace}-select-tags-wrapper {
-    &.has-prefix {
-      margin-left: map.get($select-tags-prefix-padding, 'default');
+    &:hover {
+      @include mixed-input-border(#{getCssVar('text-color')});
     }
-  }
 
-  @each $size in (large, small) {
-    @include m($size) {
-      line-height: map.get($input-height, $size);
-      .#{$namespace}-select-tags-wrapper {
-        &.has-prefix {
-          margin-left: map.get($select-tags-prefix-padding, $size);
-        }
-      }
+    @include when(filterable) {
+      cursor: text;
     }
-  }
 
-  .#{$namespace}-select__tags > span {
-    display: inline-block;
-  }
+    @include when(focused) {
+      @include mixed-input-border(#{getCssVar('color-primary')});
+    }
 
-  &:hover:not(.#{$namespace}-select--disabled) {
-    .#{$namespace}-input__wrapper {
-      box-shadow: 0 0 0 1px getCssVar('select-border-color-hover') inset;
+    @include when(hovering) {
+      &:not(.is-focused) {
+        @include mixed-input-border(#{getCssVar('border-color-hover')});
+      }
     }
-  }
 
-  @include select-common(select);
+    @include when(disabled) {
+      cursor: not-allowed;
 
-  .#{$namespace}-input__wrapper {
-    cursor: pointer;
+      background-color: getCssVar('fill-color', 'light');
+      color: getCssVar('text-color', 'placeholder');
+      @include mixed-input-border(#{getCssVar('select-disabled-border')});
+
+      &:hover {
+        @include mixed-input-border(#{getCssVar('select-disabled-border')});
+      }
+
+      &.is-focus {
+        @include mixed-input-border(#{getCssVar('input-focus-border-color')});
+      }
 
-    @include when(focus) {
-      @include inset-input-border(
-        getCssVar('select-input-focus-border-color'),
-        true
-      );
+      @include e(caret) {
+        cursor: not-allowed;
+      }
+
+      .#{$namespace}-tag {
+        cursor: not-allowed;
+      }
     }
   }
 
-  .#{$namespace}-input__inner {
+  @include e(prefix) {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: map.get($select-item-gap, 'default');
+    color: var(
+        #{getCssVarName('input-icon-color')},
+        map.get($input, 'icon-color')
+    );
+  }
+
+  @include e(suffix) {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: map.get($select-item-gap, 'default');
+    color: var(
+        #{getCssVarName('input-icon-color')},
+        map.get($input, 'icon-color')
+    );
+  }
+
+  @include e(caret) {
+    color: getCssVar('select-input-color');
+    font-size: getCssVar('select-input-font-size');
+    transition: getCssVar('transition', 'duration');
+    transform: rotateZ(0deg);
     cursor: pointer;
+
+    @include when(reverse) {
+      transform: rotateZ(180deg);
+    }
   }
 
-  .#{$namespace}-input {
+  @include e(selection) {
+    position: relative;
     display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    flex: 1;
+    min-width: 0;
+    gap: map.get($select-item-gap, 'default');
+
+    @include when(near) {
+      margin-left: map.get($select-near-margin-left, 'default');
+    }
 
-    & .#{$namespace}-select__caret {
-      color: getCssVar('select-input-color');
-      font-size: getCssVar('select-input-font-size');
-      transition: transform getCssVar('transition-duration');
-      transform: rotateZ(0deg);
+    .#{$namespace}-tag {
       cursor: pointer;
+      border-color: transparent;
 
-      @include when(reverse) {
-        transform: rotateZ(-180deg);
+      .#{$namespace}-tag__content {
+        min-width: 0;
       }
+    }
+  }
 
-      @include when(show-close) {
-        font-size: getCssVar('select-font-size');
-        text-align: center;
-        transform: rotateZ(0deg);
-        border-radius: getCssVar('border-radius-circle');
-        color: getCssVar('select-input-color');
-        transition: getCssVar('transition', 'color');
+  @include e(selected-item) {
+    display: flex;
+    flex-wrap: wrap;
+    user-select: none;
+  }
 
-        &:hover {
-          color: getCssVar('select-close-hover-color');
-        }
-      }
+  @include e(tags-text) {
+    display: block;
+    line-height: normal;
+    @include utils-ellipsis;
+  }
 
-      &.#{$namespace}-icon {
-        position: relative;
-        height: inherit;
-        z-index: 2;
-      }
+  @include e(placeholder) {
+    position: absolute;
+    display: block;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 100%;
+    @include utils-ellipsis;
+    color: var(
+        #{getCssVarName('input-text-color')},
+        map.get($input, 'text-color')
+    );
+
+    @include when(transparent) {
+      user-select: none;
+      color: getCssVar('text-color', 'placeholder');
     }
+  }
 
-    &.is-disabled {
-      & .#{$namespace}-input__wrapper {
-        cursor: not-allowed;
+  @include e(popper) {
+    @include picker-popper(
+        map.get($select-dropdown, 'bg-color'),
+        map.get($select-dropdown, 'border'),
+        map.get($select-dropdown, 'shadow')
+    );
+  }
 
-        &:hover {
-          @include inset-input-border(#{getCssVar('select-disabled-border')});
-        }
-      }
-      & .#{$namespace}-input__inner {
-        cursor: not-allowed;
-      }
-      & .#{$namespace}-select__caret {
-        cursor: not-allowed;
-      }
-    }
+  @include e(input-wrapper) {
+    max-width: 100%;
 
-    &.is-focus .#{$namespace}-input__wrapper {
-      @include inset-input-border(
-        getCssVar('select-input-focus-border-color'),
-        true
-      );
+    @include when(hidden) {
+      // Out of the document flow
+      position: absolute;
+      opacity: 0;
     }
   }
 
@@ -168,62 +191,57 @@
     border: none;
     outline: none;
     padding: 0;
-    margin-left: 15px;
     color: getCssVar('select-multiple-input-color');
-    font-size: getCssVar('select-font-size');
+    font-size: inherit;
     appearance: none;
-    height: 28px;
+    height: map.get($select-item-height, 'default');
+    max-width: 100%;
     background-color: transparent;
 
     @include when(disabled) {
       cursor: not-allowed;
     }
-
-    &--iOS {
-      position: absolute;
-      left: 0;
-      top: 0;
-      z-index: 6;
-    }
-
-    @include when(small) {
-      height: 14px;
-    }
   }
 
-  @include e(close) {
-    cursor: pointer;
+  @include e(input-calculator) {
     position: absolute;
-    top: 8px;
-    z-index: getCssVar('index-top');
-    right: 25px;
-    color: getCssVar('select-input-color');
-    line-height: 18px;
-    font-size: getCssVar('select-input-font-size');
-
-    &:hover {
-      color: getCssVar('select-close-hover-color');
-    }
+    left: 0;
+    top: 0;
+    max-width: 100%;
+    visibility: hidden;
+    white-space: nowrap;
+    overflow: hidden;
   }
 
-  @include e(tags) {
-    position: absolute;
-    line-height: normal;
-    top: 50%;
-    transform: translateY(-50%);
-    @include select-tag-normal;
-    @include when(disabled) {
-      cursor: not-allowed;
-    }
-  }
+  @each $size in (large, small) {
+    @include m($size) {
+      @include e(wrapper) {
+        gap: map.get($select-item-gap, $size);
+        padding: map.get($select-wrapper-padding, $size);
+        min-height: map.get($input-height, $size);
+        line-height: map.get($select-item-height, $size);
+        font-size: map.get($input-font-size, $size);
+      }
 
-  @include e(collapse-tags) {
-    @include select-tag-normal;
-  }
+      @include e(selection) {
+        gap: map.get($select-item-gap, $size);
 
-  @include e(collapse-tag) {
-    line-height: inherit;
-    height: inherit;
-    display: flex;
+        @include when(near) {
+          margin-left: map.get($select-near-margin-left, $size);
+        }
+      }
+
+      @include e(prefix) {
+        gap: map.get($select-item-gap, $size);
+      }
+
+      @include e(suffix) {
+        gap: map.get($select-item-gap, $size);
+      }
+
+      @include e(input) {
+        height: map.get($select-item-height, $size);
+      }
+    }
   }
 }

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

@@ -1,11 +0,0 @@
-@use '../mixins/mixins' as *;
-@use '../mixins/utils' as *;
-
-// same style in select & select-v2
-@mixin select-common($name) {
-  .#{$namespace}-#{$name}__tags-text {
-    display: inline-block;
-    line-height: normal;
-    @include utils-ellipsis;
-  }
-}

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

@@ -276,7 +276,7 @@
     @include pseudo('not(:last-of-type)') {
       @include e(title) {
         max-width: 50%;
-        word-break: break-all;
+        overflow-wrap: break-word;
       }
     }
 

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

@@ -221,7 +221,7 @@
       overflow: hidden;
       align-items: stretch;
       @include e('row-cell') {
-        word-break: break-all;
+        overflow-wrap: break-word;
       }
     }
   }

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

@@ -141,13 +141,6 @@
     }
   }
 
-  tfoot {
-    td.#{$namespace}-table__cell {
-      background-color: getCssVar('table-row-hover-bg-color');
-      color: getCssVar('table-text-color');
-    }
-  }
-
   .#{$namespace}-table__cell {
     padding: map.get($table-padding, 'default');
     min-width: 0;
@@ -184,7 +177,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
-    word-break: break-all;
+    overflow-wrap: break-word;
     line-height: 23px;
     padding: 0 12px;
 
@@ -396,6 +389,11 @@
   @include e((footer-wrapper)) {
     overflow: hidden;
     flex-shrink: 0;
+
+    tfoot td.#{$namespace}-table__cell {
+      background-color: getCssVar('table-row-hover-bg-color');
+      color: getCssVar('table-text-color');
+    }
   }
 
   @include e((header-wrapper, body-wrapper)) {

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

@@ -78,6 +78,7 @@ $tag-icon-span-gap: map.merge(
   }
 
   .#{$namespace}-tag__close {
+    flex-shrink: 0;
     color: getCssVar('tag', 'text-color');
     &:hover {
       color: getCssVar('color-white');

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

@@ -14,7 +14,7 @@
   padding: 0;
   font-size: getCssVar('text', 'font-size');
   color: getCssVar('text', 'color');
-  word-break: break-all;
+  overflow-wrap: break-word;
 
   @include when(truncated) {
     display: inline-block;

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

@@ -0,0 +1,180 @@
+@use 'sass:map';
+
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(tour) {
+  @include set-component-css-var('tour', $tour);
+
+  @include e(hollow) {
+    transition: all getCssVar('transition-duration') ease;
+  }
+
+  @include e(content) {
+    padding: 0;
+    border-radius: getCssVar('tour-border-radius');
+    border: 1px solid getCssVar('tour-border-color');
+    width: var(#{getCssVarName('tour-width')});
+    background: getCssVar('tour-bg-color');
+    box-shadow: getCssVar('box-shadow-light');
+    box-sizing: border-box;
+
+    $content-selector: &;
+
+    $sides: (
+      'top': 'bottom',
+      'bottom': 'top',
+      'left': 'right',
+      'right': 'left',
+    );
+
+    @include e(arrow) {
+      position: absolute;
+      background: getCssVar('tour-bg-color');
+      border: 1px solid getCssVar('tour-border-color');
+      width: 10px;
+      height: 10px;
+      pointer-events: none;
+      transform: rotate(45deg);
+      box-sizing: border-box;
+
+      @each $side,
+        $adjacency
+          in (
+            'top': 'left',
+            'bottom': 'right',
+            'left': 'bottom',
+            'right': 'top'
+          )
+      {
+        #{$content-selector}[data-side^='#{$side}'] & {
+          border-#{$side}-color: transparent;
+          border-#{$adjacency}-color: transparent;
+        }
+      }
+
+      @each $side, $opposite in $sides {
+        #{$content-selector}[data-side^='#{$side}'] & {
+          #{$opposite}: -5px;
+        }
+      }
+    }
+
+    @include e(closebtn) {
+      position: absolute;
+      top: 6px;
+      right: 0;
+      padding: 0;
+      width: 44px;
+      height: 44px;
+      background: transparent;
+      border: none;
+      outline: none;
+      cursor: pointer;
+      font-size: var(
+        #{getCssVarName('message-close-size')},
+        map.get($message, 'close-size')
+      );
+
+      .#{$namespace}-tour__close {
+        color: getCssVar('tour-title-text-color');
+        font-size: inherit;
+      }
+
+      &:focus,
+      &:hover {
+        .#{$namespace}-tour__close {
+          color: getCssVar('color', 'primary');
+        }
+      }
+    }
+
+    @include e(header) {
+      padding: getCssVar('tour', 'padding-primary');
+      padding-bottom: 10px;
+      margin-right: 16px;
+    }
+
+    @include e(title) {
+      line-height: getCssVar('tour-font-line-height');
+      font-size: getCssVar('tour-title-font-size');
+      color: getCssVar('tour-title-text-color');
+      font-weight: getCssVar('tour-title-font-weight');
+    }
+
+    @include e(body) {
+      padding: 0 getCssVar('tour-padding-primary');
+      color: getCssVar('tour-text-color');
+      font-size: getCssVar('tour-font-size');
+      img,
+      video {
+        max-width: 100%;
+      }
+    }
+
+    @include e(footer) {
+      padding: getCssVar('tour-padding-primary');
+      padding-top: 10px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+    }
+
+    @include b(tour-indicators) {
+      display: inline-block;
+      flex: 1;
+    }
+
+    @include b(tour-indicator) {
+      width: 6px;
+      height: 6px;
+      display: inline-block;
+      border-radius: 50%;
+      background: getCssVar('color', 'info-light-9');
+      margin-right: 6px;
+
+      @include when(active) {
+        background: getCssVar('color', 'primary');
+      }
+    }
+  }
+
+  &.#{$namespace}-tour--primary {
+    @include set-css-var-value('tour-title-text-color', #fff);
+    @include set-css-var-value('tour-text-color', #fff);
+    @include set-css-var-value('tour-bg-color', getCssVar('color', 'primary'));
+
+    .#{$namespace}-tour__closebtn {
+      &:focus,
+      &:hover {
+        .#{$namespace}-tour__close {
+          color: getCssVar('tour-title-text-color');
+        }
+      }
+    }
+
+    .#{$namespace}-button--default {
+      color: getCssVar('color', 'primary');
+      border-color: getCssVar('color', 'primary');
+      background: #fff;
+    }
+
+    .#{$namespace}-button--primary {
+      border-color: #fff;
+    }
+
+    @include b(tour-indicator) {
+      background: rgba(255, 255, 255, 0.15);
+      @include when(active) {
+        background: #fff;
+      }
+    }
+  }
+}
+
+@include b(tour-parent) {
+  @include m(hidden) {
+    overflow: hidden;
+  }
+}

yarn.lock

@@ -955,136 +955,89 @@
   resolved "http://39.108.216.210:9000/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz#057d2ded94c4e71b94e9814f92dcd9306317aa46"
   integrity sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==
 
-"@vue/compiler-core@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/compiler-core/-/compiler-core-3.4.4.tgz#ba1ca008e95f118449cab79bdab3f7506bab2892"
-  integrity sha512-U5AdCN+6skzh2bSJrkMj2KZsVkUpgK8/XlxjSRYQZhNPcvt9/kmgIMpFEiTyK+Dz5E1J+8o8//BEIX+bakgVSw==
+"@vue/compiler-core@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/compiler-core/-/compiler-core-3.4.8.tgz#c6d96030692724f257751068e2997c9665244f0f"
+  integrity sha512-GjAwOydZV6UyVBi1lYW5v4jjfU6wOeyi3vBATKJOwV7muYF0/nZi4kfdJc0pwdT5lXwbbx57lyA2Y356rFpw1A==
   dependencies:
     "@babel/parser" "^7.23.6"
-    "@vue/shared" "3.4.4"
+    "@vue/shared" "3.4.8"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
-"@vue/compiler-core@3.4.7":
-  version "3.4.7"
-  resolved "http://39.108.216.210:9000/@vue/compiler-core/-/compiler-core-3.4.7.tgz#7c4d0f23a21e2e0e76ef9806b702712f23015e04"
-  integrity sha512-hhCaE3pTMrlIJK7M/o3Xf7HV8+JoNTGOQ/coWS+V+pH6QFFyqtoXqQzpqsNp7UK17xYKua/MBiKj4e1vgZOBYw==
+"@vue/compiler-dom@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/compiler-dom/-/compiler-dom-3.4.8.tgz#5acd8de409d3f623c80e81fbf22f2ce53eee6562"
+  integrity sha512-GsPyji42zmkSJlaDFKXvwB97ukTlHzlFH/iVzPFYz/APnSzuhu/CMFQbsYmrtsnc2yscF39eC4rKzvKR27aBug==
   dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/shared" "3.4.7"
-    entities "^4.5.0"
-    estree-walker "^2.0.2"
-    source-map-js "^1.0.2"
-
-"@vue/compiler-dom@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/compiler-dom/-/compiler-dom-3.4.4.tgz#a11bba8af691b58700c479ce893b02bf71bb089a"
-  integrity sha512-iSwkdDULCN+Vr8z6uwdlL044GJ/nUmECxP9vu7MzEs4Qma0FwDLYvnvRcyO0ZITuu3Os4FptGUDnhi1kOLSaGw==
-  dependencies:
-    "@vue/compiler-core" "3.4.4"
-    "@vue/shared" "3.4.4"
-
-"@vue/compiler-dom@3.4.7":
-  version "3.4.7"
-  resolved "http://39.108.216.210:9000/@vue/compiler-dom/-/compiler-dom-3.4.7.tgz#19c41236b56f2d4b777521587aea129636c52417"
-  integrity sha512-qDKBAIurCTub4n/6jDYkXwgsFuriqqmmLrIq1N2QDfYJA/mwiwvxi09OGn28g+uDdERX9NaKDLji0oTjE3sScg==
-  dependencies:
-    "@vue/compiler-core" "3.4.7"
-    "@vue/shared" "3.4.7"
-
-"@vue/compiler-sfc@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/compiler-sfc/-/compiler-sfc-3.4.4.tgz#ab3a65de9adfe7193087904b872e0be1b6d167d6"
-  integrity sha512-OTFcU6vUxUNHBcarzkp4g6d25nvcmDvFDzPRvSrIsByFFPRYN+y3b+j9HxYwt6nlWvGyFCe0roeJdJlfYxbCBg==
-  dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/compiler-core" "3.4.4"
-    "@vue/compiler-dom" "3.4.4"
-    "@vue/compiler-ssr" "3.4.4"
-    "@vue/shared" "3.4.4"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.5"
-    postcss "^8.4.32"
-    source-map-js "^1.0.2"
+    "@vue/compiler-core" "3.4.8"
+    "@vue/shared" "3.4.8"
 
-"@vue/compiler-sfc@^3.4.4":
-  version "3.4.7"
-  resolved "http://39.108.216.210:9000/@vue/compiler-sfc/-/compiler-sfc-3.4.7.tgz#2a50c25f163695a45ed7a085c82ee2b22f68f78d"
-  integrity sha512-Gec6CLkReVswDYjQFq79O5rktri4R7TsD/VPCiUoJw40JhNNxaNJJa8mrQrWoJluW4ETy6QN0NUyC/JO77OCOw==
+"@vue/compiler-sfc@3.4.8", "@vue/compiler-sfc@^3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/compiler-sfc/-/compiler-sfc-3.4.8.tgz#1e4b1d8786abcbb3da205e1c996b01f281a64d1b"
+  integrity sha512-3ZcurOa6bQdZ6VZLtMqYSUZqpsMqfX0MC3oCxQG0VIJFCqouZAgRYJN1c8QvGs7HW5wW8aXVvUOQU0ILVlYHKA==
   dependencies:
     "@babel/parser" "^7.23.6"
-    "@vue/compiler-core" "3.4.7"
-    "@vue/compiler-dom" "3.4.7"
-    "@vue/compiler-ssr" "3.4.7"
-    "@vue/shared" "3.4.7"
+    "@vue/compiler-core" "3.4.8"
+    "@vue/compiler-dom" "3.4.8"
+    "@vue/compiler-ssr" "3.4.8"
+    "@vue/shared" "3.4.8"
     estree-walker "^2.0.2"
     magic-string "^0.30.5"
     postcss "^8.4.32"
     source-map-js "^1.0.2"
 
-"@vue/compiler-ssr@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/compiler-ssr/-/compiler-ssr-3.4.4.tgz#4d73beba1089d4c36c6718d98a4381b97c180247"
-  integrity sha512-1DU9DflSSQlx/M61GEBN+NbT/anUki2ooDo9IXfTckCeKA/2IKNhY8KbG3x6zkd3KGrxzteC7de6QL88vEb41Q==
-  dependencies:
-    "@vue/compiler-dom" "3.4.4"
-    "@vue/shared" "3.4.4"
-
-"@vue/compiler-ssr@3.4.7":
-  version "3.4.7"
-  resolved "http://39.108.216.210:9000/@vue/compiler-ssr/-/compiler-ssr-3.4.7.tgz#76020fad73d0beef0953946d2c5aacb3faafff84"
-  integrity sha512-PvYeSOvnCkST5mGS0TLwEn5w+4GavtEn6adcq8AspbHaIr+mId5hp7cG3ASy3iy8b+LuXEG2/QaV/nj5BQ/Aww==
+"@vue/compiler-ssr@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/compiler-ssr/-/compiler-ssr-3.4.8.tgz#36a5611883672d451d4f2050db7c26ed1bb36071"
+  integrity sha512-nxN79LHeAemhBpIa2PQ6rz57cW7W4C/XIJCOMSn2g49u6q2ekirmJI0osAOTErQPApOR0KwP2QyeTexX4zQCrw==
   dependencies:
-    "@vue/compiler-dom" "3.4.7"
-    "@vue/shared" "3.4.7"
+    "@vue/compiler-dom" "3.4.8"
+    "@vue/shared" "3.4.8"
 
 "@vue/devtools-api@^6.5.0":
   version "6.5.1"
   resolved "http://39.108.216.210:9000/@vue/devtools-api/-/devtools-api-6.5.1.tgz#7f71f31e40973eeee65b9a64382b13593fdbd697"
   integrity sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==
 
-"@vue/reactivity@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/reactivity/-/reactivity-3.4.4.tgz#760c21506f2f95ad83f65265dff97c1c4b337708"
-  integrity sha512-DFsuJBf6sfhd5SYzJmcBTUG9+EKqjF31Gsk1NJtnpJm9liSZ806XwGJUeNBVQIanax7ODV7Lmk/k17BgxXNuTg==
+"@vue/reactivity@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/reactivity/-/reactivity-3.4.8.tgz#a4b9cd9e258d1d00bdd3ac381ca67a8120ae4cfb"
+  integrity sha512-UJYMQ3S2rqIGw9IvKomD4Xw2uS5VlcKEEmwcfboGOdrI79oqebxnCgTvXWLMClvg3M5SF0Cyn+9eDQoyGMLu9Q==
   dependencies:
-    "@vue/shared" "3.4.4"
+    "@vue/shared" "3.4.8"
 
-"@vue/runtime-core@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/runtime-core/-/runtime-core-3.4.4.tgz#e89999818030f1f69b6867a85055596aa98160be"
-  integrity sha512-zWWwNQAj5JdxrmOA1xegJm+c4VtyIbDEKgQjSb4va5v7gGTCh0ZjvLI+htGFdVXaO9bs2J3C81p5p+6jrPK8Bw==
+"@vue/runtime-core@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/runtime-core/-/runtime-core-3.4.8.tgz#1df5001ee821b955be939c569e3f5528637b0dc9"
+  integrity sha512-sMRXOy89KnwY6fWG5epgPOsCWzpo/64FrA0QkjIeNeGnoA2YyZ6bBUxpFUyqhJ8VbrDhXEFH+6LHMOYrpzX/ZQ==
   dependencies:
-    "@vue/reactivity" "3.4.4"
-    "@vue/shared" "3.4.4"
+    "@vue/reactivity" "3.4.8"
+    "@vue/shared" "3.4.8"
 
-"@vue/runtime-dom@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/runtime-dom/-/runtime-dom-3.4.4.tgz#158fb1e5ed0262cd3563a8299ce1406f6e97a2e3"
-  integrity sha512-Nlh2ap1J/eJQ6R0g+AIRyGNwpTJQACN0dk8I8FRLH8Ev11DSvfcPOpn4+Kbg5xAMcuq0cHB8zFYxVrOgETrrvg==
+"@vue/runtime-dom@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/runtime-dom/-/runtime-dom-3.4.8.tgz#4bc0a226df9311ea3b38f029941c6ef90ad0e71f"
+  integrity sha512-L4gZcYo8f3d7rQqQIHkPvyczkjjQ55cJqz2G0v6Ptmqa1mO2zkqN9F8lBT6aGPYy3hd0RDiINbs4jxhSvvy10Q==
   dependencies:
-    "@vue/runtime-core" "3.4.4"
-    "@vue/shared" "3.4.4"
+    "@vue/runtime-core" "3.4.8"
+    "@vue/shared" "3.4.8"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/server-renderer/-/server-renderer-3.4.4.tgz#a4ae9fbe066087a149e31527ba78cd822f1d1ab9"
-  integrity sha512-+AjoiKcC41k7SMJBYkDO9xs79/Of8DiThS9mH5l2MK+EY0to3psI0k+sElvVqQvsoZTjHMEuMz0AEgvm2T+CwA==
+"@vue/server-renderer@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/server-renderer/-/server-renderer-3.4.8.tgz#5e6eb84a045dc4bfba74db3110e633083612fc4a"
+  integrity sha512-pBeHM59Owevr3P0Fl1XOjBmq4DTy5JDcjMG4NuzJEVDlZYzY8fHybx0wdjkY5lK5mCtUyBtw6Mz4d87aosc1Sw==
   dependencies:
-    "@vue/compiler-ssr" "3.4.4"
-    "@vue/shared" "3.4.4"
-
-"@vue/shared@3.4.4":
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/@vue/shared/-/shared-3.4.4.tgz#26e4e62a5fbfb39c25e9e54d21eeb852f1c83a7a"
-  integrity sha512-abSgiVRhfjfl3JALR/cSuBl74hGJ3SePgf1mKzodf1eMWLwHZbfEGxT2cNJSsNiw44jEgrO7bNkhchaWA7RwNw==
+    "@vue/compiler-ssr" "3.4.8"
+    "@vue/shared" "3.4.8"
 
-"@vue/shared@3.4.7":
-  version "3.4.7"
-  resolved "http://39.108.216.210:9000/@vue/shared/-/shared-3.4.7.tgz#14fce32833f9f4811a2997c072f19e4adfed19d2"
-  integrity sha512-G+i4glX1dMJk88sbJEcQEGWRQnVm9eIY7CcQbO5dpdsD9SF8jka3Mr5OqZYGjczGN1+D6EUwdu6phcmcx9iuPA==
+"@vue/shared@3.4.8":
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/@vue/shared/-/shared-3.4.8.tgz#160687109233a1e4ad1b8fe1c4762f9019599fa8"
+  integrity sha512-ChLCWzXiJboQ009oVkemhEoUdrxHme7v3ip+Kh+/kDDeF1WtHWGt0knRLGm1Y4YqCRTSs9QxsZIY8paJj5Szrw==
 
 "@vueuse/core@^9.1.0":
   version "9.13.0"
@@ -1498,10 +1451,10 @@ electron-to-chromium@^1.4.601:
   resolved "http://39.108.216.210:9000/electron-to-chromium/-/electron-to-chromium-1.4.626.tgz#c20e1706354a31721b65e81496800534dd04b222"
   integrity sha512-f7/be56VjRRQk+Ric6PmIrEtPcIqsn3tElyAu9Sh6egha2VLJ82qwkcOdcnT06W+Pb6RUulV1ckzrGbKzVcTHg==
 
-element-plus@2.4.4:
-  version "2.4.4"
-  resolved "http://39.108.216.210:9000/element-plus/-/element-plus-2.4.4.tgz#962be40b4843381af04b8f799bfc142072184b8b"
-  integrity sha512-TlKubXJgxwhER0dw+8ULn9hr9kZjraV4R6Q/eidwWUwCKxwXYPBGmMKsZ/85tlxlhMYbcLZd/YZh6G3QkHX4fg==
+element-plus@2.5.0:
+  version "2.5.0"
+  resolved "http://39.108.216.210:9000/element-plus/-/element-plus-2.5.0.tgz#f59a9dccd650e35ef97f640f896ac6c3f0b3fe6e"
+  integrity sha512-NE58a5Exf0/vxgxRRR2Ibs7AjiqB72lMrg7plmSoZwgZy17IQAWgzOe7ZyRtEQM/3q3BAuJDTUUAuhP/mKVPKg==
   dependencies:
     "@ctrl/tinycolor" "^3.4.1"
     "@element-plus/icons-vue" "^2.3.1"
@@ -1572,17 +1525,17 @@ escape-string-regexp@^4.0.0:
   resolved "http://39.108.216.210:9000/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-plugin-vue@^9.19.2:
-  version "9.19.2"
-  resolved "http://39.108.216.210:9000/eslint-plugin-vue/-/eslint-plugin-vue-9.19.2.tgz#7ab83a001a1ac8bccae013c5b9cb5d2c644fb376"
-  integrity sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==
+eslint-plugin-vue@^9.20.0:
+  version "9.20.0"
+  resolved "http://39.108.216.210:9000/eslint-plugin-vue/-/eslint-plugin-vue-9.20.0.tgz#2fd47259508d70a4fd8e1d9684c179fa4f5a820c"
+  integrity sha512-9/DV5CM7ItfgWmXjL6j3zyDtVTrslYdnEm+rnYNajdElx17b3erxi/Wc6FY7t3BQ6dgo0t/UBpgiWCOKtJyN8Q==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"
     nth-check "^2.1.1"
     postcss-selector-parser "^6.0.13"
     semver "^7.5.4"
-    vue-eslint-parser "^9.3.1"
+    vue-eslint-parser "^9.4.0"
     xml-name-validator "^4.0.0"
 
 eslint-scope@^7.1.1, eslint-scope@^7.2.2:
@@ -2770,7 +2723,7 @@ vue-demi@*, vue-demi@>=0.14.5:
   resolved "http://39.108.216.210:9000/vue-demi/-/vue-demi-0.14.6.tgz#dc706582851dc1cdc17a0054f4fec2eb6df74c92"
   integrity sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==
 
-vue-eslint-parser@^9.3.1:
+vue-eslint-parser@^9.4.0:
   version "9.4.0"
   resolved "http://39.108.216.210:9000/vue-eslint-parser/-/vue-eslint-parser-9.4.0.tgz#dfd22302e2992fe45748a76553cef7afa5bdde27"
   integrity sha512-7KsNBb6gHFA75BtneJsoK/dbZ281whUIwFYdQxA68QrCrGMXYzUMbPDHGcOQ0OocIVKrWSKWXZ4mL7tonCXoUw==
@@ -2790,16 +2743,16 @@ vue-router@^4.2.5:
   dependencies:
     "@vue/devtools-api" "^6.5.0"
 
-vue@3.4.4:
-  version "3.4.4"
-  resolved "http://39.108.216.210:9000/vue/-/vue-3.4.4.tgz#49b84c8a936c0d5b65a6839f97c576d249fd800e"
-  integrity sha512-suZXgDVT8lRNhKmxdkwOsR0oyUi8is7mtqI18qW97JLoyorEbE9B2Sb4Ws/mR/+0AgA/JUtsv1ytlRSH3/pDIA==
+vue@3.4.8:
+  version "3.4.8"
+  resolved "http://39.108.216.210:9000/vue/-/vue-3.4.8.tgz#a7a5b4692fe19deb211fdfe30509d9b68c8d909b"
+  integrity sha512-vJffFOe6DqWsAI10v3tDhb1nJrj7CF3CbdQwOznywAsFNoyvrQ1AWQdcIWJpmRpRnw7NFzstzh6fh4w7n1PNdg==
   dependencies:
-    "@vue/compiler-dom" "3.4.4"
-    "@vue/compiler-sfc" "3.4.4"
-    "@vue/runtime-dom" "3.4.4"
-    "@vue/server-renderer" "3.4.4"
-    "@vue/shared" "3.4.4"
+    "@vue/compiler-dom" "3.4.8"
+    "@vue/compiler-sfc" "3.4.8"
+    "@vue/runtime-dom" "3.4.8"
+    "@vue/server-renderer" "3.4.8"
+    "@vue/shared" "3.4.8"
 
 vuedraggable@^4.1.0:
   version "4.1.0"