fix(module:sf): fix button spanLabelFixed is zero value (#242)

ng-alain · Oct 30, 2018 · 1f601e2 · 1f601e2
1 parent fe6d104
commit 1f601e2
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/packages/form/src/sf.component.html b/packages/form/src/sf.component.html
@@ -5,16 +5,16 @@
   <sf-item [formProperty]="rootProperty"></sf-item>
   <ng-container *ngIf="button !== 'none'; else con">
     <nz-form-item [ngClass]="_btn.render.class" class="sf-btns" [fixed-label]="_btn.render.spanLabelFixed">
-      <nz-col class="ant-form-item-control-wrapper" [nzSpan]="_btn.render.grid.span" [nzOffset]="_btn.render.grid.offset"
+      <div nz-col class="ant-form-item-control-wrapper" [nzSpan]="_btn.render.grid.span" [nzOffset]="_btn.render.grid.offset"
               [nzXs]="_btn.render.grid.xs" [nzSm]="_btn.render.grid.sm" [nzMd]="_btn.render.grid.md"
-              [nzLg]="_btn.render.grid.lg" [nzXl]="_btn.render.grid.xl">
+              [nzLg]="_btn.render.grid.lg" [nzXl]="_btn.render.grid.xl" [nzXXl]="_btn.render.grid.xxl">
         <div class="ant-form-item-control">
           <ng-container *ngIf="button; else con">
             <button type="submit" nz-button [nzType]="_btn.submit_type" [disabled]="liveValidate && !valid">{{_btn.submit}}</button>
             <button *ngIf="_btn.reset" (click)="reset(true)" type="button" nz-button [nzType]="_btn.reset_type">{{_btn.reset}}</button>
           </ng-container>
         </div>
-      </nz-col>
+      </div>
     </nz-form-item>
   </ng-container>
 </form>
diff --git a/packages/form/src/sf.component.ts b/packages/form/src/sf.component.ts
@@ -343,7 +343,7 @@ export class SFComponent implements OnInit, OnChanges, OnDestroy {
         };
       }
       // fixed label
-      if (!this._btn.render.spanLabelFixed) {
+      if (this._btn.render.spanLabelFixed == null) {
         this._btn.render.spanLabelFixed = btnUi.spanLabelFixed;
       }
       // 固定标签宽度时，若不指定样式，则默认居中

diff --git a/packages/form/src/widgets/object/object.widget.ts b/packages/form/src/widgets/object/object.widget.ts
@@ -7,18 +7,18 @@ import { FormProperty } from '../../model/form.property';
   selector: 'sf-object',
   template: `
   <ng-container *ngIf="grid; else noGrid">
-    <nz-row [nzGutter]="grid.gutter">
+    <div nz-row [nzGutter]="grid.gutter">
       <ng-container *ngFor="let i of list">
         <ng-container *ngIf="i.property.visible && i.show">
-          <nz-col
+          <div nz-col
             [nzSpan]="i.grid.span" [nzOffset]="i.grid.offset"
             [nzXs]="i.grid.xs" [nzSm]="i.grid.sm" [nzMd]="i.grid.md"
             [nzLg]="i.grid.lg" [nzXl]="i.grid.xl" [nzXXl]="i.grid.xxl">
             <sf-item [formProperty]="i.property" [fixed-label]="i.spanLabelFixed"></sf-item>
-          </nz-col>
+          </div>
         </ng-container>
       </ng-container>
-    </nz-row>
+    </div>
   </ng-container>
   <ng-template #noGrid>
     <ng-container *ngFor="let i of list">

diff --git a/packages/theme/styles/app/delon/form.less b/packages/theme/styles/app/delon/form.less
@@ -87,4 +87,9 @@
       }
     }
   }
+  &__no-error {
+    .ant-form-item {
+      margin-bottom: 8px;
+    }
+  }
 }