feat(moulde:*): add global config

NG-NEST · Jul 12, 2020 · 7c4555d · 7c4555d
1 parent 0d3ebc2
commit 7c4555d
Show file tree

Hide file tree

Showing 43 changed files with 382 additions and 172 deletions.
diff --git a/lib/ng-nest/ui/container/aside.component.ts b/lib/ng-nest/ui/container/aside.component.ts
@@ -1,5 +1,6 @@
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, HostBinding } from '@angular/core';
 import { XAsidePrefix, XAsideProperty } from './container.property';
+import { XConfigService } from '@ng-nest/ui/core';
 
 @Component({
   selector: `${XAsidePrefix}`,
@@ -13,7 +14,7 @@ export class XAsideComponent extends XAsideProperty {
     return this.width;
   }
 
-  constructor(private renderer: Renderer2, private elementRef: ElementRef) {
+  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {
     super();
     this.renderer.addClass(this.elementRef.nativeElement, XAsidePrefix);
   }

diff --git a/lib/ng-nest/ui/container/container.component.ts b/lib/ng-nest/ui/container/container.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef, Input, SimpleChanges } from '@angular/core';
 import { XContainerPrefix, XContainerProperty } from './container.property';
-import { XDirection } from '@ng-nest/ui/core';
+import { XDirection, XConfigService } from '@ng-nest/ui/core';
 
 @Component({
   selector: `${XContainerPrefix}`,
@@ -21,7 +21,7 @@ export class XContainerComponent extends XContainerProperty implements OnInit {
     }
   }
 
-  constructor(private renderer: Renderer2, private elementRef: ElementRef) {
+  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {
     super();
     this.renderer.addClass(this.elementRef.nativeElement, XContainerPrefix);
   }

diff --git a/lib/ng-nest/ui/container/container.property.ts b/lib/ng-nest/ui/container/container.property.ts
@@ -1,4 +1,4 @@
-import { XDirection, XProperty, XNumber } from '@ng-nest/ui/core';
+import { XDirection, XProperty, XNumber, XWithConfig } from '@ng-nest/ui/core';
 import { Input, Component } from '@angular/core';
 
 /**
@@ -17,7 +17,7 @@ export class XContainerProperty extends XProperty {
    * flex 布局下的子元素排列方向
    * @description 子元素中有 x-header 或 x-footer 时为 column
    */
-  @Input() direction: XDirection;
+  @Input() @XWithConfig<XDirection>() direction: XDirection;
 }
 
 /**
@@ -35,7 +35,7 @@ export class XHeaderProperty extends XProperty {
   /**
    * 高度，rem
    */
-  @Input() height: XNumber = 3;
+  @Input() @XWithConfig<number>(3) height: number;
 }
 
 /**
@@ -53,7 +53,7 @@ export class XAsideProperty extends XProperty {
   /**
    * 宽度，rem
    */
-  @Input() width: XNumber = 12;
+  @Input() @XWithConfig<number>(12) width: number;
 }
 
 /**
@@ -78,5 +78,5 @@ export class XFooterProperty extends XProperty {
   /**
    * 高度，rem
    */
-  @Input() height: XNumber = 3;
+  @Input() @XWithConfig<number>(3) height: XNumber = 3;
 }
diff --git a/lib/ng-nest/ui/container/footer.component.ts b/lib/ng-nest/ui/container/footer.component.ts
@@ -11,6 +11,7 @@ import {
 } from '@angular/core';
 import { XFooterPrefix, XFooterProperty } from './container.property';
 import { XContainerComponent } from './container.component';
+import { XConfigService } from '@ng-nest/ui/core';
 
 @Component({
   selector: `${XFooterPrefix}`,
@@ -23,7 +24,12 @@ export class XFooterComponent extends XFooterProperty implements OnInit {
   @HostBinding(`style.height.rem`) get getHeight() {
     return this.height;
   }
-  constructor(@Optional() @Host() public container: XContainerComponent, private renderer: Renderer2, private elementRef: ElementRef) {
+  constructor(
+    @Optional() @Host() public container: XContainerComponent,
+    private renderer: Renderer2,
+    private elementRef: ElementRef,
+    public configService: XConfigService
+  ) {
     super();
     this.renderer.addClass(this.elementRef.nativeElement, XFooterPrefix);
   }

diff --git a/lib/ng-nest/ui/container/header.component.ts b/lib/ng-nest/ui/container/header.component.ts
@@ -11,6 +11,7 @@ import {
 } from '@angular/core';
 import { XHeaderPrefix, XHeaderProperty } from './container.property';
 import { XContainerComponent } from './container.component';
+import { XConfigService } from '@ng-nest/ui/core';
 
 @Component({
   selector: `${XHeaderPrefix}`,
@@ -24,7 +25,12 @@ export class XHeaderComponent extends XHeaderProperty implements OnInit {
     return this.height;
   }
 
-  constructor(@Optional() @Host() public container: XContainerComponent, private renderer: Renderer2, private elementRef: ElementRef) {
+  constructor(
+    @Optional() @Host() public container: XContainerComponent,
+    private renderer: Renderer2,
+    private elementRef: ElementRef,
+    public configService: XConfigService
+  ) {
     super();
     this.renderer.addClass(this.elementRef.nativeElement, XHeaderPrefix);
   }

diff --git a/lib/ng-nest/ui/container/main.component.ts b/lib/ng-nest/ui/container/main.component.ts
@@ -1,5 +1,6 @@
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';
 import { XMainPrefix } from './container.property';
+import { XConfigService } from '@ng-nest/ui/core';
 
 @Component({
   selector: `${XMainPrefix}`,
@@ -9,7 +10,7 @@ import { XMainPrefix } from './container.property';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class XMainComponent {
-  constructor(private renderer: Renderer2, private elementRef: ElementRef) {
+  constructor(private renderer: Renderer2, private elementRef: ElementRef, public configService: XConfigService) {
     this.renderer.addClass(this.elementRef.nativeElement, XMainPrefix);
   }
 }