chore(release): release 12.1.0 (#145)

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

Author: wangyaju

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

@@ -9,7 +9,15 @@
     }">
       <div class="header-left">
         <div *ngIf="showSlideButton" class="slide-menu-link" (click)="clickSlideMenu()">
-          <span></span>
+          <span>
+            <svg width="18px" height="14px" viewBox="0 0 18 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+              <g id="slide-button-outer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                  <g id="slide-button-inner">
+                      <path d="M18,6 L18,8 L0,8 L0,6 L18,6 Z M18,0 L18,2 L0,2 L0,0 L18,0 Z M14,12 L14,14 L0,14 L0,12 L14,12 Z"></path>
+                  </g>
+              </g>
+            </svg>
+          </span>
         </div>
         <ng-content select="d-header-logo"></ng-content>
         <d-search *ngIf="showSearch" [isKeyupSearch]="true" [placeholder]="searchPlaceholder" (searchFn)="onSearch($event)"></d-search>

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

@@ -71,13 +71,16 @@
       border-right: 1px solid $devui-dividing-line;
 
       span {
-        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOAQMAAAAYFN70AAAABlBMVEUAAAAhKDGQazuIAAAAAXRSTlMAQObYZgAAABRJREFUCNdj+P//ABijAdzif8AYAMnZDu+UDPvPAAAAAElFTkSuQmCC)
-          no-repeat scroll 0 center;
+        line-height: 40px;
         display: block;
         width: 18px;
         height: 40px;
         margin: 0 10px;
         cursor: pointer;
+
+        #slide-button-inner {
+          fill: $devui-text;
+        }
       }
     }
   }
@@ -90,7 +93,7 @@
       vertical-align: text-bottom;
       border: 0;
       height: 20px;
-      width: 90px;
+      width: 100px;
       margin: 0 12px;
     }
   }
@@ -176,6 +179,12 @@
   }
 }
 
+@media (max-width: 380px) {
+  d-search {
+    width: 180px;
+  }
+}
+
 :host d-search ::ng-deep input {
   border-width: 0;
 }

devui-commons/src/header/logo/logo.component.scss

@@ -28,4 +28,12 @@
       margin-left: 0 !important;
     }
   }
+}
+
+@media (max-width: 360px) {
+  .header-logo {
+    .text {
+      display: none;
+    }
+  }
 }

devui-commons/src/header/menu/menu.component.scss

@@ -87,7 +87,7 @@
     }
 }
 
-@media (max-width: 1180px) {
+@media (max-width: 1360px) {
     .header-menu {
         flex-direction: column;
     }

devui-commons/src/header/version-switch/version-switch.component.scss

@@ -7,4 +7,10 @@
     .header-version-switch {
         width: 60px;
     }
+}
+
+@media (max-width: 1360px) {
+    .header-version-switch {
+        width: 70px;
+    }
 }

devui/accordion/accordion.component.scss

@@ -51,7 +51,7 @@
   height: 40px;
   width: 100%;
   padding: 0 12px 0 20px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 40px;
   color: $devui-text-weak;
   background: transparent;

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

@@ -14,7 +14,7 @@
   color: $devui-light-text;
   text-align: center;
   background: $devui-brand;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .loading {

devui/alert/alert.component.html

@@ -1,5 +1,5 @@
 <div class="devui-alert devui-alert-{{ type }} {{ cssClass }}" *ngIf="!hide">
-  <button type="button" class="devui-close" (click)="close()" *ngIf="closeable">
+  <div class="devui-close" (click)="close()" *ngIf="closeable">
     <svg
       width="10px"
       height="10px"
@@ -16,7 +16,7 @@
         </g>
       </g>
     </svg>
-  </button>
+  </div>
   <span class="devui-alert-icon" *ngIf="showIcon !== false && type !== 'simple'">
     <svg
       width="16px"

devui/alert/alert.component.scss

@@ -2,7 +2,7 @@
 @import '../style/theme/color';
 @import '../style/theme/shadow';
 @import '../style/theme/corner';
-@import '../style/theme/_font';
+@import '../style/core/_font';
 
 :host {
   display: block;
@@ -12,16 +12,17 @@
   color: $devui-text;
   font-size: $devui-font-size;
   border: 1px solid transparent;
-  padding: 8px;
+  padding: 8px 16px;
   line-height: 24px;
   border-radius: $devui-border-radius;
-  padding-left: 16px;
   word-break: normal;
   word-wrap: break-word;
 
-  button.devui-close {
+  .devui-close {
     color: $devui-text;
     opacity: 1;
+    line-height: 26px;
+    height: 24px;
 
     & > svg path {
       fill: $devui-light-text;
@@ -39,7 +40,7 @@
     border-color: $devui-success-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-success-line;
       }
@@ -51,7 +52,7 @@
     border-color: $devui-info-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-info-line;
       }
@@ -63,7 +64,7 @@
     border-color: $devui-warning-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-warning-line;
       }
@@ -75,7 +76,7 @@
     border-color: $devui-danger-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-danger-line;
       }
@@ -86,7 +87,7 @@
     border-color: $devui-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-text-weak;
       }

devui/alert/alert.spec.ts

@@ -107,15 +107,15 @@ describe('alert', () => {
 
     describe('alert close', () => {
       it('Alert should close', () => {
-        const closeButton = alertElement.querySelector('button');
-        closeButton.click();
+        const closeButton = alertElement.querySelector('.devui-close');
+        closeButton.dispatchEvent(new Event('click'));
         fixture.detectChanges();
         expect(alertElement.querySelector('.devui-alert')).toBe(null);
       });
 
       it('Alert should activate closeEvent', () => {
-        const closeButton = alertElement.querySelector('button');
-        closeButton.click();
+        const closeButton = alertElement.querySelector('.devui-close');
+        closeButton.dispatchEvent(new Event('click'));
         fixture.detectChanges();
         expect(testComponent.clickCount).toBe(1);
       });