chore(release): release 12.0.0-beta.2

Author: huaweidevcloud

README.md

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

README_zh_CN.md

@@ -23,7 +23,7 @@ DevUI Design设计系统包含了DevUI规则、设计语言和最佳实践的资
 
 ## Angular版本
 
-当前支持的angular版本<font color=red>`^12.0.0-beta.1`</font>
+当前支持的angular版本<font color=red>`^11.0.0`</font>
 
 ## 快速开始
 

angular.json

@@ -31,7 +31,8 @@
             "assets": [
               "src/favicon.ico",
               "src/assets",
-              "src/assets/i18n"
+              "src/assets/i18n",
+              "src/assets/overview/**/*"
             ],
             "styles": [
               "node_modules/highlight.js/styles/an-old-hope.css",

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

@@ -14,6 +14,12 @@
     </li>
   </ul>
   <nav class="sidebar-nav">
-    <d-accordion [data]="componentsDataDisplay" [linkType]="linkType"></d-accordion>
+    <d-accordion [data]="componentsDataDisplay" [linkType]="linkType" [itemTemplate]="itemtemplate"></d-accordion>
+
+    <ng-template #itemtemplate let-item="item">
+      {{ item.title }}
+      <d-tag *ngIf="item.newChange" [tag]="text.new" [labelStyle]="'orange-w98'"></d-tag>
+      <d-tag *ngIf="item.sunset" [tag]="text.sunset" [labelStyle]="'yellow-w98'"></d-tag>
+    </ng-template>
   </nav>
 </div>

devui-commons/src/sidebar/sidebar.component.scss

@@ -74,4 +74,12 @@
 
 d-accordion ::ng-deep .devui-accordion-menu {
   box-shadow: none !important;
+}
+
+d-tag {
+  text-indent: 0;
+  
+  & + d-tag {
+  margin-left: 4px;
+  }
 }

devui-commons/src/sidebar/sidebar.component.ts

@@ -10,6 +10,10 @@ import { DevuiCommonsService } from '../devui-commons.service';
 export class SidebarComponent implements OnInit {
   @Input() sideMenuList;
   @Input() linkType = 'routerLink';
+  @Input() text = {
+    new: 'New',
+    sunset: 'Sunset'
+  };
   _navData;
   componentsDataDisplay;
 

devui/alert/alert.component.html

@@ -17,7 +17,7 @@
       </g>
     </svg>
   </button>
-  <span class="devui-alert-icon" *ngIf="showIcon !== false">
+  <span class="devui-alert-icon" *ngIf="showIcon !== false && type !== 'simple'">
     <svg
       width="16px"
       height="16px"

devui/alert/alert.component.scss

@@ -82,6 +82,17 @@
     }
   }
 
+  &.devui-alert-simple {
+    border-color: $devui-line;
+    color: $devui-text;
+
+    button.devui-close {
+      & > svg path {
+        fill: $devui-text-weak;
+      }
+    }
+  }
+
   svg.devui-icon {
     width: 16px;
     height: 16px;

devui/alert/alert.types.ts

@@ -1 +1 @@
-export type AlertType = 'success' | 'danger' | 'warning' | 'info';
+export type AlertType = 'success' | 'danger' | 'warning' | 'info' | 'simple';

devui/alert/demo/basic/basic.component.html

@@ -2,3 +2,4 @@
 <d-alert [type]="'danger'" [closeable]="false"> danger </d-alert>
 <d-alert [type]="'warning'" [closeable]="false"> warning </d-alert>
 <d-alert [type]="'info'" [closeable]="false"> info </d-alert>
+<d-alert [type]="'simple'" [closeable]="false"> simple </d-alert>