::v-deep=>:deep()

ui/packages/layout/AiHighlight.vue

@@ -31,7 +31,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AiHighlight {
+:deep(.AiHighlight ){
   display: flex;
   align-items: baseline;
 

ui/packages/layout/AiIntro.vue

@@ -46,7 +46,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiIntro {
-  ::v-deep.ailist-title__right {
+  :deep(.ailist-title__right ){
     flex: 1;
     min-width: 0;
   }

ui/packages/layout/AiList.vue

@@ -68,7 +68,7 @@ export default {
 
 <style lang="scss" scoped>
 //全局tab  css
-::v-deep .ai-list__tabs {
+:deep( .ai-list__tabs ){
   margin-top: 0 !important;
 
   .el-tabs__item {
@@ -148,7 +148,7 @@ export default {
     flex: 1;
     overflow: hidden;
 
-    ::v-deep .el-tabs__item {
+    :deep( .el-tabs__item ){
       min-width: 80px;
       height: 32px;
       line-height: 32px;
@@ -158,15 +158,15 @@ export default {
       border-bottom: 1px solid transparent !important;
     }
 
-    ::v-deep.el-tabs__header {
+    :deep(.el-tabs__header ){
       margin: 0;
     }
 
-    ::v-deep.el-tabs {
+    :deep(.el-tabs ){
       height: 100%;
     }
 
-    ::v-deep.el-tabs__content {
+    :deep(.el-tabs__content ){
       height: calc(100% - 32px);
       background: #f3f6f9;
 

ui/packages/layout/AiSearch.vue

@@ -34,7 +34,7 @@ export default {
     justify-content: center;
   }
 
-  ::v-deep .el-input__inner {
+  :deep( .el-input__inner ){
     border-radius: 0;
   }
 

ui/packages/layout/AiSearchBar.vue

@@ -62,7 +62,7 @@ export default {
     border-bottom: 1px solid #eee;
   }
 
-  ::v-deep.searchLeftZone {
+  :deep(.searchLeftZone ){
     flex: 1;
     min-width: 0;
     display: flex;
@@ -71,7 +71,7 @@ export default {
     gap: 8px;
   }
 
-  ::v-deep.searchRightZone {
+  :deep(.searchRightZone ){
     display: flex;
     align-items: center;
     flex-shrink: 0;
@@ -95,7 +95,7 @@ export default {
   margin-top: 8px;
 }
 
-::v-deep .searchLeftZone > .el-button, ::v-deep .searchRightZone > .el-button {
+:deep( .searchLeftZone > .el-button), :deep( .searchRightZone > .el-button ){
   margin-left: 0;
 }
 </style>

ui/packages/layout/AiTreeMenu.vue

@@ -67,7 +67,7 @@ export default {
     border-bottom: 1px solid #E5E5E5;
   }
 
-  ::v-deep .searchInput {
+  :deep( .searchInput ){
     width: 100%;
     padding: 8px;
     box-sizing: border-box;
@@ -98,7 +98,7 @@ export default {
       margin: 0 8px;
     }
 
-    ::v-deep.el-tree {
+    :deep(.el-tree ){
       height: 100%;
       background: #FAFAFB;