chore(release): release 17.1.0 (#351)

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>`^16.0.0`</font>
+Now supports Angular <font color=red>`^17.0.0`</font>
 
 ## Getting Started
 

README_zh_CN.md

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

devui/auto-complete/demo/disabled/auto-complete-demo-disable.component.html

@@ -32,6 +32,7 @@
         [disabledKey]="'disable'"
         [source]="languages1"
         [formatter]="formatter"
+        [valueParser]="valueParser"
         dAutoComplete
         [tipsText]="'search result'"
       />

devui/auto-complete/demo/disabled/auto-complete-demo-disable.component.ts

@@ -47,4 +47,8 @@ export class AutoDemoDisableComponent {
   formatter(item) {
     return item.name;
   }
+
+  valueParser(item) {
+    return item.name;
+  }
 }

devui/avatar/avatar.component.ts

@@ -108,7 +108,11 @@ export class AvatarComponent implements OnChanges, OnInit {
       }
     }
     if (width < 30) {
-      this.nameDisplay = this.name.substr(0, 1).toUpperCase();
+      if (/^[\u4e00-\u9fa5]/.test(name)) {
+        this.nameDisplay = name.substr(name.length - 1, 1);
+      } else {
+        this.nameDisplay = this.name.substr(0, 1).toUpperCase();
+      }
     }
     this.getBackgroundColor(name.substr(0, 1));
   }

devui/avatar/avatar.spec.ts

@@ -51,7 +51,7 @@ describe('avatar basic', () => {
         component.comp.setDisplayName(component.name, component.width);
         fixture.detectChanges();
 
-        expect(nativeEl.textContent).toBe(component.name.substr(0, 1));
+        expect(nativeEl.textContent).toBe(component.name.substr(component.name.length - 1, 1));
       });
 
       it('one word name pick first two character', () => {

devui/breadcrumb/breadcrumb-item/breadcrumb-item.component.html

@@ -11,17 +11,16 @@
     <ng-template [ngTemplateOutlet]="breadcrumbContentTpl"></ng-template>
     <i class="devui-breadcrumb-down-icon">
       <svg
-        width="1em"
-        height="1em"
+        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"
       >
         <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
           <path
-            d="M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z"
-            fill-rule="nonzero"
+            d="M3.64644661,5.64644661 C3.82001296,5.47288026 4.08943736,5.45359511 4.2843055,5.58859116 L4.35355339,5.64644661 L8,9.293 L11.6464466,5.64644661 C11.820013,5.47288026 12.0894374,5.45359511 12.2843055,5.58859116 L12.3535534,5.64644661 C12.5271197,5.82001296 12.5464049,6.08943736 12.4114088,6.2843055 L12.3535534,6.35355339 L8.35355339,10.3535534 C8.17998704,10.5271197 7.91056264,10.5464049 7.7156945,10.4114088 L7.64644661,10.3535534 L3.64644661,6.35355339 C3.45118446,6.15829124 3.45118446,5.84170876 3.64644661,5.64644661 Z"
           ></path>
         </g>
       </svg>

devui/breadcrumb/breadcrumb-item/breadcrumb-item.component.scss

@@ -2,8 +2,12 @@
 @import '../../style/core/_font';
 @import '../../style/core/animation';
 
+:host {
+  display: inline-flex;
+}
+
 .devui-breadcrumb-font-style {
-  font-size: $devui-font-size-sm;
+  font-size: $devui-font-size;
   color: $devui-aide-text;
 }
 
@@ -136,6 +140,11 @@ d-search {
   ::ng-deep a,
   ::ng-deep span {
     transition: color $devui-animation-duration-slow $devui-animation-ease-in-out-smooth;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    max-width: 440px;
   }
 }
 

devui/breadcrumb/breadcrumb.component.scss

@@ -2,7 +2,7 @@
 
 :host {
   display: flex;
-  -webkit-align-items: center;
+  align-items: center;
   min-height: 28px;
 
   ::ng-deep d-breadcrumb-item:last-child {

devui/breadcrumb/demo/custom/custom.component.html

@@ -31,7 +31,7 @@ <h4>Use Custom Dropdown Behavior</h4>
         <span>{{ item.label }}</span>
         <i
           *ngIf="item.showMenu"
-          class="icon icon-select-arrow devui-icon-rotate"
+          class="icon icon-chevron-down-2 devui-icon-rotate"
           [style.transform]="dropdownInstance?.isOpen ? 'rotate(180deg)' : 'rotate(0deg)'"
         ></i>
       </a>