fix: add lost elements info

phodal · Apr 4, 2020 · edc80bf · edc80bf
1 parent e52cfa5
commit edc80bf
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 42 deletions.
diff --git a/projects/ledge-render/package.json b/projects/ledge-render/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ledge-framework/render",
- "version": "0.0.2",
+ "version": "0.0.3",
  "description": "Ledge Framework render, a powerful markdown render.",
  "license": "MPL-2.0",
  "repository": "https:/phodal/ledge",

diff --git a/projects/ledge-render/src/lib/chart/ledge-quadrant/ledge-quadrant.component.ts b/projects/ledge-render/src/lib/chart/ledge-quadrant/ledge-quadrant.component.ts
@@ -51,44 +51,40 @@ export class LedgeQuadrantComponent implements OnInit, AfterViewInit {
  ],
  };
 
- const {textValueKey, textValueKey} = this.buildGraphConfig(data, key, graphConfig);
+ const textValue = data.config[key];
+ graphConfig.children[0].style.text = textValue;
+ switch (key) {
+ case 'left':
+ graphConfig.top = 'middle';
+ graphConfig.left = 30;
+ graphConfig.children[0].style.text = '';
+ for (const textValueKey of textValue) {
+ graphConfig.children[0].style.text += textValueKey + '\n';
+ }
+ break;
+ case 'right':
+ graphConfig.top = 'middle';
+ graphConfig.right = 30;
+ graphConfig.children[0].style.text = '';
+ for (const textValueKey of textValue) {
+ graphConfig.children[0].style.text += textValueKey + '\n';
+ }
+ break;
+ case 'bottom':
+ graphConfig.left = 'center';
+ graphConfig.bottom = 30;
+ break;
+ case 'top':
+ graphConfig.left = 'center';
+ graphConfig.top = 30;
+ break;
+ }
+
  graphic.push(graphConfig);
  }
  }
  }
 
- private buildGraphConfig(data, key: string, graphConfig: any) {
- const textValue = data.config[key];
- graphConfig.children[0].style.text = textValue;
- switch (key) {
- case 'left':
- graphConfig.top = 'middle';
- graphConfig.left = 30;
- graphConfig.children[0].style.text = '';
- for (const textValueKey of textValue) {
- graphConfig.children[0].style.text += textValueKey + '\n';
- }
- break;
- case 'right':
- graphConfig.top = 'middle';
- graphConfig.right = 30;
- graphConfig.children[0].style.text = '';
- for (const textValueKey of textValue) {
- graphConfig.children[0].style.text += textValueKey + '\n';
- }
- break;
- case 'bottom':
- graphConfig.left = 'center';
- graphConfig.bottom = 30;
- break;
- case 'top':
- graphConfig.left = 'center';
- graphConfig.top = 30;
- break;
- }
- return {textValueKey, textValueKey};
- }
-
  buildOption(data) {
  if (!data.children) {
  return;
@@ -115,7 +111,10 @@ export class LedgeQuadrantComponent implements OnInit, AfterViewInit {
  this.buildConfig(data, graphic);
 
  return {
- title: {text: data.name, left: 'center',},
+ title: {
+ text: data.name,
+ left: 'center',
+ },
  graphic,
  series: [
  {

diff --git a/projects/ledge-render/src/lib/ledge-render.component.html b/projects/ledge-render/src/lib/ledge-render.component.html
@@ -100,12 +100,12 @@
  </div>
 
  <div *ngSwitchCase="'heading'">
- <h1 *ngIf="item.depth === 1" [innerHTML]="item.text" id="{{item.anchor}}"></h1>
- <h2 *ngIf="item.depth === 2" [innerHTML]="item.text" id="{{item.anchor}}"></h2>
- <h3 *ngIf="item.depth === 3" [innerHTML]="item.text" id="{{item.anchor}}"></h3>
- <h4 *ngIf="item.depth === 4" [innerHTML]="item.text" id="{{item.anchor}}"></h4>
- <h5 *ngIf="item.depth === 5" [innerHTML]="item.text" id="{{item.anchor}}"></h5>
- <h6 *ngIf="item.depth === 6" [innerHTML]="item.text" id="{{item.anchor}}"></h6>
+ <h1 *ngIf="item.depth === 1" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h1>
+ <h2 *ngIf="item.depth === 2" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h2>
+ <h3 *ngIf="item.depth === 3" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h3>
+ <h4 *ngIf="item.depth === 4" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h4>
+ <h5 *ngIf="item.depth === 5" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h5>
+ <h6 *ngIf="item.depth === 6" [innerHTML]="item.text" class="ledge-heading" id="{{item.anchor}}"></h6>
  </div>
 
  <div *ngSwitchCase="'code'">

diff --git a/projects/ledge-render/src/lib/ledge-render.component.ts b/projects/ledge-render/src/lib/ledge-render.component.ts
@@ -284,7 +284,7 @@ export class LedgeRenderComponent implements OnInit, AfterViewInit, OnChanges {
  }
  }
 
- private stringify(str: any) {
+ stringify(str: any) {
  return JSON.stringify(str);
  }
 }