@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160

package/modal/verify-password/verify-password-modal.component.d.ts

@@ -1,18 +1,18 @@
-import { OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { Localization } from '../../localization';
-import { SecurityChecker } from '../../security';
-export declare class VerifyPasswordModalComponent implements OnInit {
-    localization: Localization;
-    private _onClosed;
-    get onClosed(): Observable<Boolean>;
-    passwordError: boolean;
-    password: string;
-    securityChecker: SecurityChecker;
-    validationErrorText: string;
-    constructor(localization: Localization);
-    ngOnInit(): void;
-    validate(): void;
-    checkSecurity(): void;
-    close(modalResult?: boolean): void;
-}
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization';
+import { SecurityChecker } from '../../security';
+export declare class VerifyPasswordModalComponent implements OnInit {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<Boolean>;
+    passwordError: boolean;
+    password: string;
+    securityChecker: SecurityChecker;
+    validationErrorText: string;
+    constructor(localization: Localization);
+    ngOnInit(): void;
+    validate(): void;
+    checkSecurity(): void;
+    close(modalResult?: boolean): void;
+}

package/modal/verify-password/verify-password-modal.component.html

@@ -1,22 +1,22 @@
-<form #verifyPasswordForm="ngForm" novalidate (ngSubmit)="checkSecurity()" bs-modal-drag>
-  <div class="modal-header">
-    <h4 class="modal-title">
-      <span>{{localization.passwordVerify}}</span>
-    </h4>
-    <button type="button" class="close pull-right" aria-label="Close" (click)="close()">
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-  <div class="modal-body">
-    <span class="password-span">{{localization.password}}：
-    </span>
-    <input type="password" name="password" autoFocus class="form-control element-password" [(ngModel)]="password" (keyup)="validate()"
-      autocomplete="off">
-    <span class="help-block text-danger" [hidden]="!passwordError">{{validationErrorText}}</span>
-  </div>
-  <div class="modal-footer">
-    <button type="button" class="btn md-skip btn-cancel" (click)="close()">{{localization.cancel}}
-    </button>
-    <button type="submit" class="btn md-skip btn-primary" [disabled]="passwordError">{{localization.submit}}</button>
-  </div>
-</form>
+<form #verifyPasswordForm="ngForm" novalidate (ngSubmit)="checkSecurity()" bs-modal-drag>
+  <div class="modal-header">
+    <h4 class="modal-title">
+      <span>{{localization.passwordVerify}}</span>
+    </h4>
+    <button type="button" class="close pull-right" aria-label="Close" (click)="close()">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="modal-body">
+    <span class="password-span">{{localization.password}}：
+    </span>
+    <input type="password" name="password" autoFocus class="form-control element-password" [(ngModel)]="password" (keyup)="validate()"
+      autocomplete="off">
+    <span class="help-block text-danger" [hidden]="!passwordError">{{validationErrorText}}</span>
+  </div>
+  <div class="modal-footer">
+    <button type="button" class="btn md-skip btn-cancel" (click)="close()">{{localization.cancel}}
+    </button>
+    <button type="submit" class="btn md-skip btn-primary" [disabled]="passwordError">{{localization.submit}}</button>
+  </div>
+</form>

package/modal/verify-password/verify-password-modal.component.js

@@ -1,66 +1,66 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Inject } from '@angular/core';
-import { Subject } from 'rxjs';
-import { isNil } from 'lodash';
-import { LOCALIZATION } from '../../localization';
-let VerifyPasswordModalComponent = class VerifyPasswordModalComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this._onClosed = new Subject();
-        this.passwordError = false;
-    }
-    get onClosed() {
-        return this._onClosed;
-    }
-    ngOnInit() {
-        this.validate();
-    }
-    validate() {
-        if (isNil(this.password) || '' === this.password.trim()) {
-            this.passwordError = true;
-            this.validationErrorText = this.localization.passwordRequired;
-        }
-        else {
-            this.passwordError = false;
-            this.validationErrorText = '';
-        }
-    }
-    checkSecurity() {
-        this.securityChecker.isValid(this.password).then(isValid => {
-            if (isValid) {
-                this.close(true);
-            }
-            else {
-                this.passwordError = true;
-                this.validationErrorText = this.localization.passwordToolTip;
-            }
-        }).catch(() => {
-            throw new Error('Failure of the checkSecurity');
-        });
-    }
-    close(modalResult) {
-        this._onClosed.next(modalResult);
-        this._onClosed.complete();
-    }
-};
-VerifyPasswordModalComponent = __decorate([
-    Component({
-        selector: 'verify-password',
-        template: "<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ",
-        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } "]
-    }),
-    __param(0, Inject(LOCALIZATION)),
-    __metadata("design:paramtypes", [Object])
-], VerifyPasswordModalComponent);
-export { VerifyPasswordModalComponent };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { isNil } from 'lodash';
+import { LOCALIZATION } from '../../localization';
+let VerifyPasswordModalComponent = class VerifyPasswordModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+        this.passwordError = false;
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    ngOnInit() {
+        this.validate();
+    }
+    validate() {
+        if (isNil(this.password) || '' === this.password.trim()) {
+            this.passwordError = true;
+            this.validationErrorText = this.localization.passwordRequired;
+        }
+        else {
+            this.passwordError = false;
+            this.validationErrorText = '';
+        }
+    }
+    checkSecurity() {
+        this.securityChecker.isValid(this.password).then(isValid => {
+            if (isValid) {
+                this.close(true);
+            }
+            else {
+                this.passwordError = true;
+                this.validationErrorText = this.localization.passwordToolTip;
+            }
+        }).catch(() => {
+            throw new Error('Failure of the checkSecurity');
+        });
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+};
+VerifyPasswordModalComponent = __decorate([
+    Component({
+        selector: 'verify-password',
+        template: "<form #verifyPasswordForm=\"ngForm\" novalidate (ngSubmit)=\"checkSecurity()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.passwordVerify}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"password-span\">{{localization.password}}： </span> <input type=\"password\" name=\"password\" autoFocus class=\"form-control element-password\" [(ngModel)]=\"password\" (keyup)=\"validate()\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!passwordError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"button\" class=\"btn md-skip btn-cancel\" (click)=\"close()\">{{localization.cancel}} </button> <button type=\"submit\" class=\"btn md-skip btn-primary\" [disabled]=\"passwordError\">{{localization.submit}}</button> </div> </form> ",
+        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; color: #fff; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { color: #fff; height: 32px; margin-right: 10px; line-height: 0px } .password-span { color: #7f939e; font-size: 14px; margin-left: 15px; } .btn-cancel { color: #fff; height: 32px; min-width: 71px; margin-right: 6px; background-color: #dddddd; line-height: 0px } .element-password { padding-left: 8px; height: 32px; min-width: 71px; margin-left: 16px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], VerifyPasswordModalComponent);
+export { VerifyPasswordModalComponent };

package/modal/verify-password/verify-password-modal.component.less

@@ -1,65 +1,65 @@
-.modal-header {
-  padding: 10px;
-  border-color: transparent;
-}
-
-.modal-body {
-  position: relative;
-  padding: 0px 5px !important;
-  padding-top: 10px !important;
-}
-
-.modal-title {
-  display: unset;
-  margin-left: -6px;
-  font-size: 16px !important;
-}
-
-.form-control {
-  margin: 0 5%;
-  float: none;
-  width: 90%;
-}
-
-.modal-footer {
-  padding: 10px 4px 20px 5px !important;
-  text-align: right;
-  border-color: transparent;
-  color: #fff;
-}
-
-.text-danger {
-  display: block;
-  color: #ed6b75;
-  font-size: 14px;
-  margin: 5px 0px 0px 15px;
-}
-
-.btn-primary {
-  color: #fff;
-  height: 32px;
-  margin-right: 10px;
-  line-height: 0px
-}
-
-.password-span {
-  color: #7f939e;
-  font-size: 14px;
-  margin-left: 15px;
-}
-
-.btn-cancel {
-  color: #fff;
-  height: 32px;
-  min-width: 71px;
-  margin-right: 6px;
-  background-color: #dddddd;
-  line-height: 0px
-}
-
-.element-password {
-  padding-left: 8px;
-  height: 32px;
-  min-width: 71px;
-  margin-left: 16px;
-}
+.modal-header {
+  padding: 10px;
+  border-color: transparent;
+}
+
+.modal-body {
+  position: relative;
+  padding: 0px 5px !important;
+  padding-top: 10px !important;
+}
+
+.modal-title {
+  display: unset;
+  margin-left: -6px;
+  font-size: 16px !important;
+}
+
+.form-control {
+  margin: 0 5%;
+  float: none;
+  width: 90%;
+}
+
+.modal-footer {
+  padding: 10px 4px 20px 5px !important;
+  text-align: right;
+  border-color: transparent;
+  color: #fff;
+}
+
+.text-danger {
+  display: block;
+  color: #ed6b75;
+  font-size: 14px;
+  margin: 5px 0px 0px 15px;
+}
+
+.btn-primary {
+  color: #fff;
+  height: 32px;
+  margin-right: 10px;
+  line-height: 0px
+}
+
+.password-span {
+  color: #7f939e;
+  font-size: 14px;
+  margin-left: 15px;
+}
+
+.btn-cancel {
+  color: #fff;
+  height: 32px;
+  min-width: 71px;
+  margin-right: 6px;
+  background-color: #dddddd;
+  line-height: 0px
+}
+
+.element-password {
+  padding-left: 8px;
+  height: 32px;
+  min-width: 71px;
+  margin-left: 16px;
+}

package/modal/write-character/write-character-modal-args.d.ts

@@ -1,7 +1,7 @@
-export declare class WriteCharacterModalArgs {
-    variableName: string;
-    isPassword: boolean;
-    charCount: number;
-    originValue: any;
-    constructor(variableName: string, isPassword: boolean, charCount: number, originValue: any);
-}
+export declare class WriteCharacterModalArgs {
+    variableName: string;
+    isPassword: boolean;
+    charCount: number;
+    originValue: any;
+    constructor(variableName: string, isPassword: boolean, charCount: number, originValue: any);
+}

package/modal/write-character/write-character-modal-args.js

@@ -1,8 +1,8 @@
-export class WriteCharacterModalArgs {
-    constructor(variableName, isPassword, charCount, originValue) {
-        this.variableName = variableName;
-        this.isPassword = isPassword;
-        this.charCount = charCount;
-        this.originValue = originValue;
-    }
-}
+export class WriteCharacterModalArgs {
+    constructor(variableName, isPassword, charCount, originValue) {
+        this.variableName = variableName;
+        this.isPassword = isPassword;
+        this.charCount = charCount;
+        this.originValue = originValue;
+    }
+}

package/modal/write-character/write-character-modal.component.d.ts

@@ -1,25 +1,25 @@
-import { OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { Localization } from '../../localization';
-import { WriteValueModelResult } from '../write-value/write-value-model-result';
-import { WriteCharacterModalArgs } from './write-character-modal-args';
-export declare class WriteCharacterModalComponent implements OnInit {
-    localization: Localization;
-    private _onClosed;
-    get onClosed(): Observable<WriteValueModelResult>;
-    args: WriteCharacterModalArgs;
-    value: string;
-    variableName: string;
-    isPassword: boolean;
-    charCount: number;
-    validationError: boolean;
-    validationErrorText: string;
-    get invalidErrorText(): string;
-    constructor(localization: Localization);
-    ngOnInit(): void;
-    validate(): void;
-    private showValidationErrorInfo;
-    private hideValidationErrorInfo;
-    save(): void;
-    close(modalResult?: WriteValueModelResult): void;
-}
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Localization } from '../../localization';
+import { WriteValueModelResult } from '../write-value/write-value-model-result';
+import { WriteCharacterModalArgs } from './write-character-modal-args';
+export declare class WriteCharacterModalComponent implements OnInit {
+    localization: Localization;
+    private _onClosed;
+    get onClosed(): Observable<WriteValueModelResult>;
+    args: WriteCharacterModalArgs;
+    value: string;
+    variableName: string;
+    isPassword: boolean;
+    charCount: number;
+    validationError: boolean;
+    validationErrorText: string;
+    get invalidErrorText(): string;
+    constructor(localization: Localization);
+    ngOnInit(): void;
+    validate(): void;
+    private showValidationErrorInfo;
+    private hideValidationErrorInfo;
+    save(): void;
+    close(modalResult?: WriteValueModelResult): void;
+}

package/modal/write-character/write-character-modal.component.html

@@ -1,21 +1,21 @@
-<form #writeValueForm="ngForm" novalidate (ngSubmit)="save()" bs-modal-drag>
-  <div class="modal-header">
-    <h4 class="modal-title">
-      <span>{{localization.setting}}</span>
-      <span>{{variableName}}</span>
-    </h4>
-    <button type="button" class="close pull-right" aria-label="Close" (click)="close()">
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-  <div class="modal-body">
-    <input type="text" name="characterInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()" *ngIf="!isPassword"
-      autocomplete="off">
-    <input type="password" name="passwordInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()"
-      *ngIf="isPassword" autocomplete="off">
-    <span class="help-block text-danger" [hidden]="!validationError">{{validationErrorText}}</span>
-  </div>
-  <div class="modal-footer">
-    <button type="submit" class="btn md-skip btn-primary btn-block" [disabled]="validationError">{{localization.submit}}</button>
-  </div>
-</form>
+<form #writeValueForm="ngForm" novalidate (ngSubmit)="save()" bs-modal-drag>
+  <div class="modal-header">
+    <h4 class="modal-title">
+      <span>{{localization.setting}}</span>
+      <span>{{variableName}}</span>
+    </h4>
+    <button type="button" class="close pull-right" aria-label="Close" (click)="close()">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="modal-body">
+    <input type="text" name="characterInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()" *ngIf="!isPassword"
+      autocomplete="off">
+    <input type="password" name="passwordInput" autoFocus class="form-control write-character-value" [(ngModel)]="value" (keyup)="validate()"
+      *ngIf="isPassword" autocomplete="off">
+    <span class="help-block text-danger" [hidden]="!validationError">{{validationErrorText}}</span>
+  </div>
+  <div class="modal-footer">
+    <button type="submit" class="btn md-skip btn-primary btn-block" [disabled]="validationError">{{localization.submit}}</button>
+  </div>
+</form>

package/modal/write-character/write-character-modal.component.js

@@ -1,74 +1,74 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Inject, Output } from '@angular/core';
-import { Subject } from 'rxjs';
-import { LOCALIZATION } from '../../localization';
-let WriteCharacterModalComponent = class WriteCharacterModalComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this._onClosed = new Subject();
-    }
-    get onClosed() {
-        return this._onClosed;
-    }
-    get invalidErrorText() {
-        return this.localization.loadFailed;
-    }
-    ngOnInit() {
-        this.variableName = this.args.variableName;
-        this.isPassword = this.args.isPassword ? this.args.isPassword : false;
-        this.charCount = this.args.charCount;
-        this.value = '';
-        this.validate();
-    }
-    validate() {
-        // 校验数值必填
-        if (null == this.value || '' === this.value.trim()) {
-            return this.showValidationErrorInfo(this.localization.characterInputRequired);
-        }
-        if (this.value.length > this.charCount) {
-            return this.showValidationErrorInfo(this.localization.characterOutofRange);
-        }
-        this.hideValidationErrorInfo();
-    }
-    showValidationErrorInfo(errorText) {
-        this.validationError = true;
-        this.validationErrorText = errorText;
-    }
-    hideValidationErrorInfo() {
-        this.validationError = false;
-        this.validationErrorText = '';
-    }
-    save() {
-        this.close({ value: this.value });
-    }
-    close(modalResult) {
-        this._onClosed.next(modalResult);
-        this._onClosed.complete();
-    }
-};
-__decorate([
-    Output(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WriteCharacterModalComponent.prototype, "invalidErrorText", null);
-WriteCharacterModalComponent = __decorate([
-    Component({
-        selector: 'writeCharacterModal',
-        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <input type=\"text\" name=\"characterInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
-        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 10px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .write-character-value { padding-left: 8px; height: 32px; margin-left: 16px; } "]
-    }),
-    __param(0, Inject(LOCALIZATION)),
-    __metadata("design:paramtypes", [Object])
-], WriteCharacterModalComponent);
-export { WriteCharacterModalComponent };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Inject, Output } from '@angular/core';
+import { Subject } from 'rxjs';
+import { LOCALIZATION } from '../../localization';
+let WriteCharacterModalComponent = class WriteCharacterModalComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this._onClosed = new Subject();
+    }
+    get onClosed() {
+        return this._onClosed;
+    }
+    get invalidErrorText() {
+        return this.localization.loadFailed;
+    }
+    ngOnInit() {
+        this.variableName = this.args.variableName;
+        this.isPassword = this.args.isPassword ? this.args.isPassword : false;
+        this.charCount = this.args.charCount;
+        this.value = '';
+        this.validate();
+    }
+    validate() {
+        // 校验数值必填
+        if (null == this.value || '' === this.value.trim()) {
+            return this.showValidationErrorInfo(this.localization.characterInputRequired);
+        }
+        if (this.value.length > this.charCount) {
+            return this.showValidationErrorInfo(this.localization.characterOutofRange);
+        }
+        this.hideValidationErrorInfo();
+    }
+    showValidationErrorInfo(errorText) {
+        this.validationError = true;
+        this.validationErrorText = errorText;
+    }
+    hideValidationErrorInfo() {
+        this.validationError = false;
+        this.validationErrorText = '';
+    }
+    save() {
+        this.close({ value: this.value });
+    }
+    close(modalResult) {
+        this._onClosed.next(modalResult);
+        this._onClosed.complete();
+    }
+};
+__decorate([
+    Output(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], WriteCharacterModalComponent.prototype, "invalidErrorText", null);
+WriteCharacterModalComponent = __decorate([
+    Component({
+        selector: 'writeCharacterModal',
+        template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <input type=\"text\" name=\"characterInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
+        styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 10px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .write-character-value { padding-left: 8px; height: 32px; margin-left: 16px; } "]
+    }),
+    __param(0, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [Object])
+], WriteCharacterModalComponent);
+export { WriteCharacterModalComponent };