更新依赖

package.json

@@ -17,8 +17,8 @@
         "crypto-js": "^4.2.0",
         "dayjs": "^1.11.10",
         "echarts": "^5.4.2",
-        "element-plus": "^2.4.4",
-        "hc-vue3-ui": "^2.7.7",
+        "element-plus": "^2.5.1",
+        "hc-vue3-ui": "^2.9.0",
         "js-base64": "^3.7.5",
         "js-cookie": "^3.0.5",
         "js-fast-way": "^0.3.8",
@@ -26,10 +26,10 @@
         "js-web-screen-shot": "^1.9.9",
         "nprogress": "^0.2.0",
         "pinia": "^2.1.7",
-        "remixicon": "^4.0.1",
-        "sortablejs": "^1.15.1",
+        "remixicon": "^4.1.0",
+        "sortablejs": "^1.15.2",
         "split.js": "^1.6.5",
-        "vue": "3.4.3",
+        "vue": "3.4.15",
         "vue-router": "^4.2.5",
         "vue-virtual-scroll-list": "^2.3.5",
         "vue-virtual-scroller": "^2.0.0-beta.8",
@@ -37,17 +37,17 @@
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "^4.5.2",
-        "@vue/compiler-sfc": "^3.4.3",
+        "@vue/compiler-sfc": "^3.4.15",
         "animate.css": "^4.1.1",
         "archiver": "^6.0.1",
-        "autoprefixer": "^10.4.16",
+        "autoprefixer": "^10.4.17",
         "cssnano": "^6.0.2",
         "eslint": "^8.56.0",
-        "eslint-plugin-vue": "^9.19.2",
+        "eslint-plugin-vue": "^9.20.1",
         "mitt": "^3.0.1",
         "postcss": "^8.4.32",
-        "sass": "^1.69.6",
-        "tailwindcss": "3.4.0",
+        "sass": "^1.70.0",
+        "tailwindcss": "3.4.1",
         "vite": "^4.5.0"
     }
 }

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-rate.css

@@ -1 +1 @@
-.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary)}.el-rate{display:inline-flex;align-items:center;height:32px}.el-rate:active,.el-rate:focus{outline:0}.el-rate__item{cursor:pointer;display:inline-block;position:relative;font-size:0;vertical-align:middle;color:var(--el-rate-void-color);line-height:normal}.el-rate .el-rate__icon{position:relative;display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;color:var(--el-rate-fill-color)}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle;color:var(--el-rate-text-color)}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{cursor:auto;color:var(--el-rate-disabled-void-color)}
+.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary)}.el-rate{display:inline-flex;align-items:center;height:32px}.el-rate:active,.el-rate:focus{outline:0}.el-rate__item{cursor:pointer;display:inline-block;position:relative;font-size:0;vertical-align:middle;color:var(--el-rate-void-color);line-height:normal}.el-rate .el-rate__icon{position:relative;display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;color:var(--el-rate-fill-color)}.el-rate__decimal--box{position:absolute;top:0;left:0}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle;color:var(--el-rate-text-color)}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{cursor:auto;color:var(--el-rate-disabled-void-color)}

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/button.scss

@@ -148,6 +148,7 @@ $button-icon-span-gap: map.merge(
     border-radius: getCssVar('border-radius', 'round');
   }
   @include when(circle) {
+    width: map.get($input-height, 'default');
     border-radius: 50%;
     padding: map.get($button-padding-vertical, 'default') - $button-border-width;
   }

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,23 +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;
-    }
     .#{$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

@@ -21,6 +21,10 @@
   box-sizing: border-box;
   white-space: nowrap;
 
+  * {
+    vertical-align: bottom;
+  }
+
   i {
     color: inherit;
   }
@@ -76,6 +80,11 @@
   }
 
   @include m(horizontal) {
+    // reset menu-item popup height
+    &.#{$namespace}-menu--popup-container {
+      height: unset;
+    }
+
     display: flex;
     flex-wrap: nowrap;
     border-right: none;
@@ -201,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/rate.scss

