dbweb-common/esm5/lib/bill/common-bill/common-bill.component.js

用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, HostBinding } from '@angular/core';
import { BillFieldDataType } from 'dbweb-core';
var CommonBillComponent = /** @class */ (function () {
    function CommonBillComponent() {
        this.hostClass = true;
    }
    /**
     * @return {?}
     */
    CommonBillComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @param {?} fld
     * @return {?}
     */
    CommonBillComponent.prototype.inputType = /**
     * @param {?} fld
     * @return {?}
     */
    function (fld) {
        switch (fld.Type) {
            default:
                return 'text';
            case BillFieldDataType.DATE:
                return 'datetime-local';
            case BillFieldDataType.FLOAT:
            case BillFieldDataType.INT:
                return 'number';
        }
    };
    CommonBillComponent.decorators = [
        { type: Component, args: [{
                    selector: 'common-common-bill',
                    template: "<common-bill #bill>\r\n\t<!-- \u2193\u2193\u2193 0. \u603B\u5916\u6846 \u2193\u2193\u2193 -->\r\n\t<div class=\"bill-main\">\r\n\t\t<!-- \u2193\u2193 1. \u8868\u5355\u5916\u6846 \u2193\u2193 -->\r\n\t\t<div class=\"bill-wrapper mat-elevation-z2\" [formGroup]=\"bill.formGroup\"\r\n\t\t\t*ngIf=\"bill.formGroup\">\r\n\t\t\t<div class=\"bill-title\">{{bill.element.element.title()}}</div>\r\n\t\t\t<!-- \u2193 2.\u5FAA\u73AF\u6BCF\u884C \u2193 -->\r\n\t\t\t<div *ngFor=\"let field of bill.fields\">\r\n\t\t\t\t<!-- 3. \u6BCF\u884C \u2193 -->\r\n\t\t\t\t<div class=\"bill-row\">\r\n\t\t\t\t\t<!-- 3.1 \u6BCF\u884C\u5DE6\u8FB9 \u2193 -->\r\n\t\t\t\t\t<div class=\"row-left\">\r\n\t\t\t\t\t\t{{field.Name}}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<!-- 3.2 \u6BCF\u884C\u53F3\u8FB9 \u2193 -->\r\n\t\t\t\t\t<div class=\"row-right\">\r\n\t\t\t\t\t\t<div class=\"form-wrapper\">\r\n\t\t\t\t\t\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t\t\t\t\t\t<input class=\"outline-input\" matInput\r\n\t\t\t\t\t\t\t\t\t[type]=\"inputType(field)\"\r\n\t\t\t\t\t\t\t\t\t[formControlName]=\"field.Name\"\r\n\t\t\t\t\t\t\t\t\t[readOnly]=\"field.Readonly\"\r\n\t\t\t\t\t\t\t\t\t[ngStyle]=\"{'visibility':field.Hidden?'hidden':''}\"\r\n\t\t\t\t\t\t\t\t\tcommonBillField>\r\n\t\t\t\t\t\t\t</mat-form-field>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</common-bill>",
                    styles: ["@charset \"UTF-8\";.bill-main,.bill-row,.bill-wrapper,.row-left,.row-right{box-sizing:border-box}.bill-main{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 116px)}.bill-title{font:24px bold;margin-left:16px;margin-bottom:16px}.bill-wrapper{width:560px;max-height:calc(100vh - 116px - 48px);padding:16px 0;border-radius:4px;overflow:auto}.bill-row{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;line-height:40px;margin-bottom:16px;font-size:14px}.row-left{width:calc(152px - 24px);text-align:right}.row-right{display:flex;align-items:center;width:408px;box-sizing:border-box}.row-right .outline-input{width:330px;box-sizing:border-box;padding-left:8px}"]
                }] }
    ];
    /** @nocollapse */
    CommonBillComponent.ctorParameters = function () { return []; };
    CommonBillComponent.propDecorators = {
        hostClass: [{ type: HostBinding, args: ['class.common-bill',] }]
    };
    return CommonBillComponent;
}());
export { CommonBillComponent };
if (false) {
    /** @type {?} */
    CommonBillComponent.prototype.hostClass;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWJpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2JpbGwvY29tbW9uLWJpbGwvY29tbW9uLWJpbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRCxPQUFPLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFFdkQ7SUFPQztRQURrQyxjQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ3BDLENBQUM7Ozs7SUFFaEIsc0NBQVE7OztJQUFSLGNBQVksQ0FBQzs7Ozs7SUFDYix1Q0FBUzs7OztJQUFULFVBQVUsR0FBVztRQUNwQixRQUFRLEdBQUcsQ0FBQyxJQUFJLEVBQUU7WUFDakI7Z0JBQ0MsT0FBTyxNQUFNLENBQUM7WUFDZixLQUFLLGlCQUFpQixDQUFDLElBQUk7Z0JBQzFCLE9BQU8sZ0JBQWdCLENBQUM7WUFDekIsS0FBSyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7WUFDN0IsS0FBSyxpQkFBaUIsQ0FBQyxHQUFHO2dCQUN6QixPQUFPLFFBQVEsQ0FBQztTQUNqQjtJQUNGLENBQUM7O2dCQXBCRCxTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsNDRDQUEyQzs7aUJBRTNDOzs7Ozs0QkFFQyxXQUFXLFNBQUMsbUJBQW1COztJQWVqQywwQkFBQztDQUFBLEFBckJELElBcUJDO1NBaEJZLG1CQUFtQjs7O0lBQy9CLHdDQUFtRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJRmllbGQsIEJpbGxGaWVsZERhdGFUeXBlIH0gZnJvbSAnZGJ3ZWItY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1jb21tb24tYmlsbCcsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2NvbW1vbi1iaWxsLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9jb21tb24tYmlsbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tb25CaWxsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbW1vbi1iaWxsJykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHRjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG5cdG5nT25Jbml0KCkge31cclxuXHRpbnB1dFR5cGUoZmxkOiBJRmllbGQpIHtcclxuXHRcdHN3aXRjaCAoZmxkLlR5cGUpIHtcclxuXHRcdFx0ZGVmYXVsdDpcclxuXHRcdFx0XHRyZXR1cm4gJ3RleHQnO1xyXG5cdFx0XHRjYXNlIEJpbGxGaWVsZERhdGFUeXBlLkRBVEU6XHJcblx0XHRcdFx0cmV0dXJuICdkYXRldGltZS1sb2NhbCc7XHJcblx0XHRcdGNhc2UgQmlsbEZpZWxkRGF0YVR5cGUuRkxPQVQ6XHJcblx0XHRcdGNhc2UgQmlsbEZpZWxkRGF0YVR5cGUuSU5UOlxyXG5cdFx0XHRcdHJldHVybiAnbnVtYmVyJztcclxuXHRcdH1cclxuXHR9XHJcbn1cclxuIl19