::v-deep=>:deep()

ui/packages/basic/AiArticle.vue

@@ -14,7 +14,7 @@
       }
     }
   }
-</script> 
+</script>
 
 <style lang="scss" scoped>
   .ai-article {
@@ -26,62 +26,62 @@
     text-align: justify;
     overflow-x: auto;
     word-break: break-word;
-    
-    ::v-deep h1 {
+
+    :deep( h1 ){
       margin: 1.3rem 0;
       line-height: 1.2
     }
-    
-    ::v-deep p {
+
+    :deep( p ){
       line-height: 2.27rem
     }
-    
-    ::v-deep hr {
+
+    :deep( hr ){
       border: none;
       border-top: 1px solid #ddd;
       margin-top: 2.7rem;
       margin-bottom: 2.7rem
     }
-    
-    ::v-deep img:not(.equation), ::v-deep iframe, ::v-deep embed, ::v-deep video {
+
+    :deep( img:not(.equation)), :deep( iframe), :deep( embed), :deep( video ){
       display: block;
       margin: 18px auto;
       max-width: 100% !important;
     }
-    
-    ::v-deep img.equation {
+
+    :deep( img.equation ){
       margin: 0 .1em;
       max-width: 100% !important;
       vertical-align: middle
     }
 
-    ::v-deep figure {
+    :deep( figure ){
       margin: 2.7rem auto;
       text-align: center
     }
 
-    ::v-deep img:not(.equation) {
+    :deep( img:not(.equation) ){
       cursor: zoom-in
     }
 
-    ::v-deep figure figcaption {
+    :deep( figure figcaption ){
       text-align: center;
       font-size: 1rem;
       line-height: 2.7rem;
       color: #909090
     }
 
-    ::v-deep pre {
+    :deep( pre ){
       line-height: 1.93rem;
       overflow: auto
     }
 
-    ::v-deep code,
-    ::v-deep pre {
+    :deep( code),
+    :deep( pre ){
       font-family: Menlo, Monaco, Consolas, Courier New, monospace
     }
 
-    ::v-deep code {
+    :deep( code ){
       font-size: 1rem;
       padding: .26rem .53em;
       word-break: break-word;
@@ -90,25 +90,25 @@
       border-radius: 2px;
       overflow-x: auto
     }
-    
-    ::v-deep pre>code {
+
+    :deep( pre>code ){
       font-size: 1rem;
       padding: .67rem 1.3rem;
       margin: 0;
       word-break: normal;
       display: block
     }
-    
-    ::v-deep a {
+
+    :deep( a ){
       color: #259
     }
 
-    ::v-deep a:active,
-    ::v-deep a:hover {
+    :deep( a:active),
+    :deep( a:hover ){
       color: #275b8c
     }
 
-    ::v-deep table {
+    :deep( table ){
       width: 100%;
       margin-top: 18px;
       margin-bottom: 18px;
@@ -119,80 +119,80 @@
       border-left: 1px solid #ccc;
     }
 
-    ::v-deep thead {
+    :deep( thead ){
       background: #f6f6f6;
       color: #000;
       text-align: left
     }
 
-    ::v-deep td,
-    ::v-deep th {
+    :deep( td),
+    :deep( th ){
       padding: 3px 5px;
       border-bottom: 1px solid #ccc;
       border-right: 1px solid #ccc;
     }
-    
-    ::v-deep td {
+
+    :deep( td ){
       min-width: 10rem
     }
 
-    ::v-deep blockquote {
+    :deep( blockquote ){
       margin: 1em 0;
       border-left: 4px solid #ddd;
       padding: 0 1.3rem
     }
 
-    ::v-deep blockquote>p {
+    :deep( blockquote>p ){
       margin: .6rem 0
     }
 
-    ::v-deep ol,
-    ::v-deep ul {
+    :deep( ol),
+    :deep( ul ){
       padding-left: 2.7rem
     }
 
-    ::v-deep ol li,
-    ::v-deep ul li {
+    :deep( ol li),
+    :deep( ul li ){
       margin-bottom: .6rem
     }
 
-    ::v-deep ol ol,
-    ::v-deep ol ul,
-    ::v-deep ul ol,
-    ::v-deep ul ul {
+    :deep( ol ol),
+    :deep( ol ul),
+    :deep( ul ol),
+    :deep( ul ul ){
       margin-top: .27rem
     }
 
-    ::v-deep pre>code {
+    :deep( pre>code ){
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       color: #333;
       background: #f8f8f8
     }
 
-    ::v-deep p {
+    :deep( p ){
       line-height: inherit;
       margin-top: 18px;
       margin-bottom: 18px
     }
 
-    ::v-deep img {
+    :deep( img ){
       max-height: none
     }
 
-    ::v-deep a {
+    :deep( a ){
       color: #0269c8;
       border-bottom: 1px solid #d1e9ff
     }
 
-    ::v-deep code {
+    :deep( code ){
       background-color: #fff5f5;
       color: #ff502c;
       font-size: .87em;
       padding: .065em .4em
     }
 
-    ::v-deep blockquote {
+    :deep( blockquote ){
       color: #666;
       padding: 1px 23px;
       margin: 18px 0;
@@ -200,22 +200,22 @@
       background-color: #f8f8f8
     }
 
-    ::v-deep blockquote:after {
+    :deep( blockquote:after ){
       display: block;
       content: ""
     }
 
-    ::v-deep blockquote>p {
+    :deep( blockquote>p ){
       margin: 10px 0
     }
 
-    ::v-deep blockquote.warning {
+    :deep( blockquote.warning ){
       position: relative;
       border-left-color: #f75151;
       margin-left: 8px
     }
 
-    ::v-deep blockquote.warning:before {
+    :deep( blockquote.warning:before ){
       position: absolute;
       top: 14px;
       left: -12px;
@@ -230,52 +230,52 @@
       justify-content: center
     }
 
-    ::v-deep ol,
-    ::v-deep ul {
+    :deep( ol),
+    :deep( ul ){
       padding-left: 28px
     }
 
-    ::v-deep ol li,
-    ::v-deep ul li {
+    :deep( ol li),
+    :deep( ul li ){
       margin-bottom: 0;
       list-style: inherit
     }
 
-    ::v-deep ol li.task-list-item,
-    ::v-deep ul li.task-list-item {
+    :deep( ol li.task-list-item),
+    :deep( ul li.task-list-item ){
       list-style: none
     }
 
-    ::v-deep ol li.task-list-item ol,
-    ::v-deep ol li.task-list-item ul,
-    ::v-deep ul li.task-list-item ol,
-    ::v-deep ul li.task-list-item ul {
+    :deep( ol li.task-list-item ol),
+    :deep( ol li.task-list-item ul),
+    :deep( ul li.task-list-item ol),
+    :deep( ul li.task-list-item ul ){
       margin-top: 0
     }
 
-    ::v-deep ol li {
+    :deep( ol li ){
       padding-left: 6px
     }
 
-    ::v-deep pre {
+    :deep( pre ){
       position: relative;
       line-height: 1.75
     }
 
-    ::v-deep pre>code {
+    :deep( pre>code ){
       padding: 15px 12px
     }
 
-    ::v-deep pre>code.hljs[lang] {
+    :deep( pre>code.hljs[lang] ){
       padding: 18px 15px 12px
     }
 
-    ::v-deep h1,
-    ::v-deep h2,
-    ::v-deep h3,
-    ::v-deep h4,
-    ::v-deep h5,
-    ::v-deep h6 {
+    :deep( h1),
+    :deep( h2),
+    :deep( h3),
+    :deep( h4),
+    :deep( h5),
+    :deep( h6 ){
       color: #333;
       line-height: 1.5;
       margin-top: 35px;
@@ -284,47 +284,47 @@
       font-weight: 500;
     }
 
-    ::v-deep h1 {
+    :deep( h1 ){
       font-size: 30px;
       margin-bottom: 5px
     }
 
-    ::v-deep h2 {
+    :deep( h2 ){
       padding-bottom: 12px;
       font-size: 24px;
       border-bottom: 1px solid #ececec
     }
 
-    ::v-deep h3 {
+    :deep( h3 ){
       font-size: 18px;
       padding-bottom: 0
     }
 
-    ::v-deep h4 {
+    :deep( h4 ){
       font-size: 16px
     }
 
-    ::v-deep h5 {
+    :deep( h5 ){
       font-size: 15px
     }
 
-    ::v-deep h6 {
+    :deep( h6 ){
       margin-top: 5px
     }
 
-    ::v-deep h1.heading+h2.heading {
+    :deep( h1.heading+h2.heading ){
       margin-top: 20px
     }
 
-    ::v-deep h1.heading+h3.heading {
+    :deep( h1.heading+h3.heading ){
       margin-top: 15px
     }
 
-    ::v-deep .heading+.heading {
+    :deep( .heading+.heading ){
       margin-top: 0
     }
 
-    ::v-deep h1+:not(.heading) {
+    :deep( h1+:not(.heading) ){
       margin-top: 25px
     }
   }

ui/packages/basic/AiAudio.vue

@@ -201,21 +201,21 @@ export default {
       }
     }
 
-    ::v-deep.el-slider__button {
+    :deep(.el-slider__button ){
       width: 8px;
       height: 8px;
       background: #1365DD;
     }
 
-    ::v-deep.el-slider__bar {
+    :deep(.el-slider__bar ){
       height: 2px;
     }
 
-    ::v-deep.el-slider__button-wrapper {
+    :deep(.el-slider__button-wrapper ){
       height: 32px;
     }
 
-    ::v-deep.el-slider__runway {
+    :deep(.el-slider__runway ){
       height: 2px;
       margin: 15px 0;
     }

ui/packages/basic/AiEditor/AiEditor.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiEditor {
-  ::v-deep.ck-content {
+  :deep(.ck-content ){
     min-height: 300px;
   }
 }

ui/packages/basic/AiImport.vue

@@ -255,7 +255,7 @@ export default {
     background: rgba(0, 0, 0, 0.6);
   }
 
-  ::v-deep .el-message-box {
+  :deep( .el-message-box ){
     width: 720px !important;
   }
 
@@ -266,7 +266,7 @@ export default {
   .ai-import__tips {
     line-height: 1;
 
-    ::v-deep.el-form-item__content {
+    :deep(.el-form-item__content ){
       line-height: 1;
     }
 

ui/packages/basic/AiRange.vue

@@ -67,7 +67,7 @@ export default {
   height: 32px;
   box-sizing: border-box;
 
-  ::v-deep.el-input {
+  :deep(.el-input ){
     min-width: 80px;
     flex: 1;
 

ui/packages/basic/AiSelect.vue

@@ -100,7 +100,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .ai-select .el-select {
+:deep( .ai-select .el-select ){
   width: 100%;
 }
 </style>

ui/packages/basic/AiTable.vue

@@ -269,18 +269,18 @@ export default {
     color: $primaryColor;
   }
 
-  ::v-deep .ai-header__border .ai-table__header {
+  :deep( .ai-header__border .ai-table__header ){
     border-bottom: 1px solid $borderColor !important;
     border-right: 1px solid $borderColor !important;
   }
 
-  ::v-deep .el-table--border {
+  :deep( .el-table--border ){
     border: 1px solid $borderColor;
     border-right: none;
     border-bottom: none;
   }
 
-  ::v-deep .el-table {
+  :deep( .el-table ){
     color: #222;
 
     .caret-wrapper {
@@ -300,11 +300,11 @@ export default {
     }
   }
 
-  ::v-deep .cell {
+  :deep( .cell ){
     line-height: 24px;
   }
 
-  ::v-deep .el-table__header {
+  :deep( .el-table__header ){
     th {
       padding: 8px 0;
     }
@@ -322,13 +322,13 @@ export default {
     }
   }
 
-  ::v-deep .el-table__body {
+  :deep( .el-table__body ){
     tr td:first-child .cell {
       padding-left: 40px !important;
     }
   }
 
-  ::v-deep .el-table__fixed-right {
+  :deep( .el-table__fixed-right ){
     .el-table__body {
       tr td:first-child .cell {
         padding-left: 0 !important;
@@ -337,12 +337,12 @@ export default {
     }
   }
 
-  ::v-deep .ai-table__header {
+  :deep( .ai-table__header ){
     border-bottom: none;
     background: #F3F4F5;
   }
 
-  ::v-deep.el-pager {
+  :deep(.el-pager ){
     li.active + li {
       border-left: 1px solid $borderColor;
     }
@@ -374,7 +374,7 @@ export default {
         gap: 8px;
         color: $primaryColor !important;
 
-        ::v-deep span, ::v-deep div {
+        :deep( span), :deep( div ){
           font-size: 12px;
           cursor: pointer;
           color: $primaryColor !important;
@@ -399,11 +399,11 @@ export default {
         margin-left: 24px;
       }
 
-      ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+      :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
         line-height: 1 !important;
       }
 
-      ::v-deep.el-checkbox {
+      :deep(.el-checkbox ){
         display: flex;
         align-items: center;
 
@@ -427,7 +427,7 @@ export default {
 }
 
 .ai-table__noborder {
-  ::v-deep .el-table td, ::v-deep .el-table th.is-center {
+  :deep( .el-table td), :deep( .el-table th.is-center ){
     border: none;
   }
 
@@ -435,11 +435,11 @@ export default {
     display: none;
   }
 
-  ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
+  :deep( .el-table--striped .el-table__body tr.el-table__row--striped td ){
     background: #F5F6F9;
   }
 
-  ::v-deep .el-table__fixed-right::before, ::v-deep .el-table__fixed::before {
+  :deep( .el-table__fixed-right::before), :deep( .el-table__fixed::before ){
     display: none;
   }
 }

ui/packages/basic/AiTableSelect.vue

@@ -190,7 +190,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep.AiTableSelect {
+:deep(.AiTableSelect ){
   .el-row {
     width: 100%;
 

ui/packages/basic/AiTitle.vue

@@ -129,7 +129,7 @@ export default {
       align-items: center;
     }
 
-    ::v-deep.el-button {
+    :deep(.el-button ){
       margin-left: 8px !important;
     }
   }

ui/packages/basic/AiUploader.vue

@@ -401,33 +401,33 @@ export default {
 .uploader {
   line-height: 1;
 
-  ::v-deep.el-upload {
+  :deep(.el-upload ){
     width: 100%;
     text-align: start;
   }
 
-  ::v-deep.validError {
+  :deep(.validError ){
     .el-button {
       border-color: #f46;
       color: #f46;
     }
   }
 
-  ::v-deep.el-upload--picture-card {
+  :deep(.el-upload--picture-card ){
     border: none;
   }
 
-  ::v-deep .el-list-leave-active, ::v-deep .el-upload-list__item {
+  :deep( .el-list-leave-active), :deep( .el-upload-list__item ){
     transition: all 0s !important;
   }
 
-  ::v-deep.el-upload-list--picture-card .el-upload-list__item {
+  :deep(.el-upload-list--picture-card .el-upload-list__item ){
     width: 120px;
     height: 120px;
     border-radius: 4px;
   }
 
-  ::v-deep.el-upload--picture-card {
+  :deep(.el-upload--picture-card ){
     width: auto;
     height: auto;
   }
@@ -437,7 +437,7 @@ export default {
     line-height: 16px;
   }
 
-  ::v-deep.fileItem {
+  :deep(.fileItem ){
     width: 100%;
     height: 60px;
     background: #FFFFFF;

ui/packages/common/AiLog.vue

@@ -74,7 +74,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .AiLog {
-  ::v-deep.table-head-cell {
+  :deep(.table-head-cell ){
     background-color: rgba(243, 246, 249, 1);
     color: #333;
     font-size: 14px;
@@ -88,7 +88,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep.table-cell {
+  :deep(.table-cell ){
     .cell {
       padding-top: 13px;
       padding-bottom: 13px;
@@ -99,7 +99,7 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination {
+  :deep(.el-pagination ){
     text-align: center;
 
     .btn-prev {
@@ -124,11 +124,11 @@ export default {
     }
   }
 
-  ::v-deep.el-pagination__jump {
+  :deep(.el-pagination__jump ){
     margin-left: 0;
   }
 
-  ::v-deep.el-pager li {
+  :deep(.el-pager li ){
     background-color: #fff;
     border: solid 1px #d0d4dc;
     margin-left: 8px;

ui/packages/common/AiParty/AiParty.vue

@@ -220,46 +220,46 @@ export default {
   overflow-y: hidden;
 }
 
-::v-deep.el-dialog__header {
+:deep(.el-dialog__header ){
   line-height: 1;
   // padding: 13px 16px;
   // border-bottom: 1px solid #eee;
 }
 
-::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+:deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-dialog__body {
+:deep(.el-dialog__body ){
   padding: 16px 16px 0;
 }
 
-::v-deep .ai-dialog__content--wrapper {
+:deep( .ai-dialog__content--wrapper ){
   padding-right: 0 !important;
 }
 
-::v-deep.left_cont {
+:deep(.left_cont ){
   height: calc(100% - 40px);
   padding-top: 8px;
   box-sizing: border-box;
   overflow: auto;
 }
 
-::v-deep.el-tree {
+:deep(.el-tree ){
   background: #fcfcfc;
 }
 
-::v-deep .el-dialog__body {
+:deep( .el-dialog__body ){
   background: #fcfcfc;
 }
 
-::v-deep.el-tree-node:focus > .el-tree-node__content {
+:deep(.el-tree-node:focus > .el-tree-node__content ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }
 
-::v-deep.el-tree-node__content:hover {
+:deep(.el-tree-node__content:hover ){
   background: #eaf5ff !important;
   color: #257fff !important;
 }

ui/packages/common/AiPartyMember.vue

@@ -591,11 +591,11 @@ export default {
 }
 
 .AiPeopleMember-dialog {
-  ::v-deep .el-input__validateIcon {
+  :deep( .el-input__validateIcon ){
     display: none;
   }
 
-  ::v-deep.el-pagination__sizes {
+  :deep(.el-pagination__sizes ){
     width: 72px !important;
 
     .el-select, .el-input, input {
@@ -660,17 +660,17 @@ export default {
     }
   }
 
-  ::v-deep.pagination {
+  :deep(.pagination ){
     padding: 0 !important;
 
 
   }
 
-  ::v-deep.pagination .el-pager li {
+  :deep(.pagination .el-pager li ){
     line-height: 22px !important;
   }
 
-  ::v-deep.el-table__header {
+  :deep(.el-table__header ){
     margin-bottom: 4px;
     border-bottom: 1px solid rgba(208, 212, 220, 1);
 
@@ -697,11 +697,11 @@ export default {
     overflow: auto;
     box-sizing: border-box;
 
-    ::v-deep.el-table td, .el-table th.is-leaf {
+    :deep(.el-table td), .el-table th.is-leaf {
       border-bottom: none;
     }
 
-    ::v-deep.el-table::before {
+    :deep(.el-table::before ){
       display: none;
     }
 
@@ -749,11 +749,11 @@ export default {
         width: 166px;
       }
 
-      ::v-deep.el-input--small .el-input__icon {
+      :deep(.el-input--small .el-input__icon ){
         line-height: 28px;
       }
 
-      ::v-deep.el-input--small .el-input__inner {
+      :deep(.el-input--small .el-input__inner ){
         width: 166px;
         height: 28px;
       }

ui/packages/common/AiPartyMemberSelect.vue

@@ -258,7 +258,7 @@ export default {
 }
 
 
-::v-deep .pagination .el-pager li {
+:deep( .pagination .el-pager li ){
   line-height: 22px!important;
 }
 

ui/packages/common/AiPartyTree.vue

@@ -135,7 +135,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {

ui/packages/common/AiPersonSelect.vue

@@ -294,19 +294,19 @@ export default {
   padding: 0 20px;
 }
 
-::v-deep .el-pager li.active + li {
+:deep( .el-pager li.active + li ){
   border-left: solid 1px #d0d4dc !important;
 }
 
-::v-deep .el-pager .number:last-child {
+:deep( .el-pager .number:last-child ){
   border-color: #d0d4dc;
 }
 
-::v-deep .el-pager .number.active {
+:deep( .el-pager .number.active ){
   border-color: $primaryColor;
 }
 
-::v-deep.pagination .el-pager li {
+:deep(.pagination .el-pager li ){
   line-height: 22px !important;
 }
 

ui/packages/common/AiPicker.vue

@@ -167,7 +167,7 @@ export default {
     display: flex;
     height: 480px;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__content {
@@ -194,7 +194,7 @@ export default {
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
       }

ui/packages/common/AiSign/AiSign.vue

@@ -219,7 +219,7 @@ export default {
     }
   }
 
-  ::v-deep.scan-title {
+  :deep(.scan-title ){
     color: #333333;
     font-size: 16px;
 

ui/packages/common/AiSign/changePwd.vue

@@ -134,13 +134,13 @@ export default {
 .changePwd {
   // margin: 0 20px;
 
-  ::v-deep .code {
+  :deep( .code ){
     .el-button {
       width: auto !important;
     }
   }
 
-  ::v-deep.backLogin {
+  :deep(.backLogin ){
     display: flex;
     align-items: center;
     font-weight: bold;
@@ -165,7 +165,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 24px;
 
     i {

ui/packages/common/AiSign/signIn.vue

@@ -286,19 +286,19 @@ export default {
     position: relative;
   }
 
-  ::v-deep.el-tabs__nav-wrap::after {
+  :deep(.el-tabs__nav-wrap::after ){
     display: none;
   }
 
-  ::v-deep.el-tabs__header {
+  :deep(.el-tabs__header ){
     padding: 0;
   }
 
-  ::v-deep.el-tabs__item {
+  :deep(.el-tabs__item ){
     padding-right: 0;
   }
 
-  ::v-deep.el-form-item {
+  :deep(.el-form-item ){
     margin-bottom: 32px;
 
     .el-tabs__item {

ui/packages/common/AiUserGet/AiUserGet.vue

@@ -564,7 +564,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node {
@@ -608,7 +608,7 @@ export default {
     cursor: pointer;
     user-select: none;
 
-    ::v-deep .el-checkbox__label {
+    :deep( .el-checkbox__label ){
       display: none;
     }
 
@@ -639,7 +639,7 @@ export default {
     height: calc(100% - 40px);
     padding: 8px 0;
 
-    ::v-deep .el-scrollbar__wrap {
+    :deep( .el-scrollbar__wrap ){
       margin-bottom: 0 !important;
       overflow-x: hidden;
     }

ui/packages/common/AiUserSelecter.vue

@@ -630,7 +630,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: fit-content;
       min-width: 100%;
       background: transparent;
@@ -698,7 +698,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -729,7 +729,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }
@@ -738,7 +738,7 @@
     .AiWechatSelecter-container__left {
       flex: 1;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         overflow-x: auto;
       }
     }
@@ -754,7 +754,7 @@
         padding-bottom: 40px!important;
       }
 
-      ::v-deep .el-pagination {
+      :deep( .el-pagination ){
         position: absolute;
         bottom: 0px;
         left: 0;
@@ -811,7 +811,7 @@
       .user-wrapper {
         padding: 0 10px;
 
-        ::v-deep .el-checkbox {
+        :deep( .el-checkbox ){
           display: block;
           margin-right: 0;
         }

ui/packages/common/AiWechatSelecter/AiWechatSelecter.vue

@@ -631,7 +631,7 @@
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node {
@@ -675,7 +675,7 @@
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -706,7 +706,7 @@
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0!important;
         overflow-x: hidden;
       }

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;
 

ui/packages/tools/AiMap.vue

@@ -216,7 +216,7 @@ export default {
     background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 40%, #000 100%);
   }
 
-  ::v-deep .marker {
+  :deep( .marker ){
     position: relative;
 
     & > img {
@@ -240,11 +240,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 

ui/packages/tools/AiQMap.vue

@@ -300,7 +300,7 @@
     min-width: 0;
     min-height: 0;
 
-    ::v-deep.map {
+    :deep(.map ){
       height: 100%;
 
       & > div > div {

ui/packages/tools/AiTMap.vue

@@ -143,7 +143,7 @@ export default {
   min-width: 0;
   min-height: 0;
 
-  ::v-deep.map {
+  :deep(.map ){
     height: 100%;
 
     & > div > div {