@@ -75,6 +75,12 @@ $rate-size: map.merge(
     display: inline-block;
     overflow: hidden;
     color: getCssVar('rate', 'fill-color');
+
+    @include m('box') {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
   }
 
   @include e(text) {
@@ -86,6 +92,7 @@ $rate-size: map.merge(
   @each $size in (large, small) {
     @include m($size) {
       height: map.get($rate-height, $size);
+
       & .#{bem('rate', 'icon')} {
         font-size: map.get($rate-size, $size);
       }

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

@@ -315,136 +315,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.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/compiler-core/-/compiler-core-3.4.3.tgz#8e8f88273f061cf0a49bf958255f5f0621f12d8b"
-  integrity sha512-u8jzgFg0EDtSrb/hG53Wwh1bAOQFtc1ZCegBpA/glyvTlgHl+tq13o1zvRfLbegYUw/E4mSTGOiCnAJ9SJ+lsg==
-  dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/shared" "3.4.3"
-    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-core@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/compiler-core/-/compiler-core-3.4.15.tgz#be20d1bbe19626052500b48969302cb6f396d36e"
+  integrity sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==
   dependencies:
     "@babel/parser" "^7.23.6"
-    "@vue/shared" "3.4.7"
+    "@vue/shared" "3.4.15"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
-"@vue/compiler-dom@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/compiler-dom/-/compiler-dom-3.4.3.tgz#bea8acde9585d5ce92a3f11c062c863fb33e44d7"
-  integrity sha512-oGF1E9/htI6JWj/lTJgr6UgxNCtNHbM6xKVreBWeZL9QhRGABRVoWGAzxmtBfSOd+w0Zi5BY0Es/tlJrN6WgEg==
-  dependencies:
-    "@vue/compiler-core" "3.4.3"
-    "@vue/shared" "3.4.3"
-
-"@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.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/compiler-sfc/-/compiler-sfc-3.4.3.tgz#a9d35b2deef38576dedd9938851c032fb2ca8617"
-  integrity sha512-NuJqb5is9I4uzv316VRUDYgIlPZCG8D+ARt5P4t5UDShIHKL25J3TGZAUryY/Aiy0DsY7srJnZL5ryB6DD63Zw==
+"@vue/compiler-dom@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/compiler-dom/-/compiler-dom-3.4.15.tgz#753f5ed55f78d33dff04701fad4d76ff0cf81ee5"
+  integrity sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==
   dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/compiler-core" "3.4.3"
-    "@vue/compiler-dom" "3.4.3"
-    "@vue/compiler-ssr" "3.4.3"
-    "@vue/shared" "3.4.3"
-    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.15"
+    "@vue/shared" "3.4.15"
 
-"@vue/compiler-sfc@^3.4.3":
-  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.15", "@vue/compiler-sfc@^3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/compiler-sfc/-/compiler-sfc-3.4.15.tgz#4e5811e681955fcec886cebbec483f6ae463a64b"
+  integrity sha512-LCn5M6QpkpFsh3GQvs2mJUOAlBQcCco8D60Bcqmf3O3w5a+KWS5GvYbrrJBkgvL1BDnTp+e8q0lXCLgHhKguBA==
   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.15"
+    "@vue/compiler-dom" "3.4.15"
+    "@vue/compiler-ssr" "3.4.15"
+    "@vue/shared" "3.4.15"
     estree-walker "^2.0.2"
     magic-string "^0.30.5"
-    postcss "^8.4.32"
+    postcss "^8.4.33"
     source-map-js "^1.0.2"
 
-"@vue/compiler-ssr@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/compiler-ssr/-/compiler-ssr-3.4.3.tgz#c3f641a15a04893b5bc3278f3dac65bed44dce1d"
-  integrity sha512-wnYQtMBkeFSxgSSQbYGQeXPhQacQiog2c6AlvMldQH6DB+gSXK/0F6DVXAJfEiuBSgBhUc8dwrrG5JQcqwalsA==
-  dependencies:
-    "@vue/compiler-dom" "3.4.3"
-    "@vue/shared" "3.4.3"
-
-"@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.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/compiler-ssr/-/compiler-ssr-3.4.15.tgz#a910a5b89ba4f0a776e40b63d69bdae2f50616cf"
+  integrity sha512-1jdeQyiGznr8gjFDadVmOJqZiLNSsMa5ZgqavkPZ8O2wjHv0tVuAEsw5hTdUoUW4232vpBbL/wJhzVW/JwY1Uw==
   dependencies:
-    "@vue/compiler-dom" "3.4.7"
-    "@vue/shared" "3.4.7"
+    "@vue/compiler-dom" "3.4.15"
+    "@vue/shared" "3.4.15"
 
 "@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.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/reactivity/-/reactivity-3.4.3.tgz#95287b5950b328df4a942a7cf14a0e13487f1eac"
-  integrity sha512-q5f9HLDU+5aBKizXHAx0w4whkIANs1Muiq9R5YXm0HtorSlflqv9u/ohaMxuuhHWCji4xqpQ1eL04WvmAmGnFg==
+"@vue/reactivity@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/reactivity/-/reactivity-3.4.15.tgz#ad9d9b83f5398d2e8660ad5cfc0f171e7679a9a1"
+  integrity sha512-55yJh2bsff20K5O84MxSvXKPHHt17I2EomHznvFiJCAZpJTNW8IuLj1xZWMLELRhBK3kkFV/1ErZGHJfah7i7w==
   dependencies:
-    "@vue/shared" "3.4.3"
+    "@vue/shared" "3.4.15"
 
-"@vue/runtime-core@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/runtime-core/-/runtime-core-3.4.3.tgz#fe7649a93d9b20b9b351cd699f69f0e34a26e3ab"
-  integrity sha512-C1r6QhB1qY7D591RCSFhMULyzL9CuyrGc+3PpB0h7dU4Qqw6GNyo4BNFjHZVvsWncrUlKX3DIKg0Y7rNNr06NQ==
+"@vue/runtime-core@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/runtime-core/-/runtime-core-3.4.15.tgz#f81e2fd2108ea41a6d5c61c2462b11dfb754fdf0"
+  integrity sha512-6E3by5m6v1AkW0McCeAyhHTw+3y17YCOKG0U0HDKDscV4Hs0kgNT5G+GCHak16jKgcCDHpI9xe5NKb8sdLCLdw==
   dependencies:
-    "@vue/reactivity" "3.4.3"
-    "@vue/shared" "3.4.3"
+    "@vue/reactivity" "3.4.15"
+    "@vue/shared" "3.4.15"
 
-"@vue/runtime-dom@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/runtime-dom/-/runtime-dom-3.4.3.tgz#54a6115cfba364f20cdf5a44c2ff87337a57def8"
-  integrity sha512-wrsprg7An5Ec+EhPngWdPuzkp0BEUxAKaQtN9dPU/iZctPyD9aaXmVtehPJerdQxQale6gEnhpnfywNw3zOv2A==
+"@vue/runtime-dom@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/runtime-dom/-/runtime-dom-3.4.15.tgz#108ef86aa7334ead5d6b9c56a7d93679e1e45406"
+  integrity sha512-EVW8D6vfFVq3V/yDKNPBFkZKGMFSvZrUQmx196o/v2tHKdwWdiZjYUBS+0Ez3+ohRyF8Njwy/6FH5gYJ75liUw==
   dependencies:
-    "@vue/runtime-core" "3.4.3"
-    "@vue/shared" "3.4.3"
+    "@vue/runtime-core" "3.4.15"
+    "@vue/shared" "3.4.15"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/server-renderer/-/server-renderer-3.4.3.tgz#c508f58b9f83f0959085d5aa6854eac9141b4bc6"
-  integrity sha512-BUxt8oVGMKKsqSkM1uU3d3Houyfy4WAc2SpSQRebNd+XJGATVkW/rO129jkyL+kpB/2VRKzE63zwf5RtJ3XuZw==
+"@vue/server-renderer@3.4.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/server-renderer/-/server-renderer-3.4.15.tgz#34438f998e6f6370fac78883a75efe136631957f"
+  integrity sha512-3HYzaidu9cHjrT+qGUuDhFYvF/j643bHC6uUN9BgM11DVy+pM6ATsG6uPBLnkwOgs7BpJABReLmpL3ZPAsUaqw==
   dependencies:
-    "@vue/compiler-ssr" "3.4.3"
-    "@vue/shared" "3.4.3"
+    "@vue/compiler-ssr" "3.4.15"
+    "@vue/shared" "3.4.15"
 
-"@vue/shared@3.4.3":
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/@vue/shared/-/shared-3.4.3.tgz#01d54b32b9796c85c853c670d9395a813f23a8c2"
-  integrity sha512-rIwlkkP1n4uKrRzivAKPZIEkHiuwY5mmhMJ2nZKCBLz8lTUlE73rQh4n1OnnMurXt1vcUNyH4ZPfdh8QweTjpQ==
-
-"@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.15":
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/@vue/shared/-/shared-3.4.15.tgz#e7d2ea050c667480cb5e1a6df2ac13bcd03a8f30"
+  integrity sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==
 
 "@vueuse/core@^9.1.0":
   version "9.13.0"
@@ -578,14 +531,14 @@ asynckit@^0.4.0:
   resolved "http://39.108.216.210:9000/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-autoprefixer@^10.4.16:
-  version "10.4.16"
-  resolved "http://39.108.216.210:9000/autoprefixer/-/autoprefixer-10.4.16.tgz#fad1411024d8670880bdece3970aa72e3572feb8"
-  integrity sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==
+autoprefixer@^10.4.17:
+  version "10.4.17"
+  resolved "http://39.108.216.210:9000/autoprefixer/-/autoprefixer-10.4.17.tgz#35cd5695cbbe82f536a50fa025d561b01fdec8be"
+  integrity sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==
   dependencies:
-    browserslist "^4.21.10"
-    caniuse-lite "^1.0.30001538"
-    fraction.js "^4.3.6"
+    browserslist "^4.22.2"
+    caniuse-lite "^1.0.30001578"
+    fraction.js "^4.3.7"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
@@ -646,7 +599,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.0.0, browserslist@^4.21.10, browserslist@^4.22.2:
+browserslist@^4.0.0, browserslist@^4.22.2:
   version "4.22.2"
   resolved "http://39.108.216.210:9000/browserslist/-/browserslist-4.22.2.tgz#704c4943072bd81ea18997f3bd2180e89c77874b"
   integrity sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==
@@ -681,11 +634,16 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001565:
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001565:
   version "1.0.30001576"
   resolved "http://39.108.216.210:9000/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz#893be772cf8ee6056d6c1e2d07df365b9ec0a5c4"
   integrity sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==
 
+caniuse-lite@^1.0.30001578:
+  version "1.0.30001579"
+  resolved "http://39.108.216.210:9000/caniuse-lite/-/caniuse-lite-1.0.30001579.tgz#45c065216110f46d6274311a4b3fcf6278e0852a"
+  integrity sha512-u5AUVkixruKHJjw/pj9wISlcMpgFWzSrczLZbrqBSxukQixmg0SJ5sZTpvaFvxU0HoQKd4yoyAogyrAz9pzJnA==
+
 chalk@^4.0.0:
   version "4.1.2"
   resolved "http://39.108.216.210:9000/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -986,10 +944,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.1:
+  version "2.5.1"
+  resolved "http://39.108.216.210:9000/element-plus/-/element-plus-2.5.1.tgz#ab54c77321728f82740c1adbce288a129147c64e"
+  integrity sha512-ylX9h2U125/nesPlLWgfPkI1rID9EiGROlgf0QkzBUjx+/d4w/YqS+IqZZZC5yvQPhKYu9aMDqEBzOurwn4Cnw==
   dependencies:
     "@ctrl/tinycolor" "^3.4.1"
     "@element-plus/icons-vue" "^2.3.1"
@@ -1065,17 +1023,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.1:
+  version "9.20.1"
+  resolved "http://39.108.216.210:9000/eslint-plugin-vue/-/eslint-plugin-vue-9.20.1.tgz#7ed78846898574b2cd26939f28b0b87798a7b528"
+  integrity sha512-GyCs8K3lkEvoyC1VV97GJhP1SvqsKCiWGHnbn0gVUYiUhaH2+nB+Dv1uekv1THFMPbBfYxukrzQdltw950k+LQ==
   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:
@@ -1269,7 +1227,7 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-fraction.js@^4.3.6:
+fraction.js@^4.3.7:
   version "4.3.7"
   resolved "http://39.108.216.210:9000/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
@@ -1366,10 +1324,10 @@ hasown@^2.0.0:
   dependencies:
     function-bind "^1.1.2"
 
-hc-vue3-ui@^2.7.7:
-  version "2.8.5"
-  resolved "http://39.108.216.210:9000/hc-vue3-ui/-/hc-vue3-ui-2.8.5.tgz#cf91f5d8c522ec3f57fcdc818fdddfb39e6b8a04"
-  integrity sha512-/mgo6VRBgyFPznlxq6VAY1fqDC8sosQG3a7N54gUpTahXUn1rl6gaU9AjnQXQQgF4d3tf+bbuL1XF+gJL8wSyw==
+hc-vue3-ui@^2.9.0:
+  version "2.9.0"
+  resolved "http://39.108.216.210:9000/hc-vue3-ui/-/hc-vue3-ui-2.9.0.tgz#c459af857d8ae07f3b061311be05a88cae0200ec"
+  integrity sha512-xbNCR/SJChpWUxms57VcRdmgEhJ8yuDgF3TmhDbssfQ8RehvZ4x9AXmi5km+CAFlulDFeDXnzET85xsOacxmAQ==
 
 html2canvas@1.4.1:
   version "1.4.1"
@@ -2100,7 +2058,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "http://39.108.216.210:9000/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.32:
+postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.32, postcss@^8.4.33:
   version "8.4.33"
   resolved "http://39.108.216.210:9000/postcss/-/postcss-8.4.33.tgz#1378e859c9f69bf6f638b990a0212f43e2aaa742"
   integrity sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==
@@ -2182,10 +2140,10 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-remixicon@^4.0.1:
-  version "4.0.1"
-  resolved "http://39.108.216.210:9000/remixicon/-/remixicon-4.0.1.tgz#734b20b5efcfc2e10325242616de7fe8493efd58"
-  integrity sha512-Apa13Q01mFIuQEMvSVni8NnF9cV0vud9YXb2prQ+g3jmWpxKoFCL+yIiQ+9JCeLptdGKyoqVjCYOwwBQVHdciQ==
+remixicon@^4.1.0:
+  version "4.1.0"
+  resolved "http://39.108.216.210:9000/remixicon/-/remixicon-4.1.0.tgz#3a0068cef5f431473707f9d2a108968cd467c0aa"
+  integrity sha512-N5dmpN6bjB7GyHi8RqhKp8Fy1cfOch0m75KZQv4ZNFa2ffpXJY2FQ4TdgigZulTdwOoTwLKjBQ7GCC+bEw8LHg==
 
 resolve-from@^4.0.0:
   version "4.0.0"
@@ -2237,10 +2195,10 @@ safe-buffer@~5.2.0:
   resolved "http://39.108.216.210:9000/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-sass@^1.69.6:
-  version "1.69.7"
-  resolved "http://39.108.216.210:9000/sass/-/sass-1.69.7.tgz#6e7e1c8f51e8162faec3e9619babc7da780af3b7"
-  integrity sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==
+sass@^1.70.0:
+  version "1.70.0"
+  resolved "http://39.108.216.210:9000/sass/-/sass-1.70.0.tgz#761197419d97b5358cb25f9dd38c176a8a270a75"
+  integrity sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -2275,10 +2233,10 @@ sortablejs@1.14.0:
   resolved "http://39.108.216.210:9000/sortablejs/-/sortablejs-1.14.0.tgz#6d2e17ccbdb25f464734df621d4f35d4ab35b3d8"
   integrity sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==
 
-sortablejs@^1.15.1:
-  version "1.15.1"
-  resolved "http://39.108.216.210:9000/sortablejs/-/sortablejs-1.15.1.tgz#9a35f52cdff449fb42ea8ecf222f3468d76e0a47"
-  integrity sha512-P5Cjvb0UG1ZVNiDPj/n4V+DinttXG6K8n7vM/HQf0C25K3YKQTQY6fsr/sEGsJGpQ9exmPxluHxKBc0mLKU1lQ==
+sortablejs@^1.15.2:
+  version "1.15.2"
+  resolved "http://39.108.216.210:9000/sortablejs/-/sortablejs-1.15.2.tgz#4e9f7bda4718bd1838add9f1866ec77169149809"
+  integrity sha512-FJF5jgdfvoKn1MAKSdGs33bIqLi3LmsgVTliuX6iITj834F+JRQZN90Z93yql8h0K2t0RwDPBmxwlbZfDcxNZA==
 
 "source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
   version "1.0.2"
@@ -2299,6 +2257,7 @@ streamx@^2.15.0:
     queue-tick "^1.0.1"
 
 "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
+  name string-width-cjs
   version "4.2.3"
   resolved "http://39.108.216.210:9000/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2395,10 +2354,10 @@ svgo@^3.2.0:
     csso "^5.0.5"
     picocolors "^1.0.0"
 
-tailwindcss@3.4.0:
-  version "3.4.0"
-  resolved "http://39.108.216.210:9000/tailwindcss/-/tailwindcss-3.4.0.tgz#045a9c474e6885ebd0436354e611a76af1c76839"
-  integrity sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==
+tailwindcss@3.4.1:
+  version "3.4.1"
+  resolved "http://39.108.216.210:9000/tailwindcss/-/tailwindcss-3.4.1.tgz#f512ca5d1dd4c9503c7d3d28a968f1ad8f5c839d"
+  integrity sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==
   dependencies:
     "@alloc/quick-lru" "^5.2.0"
     arg "^5.0.2"
@@ -2530,7 +2489,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==
@@ -2574,16 +2533,16 @@ vue-virtual-scroller@^2.0.0-beta.8:
     vue-observe-visibility "^2.0.0-alpha.1"
     vue-resize "^2.0.0-alpha.1"
 
-vue@3.4.3:
-  version "3.4.3"
-  resolved "http://39.108.216.210:9000/vue/-/vue-3.4.3.tgz#e1ba36a64134dcedc12cfb2c28e7cd15ba121f04"
-  integrity sha512-GjN+culMAGv/mUbkIv8zMKItno8npcj5gWlXkSxf1SPTQf8eJ4A+YfHIvQFyL1IfuJcMl3soA7SmN1fRxbf/wA==
-  dependencies:
-    "@vue/compiler-dom" "3.4.3"
-    "@vue/compiler-sfc" "3.4.3"
-    "@vue/runtime-dom" "3.4.3"
-    "@vue/server-renderer" "3.4.3"
-    "@vue/shared" "3.4.3"
+vue@3.4.15:
+  version "3.4.15"
+  resolved "http://39.108.216.210:9000/vue/-/vue-3.4.15.tgz#91f979844ffca9239dff622ba4c79c5d5524b88c"
+  integrity sha512-jC0GH4KkWLWJOEQjOpkqU1bQsBwf4R1rsFtw5GQJbjHVKWDzO6P0nWWBTmjp1xSemAioDFj1jdaK1qa3DnMQoQ==
+  dependencies:
+    "@vue/compiler-dom" "3.4.15"
+    "@vue/compiler-sfc" "3.4.15"
+    "@vue/runtime-dom" "3.4.15"
+    "@vue/server-renderer" "3.4.15"
+    "@vue/shared" "3.4.15"
 
 vuedraggable@^4.1.0:
   version "4.1.0"