style(dialog): 兼容web components (#1846)

* style(dialog): 兼容web components * chore: lint * feat(dialog): 兼容web-components * feat(dialog): 恢复之前的动画
Tencent · Jul 23, 2024 · 622dbf6 · 622dbf6
1 parent 006b557
commit 622dbf6
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/style/web/components/dialog/_index.less b/style/web/components/dialog/_index.less
@@ -23,19 +23,23 @@
   border-radius: @border-radius-large;
 
   // icon theme
-  .t-icon.@{prefix}-is-info {
+  .t-icon.@{prefix}-is-info,
+  t-icon-info-circle.@{prefix}-is-info {
     color: @dialog-info-icon-color;
   }
 
-  .t-icon.@{prefix}-is-success {
+  .t-icon.@{prefix}-is-success,
+  t-icon-check-circle.@{prefix}-is-success {
     color: @dialog-success-icon-color;
   }
 
-  .t-icon.@{prefix}-is-warning {
+  .t-icon.@{prefix}-is-warning,
+  t-icon-error-circle.@{prefix}-is-warning {
     color: @dialog-warning-icon-color;
   }
 
-  .t-icon.@{prefix}-is-error {
+  .t-icon.@{prefix}-is-error,
+  t-icon-error-circle.@{prefix}-is-error {
     color: @dialog-error-icon-color;
   }
 
@@ -59,7 +63,10 @@
       width: 100%;
     }
 
-    .t-icon:not(.t-icon-close) {
+    .t-icon:not(.t-icon-close),
+    t-icon-check-circle,
+    t-icon-info-circle,
+    t-icon-error-circle {
       font-size: @dialog-icon-size;
       display: inline-flex;
       align-items: center;
@@ -121,7 +128,9 @@
     text-align: right;
     padding: @dialog-footer-padding;
 
-    .@{prefix}-button + .@{prefix}-button {
+    // 兼容 web components
+    .@{prefix}-button + .@{prefix}-button,
+    .@{prefix}-dialog__button + .@{prefix}-dialog__button {
       margin-left: @dialog-footer-button-margin-left;
     }
   }