[新增] auto-display组件支持modeled-graph，关联了@4379

src/app/for-internal/demo/pc/assets/demo.common.css

@@ -1,18 +1,19 @@
-.demo-options .demo-options-item {
-    display: flex;
-    align-items: center;
-    margin-bottom: 5px;
-}
-
-.demo-options .demo-options-item>span:first-of-type {
-    margin-right: 5px;
-}
-
-.demo-options .demo-options-item>span:not(:first-of-type) {
-    padding-left: 10px;
-}
-
-.demo-options .demo-options-item>*[class^="jigsaw-"]:not(:first-child),
-.demo-options .demo-options-item>*[class^="j-"]:not(:first-child) {
-    margin-left: 5px;
+.demo-options .demo-options-item {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-bottom: 5px;
+}
+
+.demo-options .demo-options-item>span:first-of-type {
+    margin-right: 5px;
+}
+
+.demo-options .demo-options-item>span:not(:first-of-type) {
+    padding-left: 10px;
+}
+
+.demo-options .demo-options-item>*[class^="jigsaw-"]:not(:first-child),
+.demo-options .demo-options-item>*[class^="j-"]:not(:first-child) {
+    margin-left: 5px;
 }

src/app/for-internal/demo/pc/auto-display/basic/demo.component.html

@@ -1,28 +1,28 @@
-<!-- ignore the following lines, they are not important to this demo -->
-<jigsaw-demo-description [summary]="summary" [content]="description">
-</jigsaw-demo-description>
-
-<jigsaw-header [level]="1">Auto-display</jigsaw-header>
-<ul class="demo-options">
-    <li class="demo-options-item">
-        <span>数据控制</span>
-        <jigsaw-button (click)="clearData()">清空数据</jigsaw-button>
-        <jigsaw-button (click)="addTableData()">添加表格</jigsaw-button>
-        <jigsaw-button (click)="addBarGraph()">添加柱状图</jigsaw-button>
-        <jigsaw-button (click)="addStackGraph()">添加堆叠区域图</jigsaw-button>
-        <jigsaw-button (click)="addPieGraph()">添加饼图</jigsaw-button>
-        <jigsaw-button (click)="addGaugeGraph()">添加仪表盘</jigsaw-button>
-    </li>
-    <li class="demo-options-item">
-        <span>数据删除</span>
-        <div class="data-tags">
-            <jigsaw-tag *ngFor="let item of data; let i = index" [closable]="true" (close)="removeData(i)">数据源 - {{i +
-                1}}</jigsaw-tag>
-        </div>
-    </li>
-</ul>
-
-<jigsaw-header>基本用法</jigsaw-header>
-<div class="demo-container">
-    <jigsaw-auto-display #autoDisplay [data]="data"></jigsaw-auto-display>
+<!-- ignore the following lines, they are not important to this demo -->
+<jigsaw-demo-description [summary]="summary" [content]="description">
+</jigsaw-demo-description>
+
+<jigsaw-header [level]="1">Auto-display</jigsaw-header>
+<ul class="demo-options">
+    <li class="demo-options-item">
+        <span>数据控制</span>
+        <jigsaw-button (click)="clearData()">清空数据</jigsaw-button>
+        <jigsaw-button (click)="addTableData()">添加表格</jigsaw-button>
+        <jigsaw-button (click)="addBarGraph()">添加柱状图</jigsaw-button>
+        <jigsaw-button (click)="addStackGraph()">添加堆叠区域图</jigsaw-button>
+        <jigsaw-button (click)="addPieGraph()">添加饼图</jigsaw-button>
+        <jigsaw-button (click)="addGaugeGraph()">添加仪表盘</jigsaw-button>
+    </li>
+    <li class="demo-options-item">
+        <span>数据删除</span>
+        <div class="data-tags">
+            <jigsaw-tag *ngFor="let item of data; let i = index" [closable]="true" (close)="removeData(i)">数据源 - {{i +
+                1}}</jigsaw-tag>
+        </div>
+    </li>
+</ul>
+
+<jigsaw-header>基本用法</jigsaw-header>
+<div class="demo-container">
+    <jigsaw-auto-display #autoDisplay [data]="data"></jigsaw-auto-display>
 </div>