chore(release): release 9.1.0 (#55)

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

Author: wangyaju

devui/accordion/AccordionBaseComponent.ts

@@ -1 +1,8 @@
-<d-accordion-list class="devui-accordion-menu devui-scrollbar" [data]="data" [deepth]="0" [parent]="null"> </d-accordion-list>
+<d-accordion-list
+  class="devui-accordion-menu devui-scrollbar"
+  [ngClass]="{ 'devui-accordion-menu-normal': accordionType === 'normal' }"
+  [data]="data"
+  [deepth]="0"
+  [parent]="null"
+>
+</d-accordion-list>

devui/accordion/accordion.component.html

@@ -17,12 +17,15 @@
 :host ::ng-deep .devui-accordion-menu {
   display: block;
   background: $bg-white;
-  box-shadow: 0 2px 4px 0 $dark-1-boxshadow;
   width: 100%;
   overflow-y: auto;
   border-radius: 2px;
   height: 100%;
 
+  &.devui-accordion-menu-normal {
+    box-shadow: 0 2px 4px 0 $dark-1-boxshadow;
+  }
+
   & > .devui-accordion-list {
     padding: 10px 0;
   }

devui/accordion/accordion.component.scss

@@ -41,6 +41,8 @@ export class AccordionComponent implements AccordionOptions, OnChanges, OnInit,
   @Input() linkTargetKey = 'target'; // 链接目标窗口的key
   @Input() linkDefaultTarget = '_self'; // 不设置target的时候target默认值
 
+  @Input() accordionType: 'normal' | 'embed' = 'normal';
+
   activeItem; // 记录用户点击的激活菜单项
   i18nCommonText: I18nInterface['common'];
   i18nSubscription: Subscription;

devui/accordion/accordion.component.ts

@@ -4,5 +4,8 @@
   [restrictOneOpen]="restrictOneOpen"
   (itemClick)="itemClick($event)"
   (menuToggle)="menuToggle($event)"
+  (activeItemChange)="log($event)"
+  [accordionType]="accordionTypeEmbed ? 'embed' : 'normal'"
 ></d-accordion>
 <div class="option"><d-toggle [(ngModel)]="restrictOneOpen"></d-toggle> 限制只能展开一个一级菜单</div>
+<div class="option"><d-toggle [(ngModel)]="accordionTypeEmbed"></d-toggle> 内嵌菜单形式（无阴影）</div>

devui/accordion/demo/basic/basic.component.html

@@ -7,6 +7,7 @@ import { Component } from '@angular/core';
 })
 export class BasicComponent {
   restrictOneOpen = false;
+  accordionTypeEmbed = false;
   menu = [{
     title: '内容一',
     children: [
@@ -63,5 +64,8 @@ export class BasicComponent {
       }, 1000);
     }
   }
+  log(...v) {
+    console.log(...v);
+  }
 
 }

devui/accordion/demo/basic/basic.component.ts

@@ -4,7 +4,7 @@
 </div>
 <div class="menu-wrapper">
   <div>原生超链接（涉及跨站场景使用）</div>
-  <d-accordion [data]="menu2" class="menu" [linkType]="'hrefLink'"></d-accordion>
+  <d-accordion [data]="menu2" class="menu" [linkType]="'hrefLink'" [linkDefaultTarget]="'_self'"></d-accordion>
 </div>
 <div class="menu-wrapper">
   <div>混合链接（部分涉及跨站场景使用）</div>

devui/accordion/demo/link/link.component.html

@@ -25,29 +25,18 @@
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
-      *ngIf="type === 'success'"
-      class="devui-icon devui-icon-success"
+      class="devui-icon"
+      [ngClass]="type === 'danger'? 'devui-icon-error': 'devui-icon-' + type"
     >
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g *ngIf="type === 'success'" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <path fill-rule="nonzero" d="M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"></path>
         <polygon
           stroke-width="0.3"
           fill-rule="nonzero"
           points="6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"
         ></polygon>
       </g>
-    </svg>
-    <svg
-      width="16px"
-      height="16px"
-      viewBox="0 0 16 16"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      *ngIf="type === 'warning'"
-      class="devui-icon devui-icon-warning"
-    >
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g *ngIf="type === 'warning'" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <path
           class="devui-icon-warning-outer"
           d="M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
@@ -59,18 +48,7 @@
           d="M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
         ></path>
       </g>
-    </svg>
-    <svg
-      width="16px"
-      height="16px"
-      viewBox="0 0 16 16"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      *ngIf="type === 'info'"
-      class="devui-icon devui-icon-info"
-    >
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g *ngIf="type === 'info'" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g fill-rule="nonzero">
           <path
             class="devui-icon-info-outer"
@@ -83,18 +61,7 @@
           ></path>
         </g>
       </g>
-    </svg>
-    <svg
-      width="16px"
-      height="16px"
-      viewBox="0 0 16 16"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      *ngIf="type === 'danger'"
-      class="devui-icon devui-icon-error"
-    >
-      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g *ngIf="type === 'danger'" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g fill-rule="nonzero">
           <path
             class="devui-icon-error-outer"

devui/accordion/doc/api.md

@@ -26,9 +26,6 @@ export class AlertComponent {
 
   hide = false;
 
-  constructor() {
-  }
-
   close() {
     this.closeEvent.emit(this);
     this.hide = true;