chore(release): release 12.0.0 (#132)

Co-authored-by: huaweidevcloud <devcloudmobile@huawei.com>

Author: wangyaju

README.md

@@ -23,7 +23,7 @@ To see more in [devui.design](https://devui.design/home).
 
 ## Angular Support
 
-Now supports Angular <font color=red>`^11.0.0`</font>
+Now supports Angular <font color=red>`^12.0.0`</font>
 
 ## Getting Started
 

devui-commons/src/header/header.component.html

@@ -27,8 +27,8 @@
         </div>  
         <div *ngIf="showAvatar" class="header-avatar">
           <d-avatar
-            [width]="'40'"
-            [height]="'40'"
+            [width]="40"
+            [height]="40"
             [imgSrc]="userAvatar"
           ></d-avatar>
         </div>

devui/accordion/accordion.component.scss

@@ -30,7 +30,7 @@
   }
 
   & > .devui-accordion-list {
-    padding: 10px 0;
+    padding: 8px 0;
   }
 
   .devui-over-flow-ellipsis {
@@ -50,7 +50,7 @@
   display: block;
   height: 40px;
   width: 100%;
-  padding: 0 10px 0 20px;
+  padding: 0 12px 0 20px;
   font-weight: 400;
   line-height: 40px;
   color: $devui-text-weak;
@@ -103,7 +103,7 @@
     padding: 0;
 
     & > a {
-      padding: 0 10px 0 20px;
+      padding: 0 12px 0 20px;
     }
   }
 }
@@ -126,7 +126,7 @@
     width: 16px;
     height: 16px;
     line-height: 16px;
-    transition: transform $devui-animation-duration-slow $devui-animation-ease-in-smooth;
+    transition: transform $devui-animation-duration-slow $devui-animation-ease-in-out-smooth;
 
     & > svg {
       width: 16px;
@@ -162,7 +162,7 @@
 
 /* 可展开的菜单 */
 :host ::ng-deep .devui-accordion-menu-item > .devui-accordion-item-title {
-  padding-right: 30px;
+  padding-right: 28px;
 
   &.active:not(.open) {
     color: $devui-brand-active;
@@ -214,12 +214,12 @@
 
 :host ::ng-deep .devui-accordion-show-animate .devui-accordion-item-title {
   transition:
-    font-weight $devui-animation-duration-fast $devui-animation-ease-in-smooth,
-    background-color $devui-animation-duration-fast $devui-animation-ease-in-smooth;
+    font-weight $devui-animation-duration-fast $devui-animation-ease-in-out-smooth,
+    background-color $devui-animation-duration-fast $devui-animation-ease-in-out-smooth;
 
   .devui-accordion-splitter::before {
     transform: scaleY(0);
-    transition: transform $devui-animation-duration-slow $devui-animation-ease-in-smooth;
+    transition: transform $devui-animation-duration-slow $devui-animation-ease-in-out-smooth;
   }
 
   &.devui-router-active,

devui/accordion/demo/inner-list-template/inner-list-template.component.css

@@ -5,7 +5,7 @@
 .my-menu {
   min-height: 60px;
   line-height: 40px;
-  padding: 10px;
+  padding: 12px;
 }
 
 @media (max-width: 500px) {

devui/accordion/demo/template/template.component.scss

@@ -8,21 +8,19 @@
   display: inline-block;
   width: 16px;
   height: 16px;
-  border-radius: (16px/2);
+  border-radius: 8px;
   font-size: $devui-font-size;
-  line-height: 12px;
-  padding: 2px;
+  line-height: 16px;
   color: $devui-light-text;
   text-align: center;
   background: $devui-brand;
-  margin-top: -2px;
   font-weight: 400;
 }
 
 .loading {
   position: relative;
   line-height: 40px;
-  padding-left: 66px;
+  padding-left: 64px;
 }
 
 .circle-spinner {

devui/alert/alert.component.scss

@@ -2,7 +2,7 @@
 @import '../style/theme/color';
 @import '../style/theme/shadow';
 @import '../style/theme/corner';
-@import '../style/core/_font';
+@import '../style/theme/_font';
 
 :host {
   display: block;
@@ -12,8 +12,8 @@
   color: $devui-text;
   font-size: $devui-font-size;
   border: 1px solid transparent;
-  padding: 10px;
-  line-height: 20px;
+  padding: 8px;
+  line-height: 24px;
   border-radius: $devui-border-radius;
   padding-left: 16px;
   word-break: normal;

devui/anchor/demo/async/async.component.scss

@@ -2,7 +2,7 @@
 
 /* 序号 */
 .step-nav {
-  padding-top: 10px;
+  padding-top: 8px;
   width: 240px;
 }
 
@@ -41,7 +41,7 @@
   line-height: 26px;
   border-radius: 50%;
   background-color: $devui-base-bg;
-  margin-right: 18px;
+  margin-right: 20px;
   border: 2px solid $devui-dividing-line;
 }
 
@@ -75,7 +75,7 @@
 }
 
 .mycontent {
-  padding: 10px;
+  padding: 8px;
   margin-left: 240px;
 }
 

devui/anchor/demo/basic/basic.component.scss

@@ -2,7 +2,7 @@
 
 /* 序号 */
 .step-nav {
-  padding-top: 10px;
+  padding-top: 8px;
   width: 240px;
 }
 
@@ -41,7 +41,7 @@
   line-height: 26px;
   border-radius: 50%;
   background-color: $devui-base-bg;
-  margin-right: 18px;
+  margin-right: 20px;
   border: 2px solid $devui-dividing-line;
 }
 
@@ -75,7 +75,7 @@
 }
 
 .mycontent {
-  padding: 10px;
+  padding: 8px;
   margin-left: 240px;
 }
 

devui/anchor/demo/hash/hash.component.scss

@@ -2,7 +2,7 @@
 
 /* 序号 */
 .step-nav {
-  padding-top: 10px;
+  padding-top: 8px;
   width: 240px;
 }
 
@@ -40,7 +40,7 @@
   line-height: 26px;
   border-radius: 50%;
   background-color: $devui-base-bg;
-  margin-right: 18px;
+  margin-right: 20px;
   border: 2px solid $devui-dividing-line;
 }
 
@@ -74,7 +74,7 @@
 }
 
 .mycontent {
-  padding: 10px;
+  padding: 8px;
   margin-left: 240px;
 }
 

devui/anchor/demo/scroll-target/scroll-target.component.scss

@@ -2,7 +2,7 @@
 
 /* 序号 */
 .step-nav {
-  padding-top: 10px;
+  padding-top: 8px;
   width: 240px;
 }
 
@@ -41,7 +41,7 @@
   line-height: 26px;
   border-radius: 50%;
   background-color: $devui-base-bg;
-  margin-right: 18px;
+  margin-right: 20px;
   border: 2px solid $devui-dividing-line;
 }
 
@@ -75,7 +75,7 @@
 }
 
 .mycontent {
-  padding: 10px;
+  padding: 8px;
   margin-left: 240px;
 }