dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
66 lines • 7.33 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input } from '@angular/core';
var SelectSettingComponent = /** @class */ (function () {
function SelectSettingComponent() {
this.hostClass = true;
}
/**
* @return {?}
*/
SelectSettingComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.data.Options = this.data.Options || [];
if (this.data.Options.length === 0) {
this.data.Options.push((/** @type {?} */ ({ Text: '新的选项', Value: 'val' })));
}
};
/**
* @param {?} idx
* @return {?}
*/
SelectSettingComponent.prototype.add = /**
* @param {?} idx
* @return {?}
*/
function (idx) {
this.data.Options.splice(idx + 1, 0, (/** @type {?} */ ({ Text: '新的选项', Value: 'val' })));
};
/**
* @param {?} idx
* @return {?}
*/
SelectSettingComponent.prototype.remove = /**
* @param {?} idx
* @return {?}
*/
function (idx) {
this.data.Options.splice(idx, 1);
};
SelectSettingComponent.decorators = [
{ type: Component, args: [{
selector: 'common-select-setting',
template: "<div class=\"\u95F4\u8DDD title\">\u6837\u5F0F\u8BBE\u7F6E</div>\r\n<div class=\"\u591A\u9879\u9009\u62E9\">\r\n\t<div class=\"\u95F4\u8DDD\" *ngFor=\"let item of data.Options; let idx = index\">\r\n\t\t<div class=\"title\">\u9009\u9879{{ idx + 1 }}</div>\r\n\t\t<div class=\"\u9009\u9879\">\r\n\t\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t\t<input matInput [(ngModel)]=\"item.Value\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0\" />\r\n\t\t\t</mat-form-field>\r\n\t\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t\t<input matInput [(ngModel)]=\"item.Text\" placeholder=\"\u8BF7\u8F93\u5165\u503C\" />\r\n\t\t\t</mat-form-field>\r\n\t\t\t<mat-icon class=\"\u6DFB\u52A0\" (click)=\"add(idx)\" svgIcon=\"add_circle\"> </mat-icon>\r\n\t\t\t<mat-icon class=\"\u5220\u9664\" (click)=\"remove(idx)\" *ngIf=\"data.Options.length > 1\" svgIcon=\"remove_circle\">\r\n\t\t\t</mat-icon>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"\u5176\u4ED6\u9009\u9879\">\r\n\t\t<span class=\"\u5176\u4ED6\u9879\u6807\u9898 title\">\u5176\u4ED6\u9879\u4E3A</span>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<mat-select [(ngModel)]=\"data.OtherOption\">\r\n\t\t\t\t<mat-option value=\"\">(\u65E0)</mat-option>\r\n\t\t\t\t<mat-option *ngFor=\"let item of data.Options\" [value]=\"item.Value\">\r\n\t\t\t\t\t{{ item.Value }}({{ item.Text }})\r\n\t\t\t\t</mat-option>\r\n\t\t\t</mat-select>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n</div>\r\n",
styles: ["@charset \"UTF-8\";:host{height:100%;display:flex;flex-direction:column;overflow-y:auto}.title{font-size:14px}.\u95F4\u8DDD{margin-bottom:16px}.\u591A\u9879\u9009\u62E9{width:100%;flex-grow:1;overflow-y:auto}.\u9009\u9879{margin-top:4px;display:flex;justify-content:flex-start;align-items:center}.\u9009\u9879 .mat-form-field{width:144px;font-size:12px;margin-right:16px}.\u9009\u9879 .mat-form-field ::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0;vertical-align:bottom;-webkit-transform:translateY(0);transform:translateY(0)}.\u9009\u9879 .mat-form-field ::ng-deep .mat-form-field-infix{border:0;font-size:14px;padding:10px 0;box-sizing:border-box}.\u9009\u9879 .mat-icon{margin-right:8px;cursor:pointer}.\u5176\u4ED6\u9009\u9879{display:flex;justify-content:flex-start;align-items:center}.\u5176\u4ED6\u9009\u9879 .\u5176\u4ED6\u9879\u6807\u9898{margin-right:16px}.\u5176\u4ED6\u9009\u9879 .mat-form-field{width:180px;font-size:12px}.\u5176\u4ED6\u9009\u9879 ::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0}.\u5176\u4ED6\u9009\u9879 ::ng-deep .mat-form-field-infix{border:0;padding:8px 0}.\u5176\u4ED6\u9009\u9879 ::ng-deep .mat-select-arrow-wrapper{display:block}"]
}] }
];
/** @nocollapse */
SelectSettingComponent.ctorParameters = function () { return []; };
SelectSettingComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.select-setting',] }],
data: [{ type: Input }]
};
return SelectSettingComponent;
}());
export { SelectSettingComponent };
if (false) {
/** @type {?} */
SelectSettingComponent.prototype.hostClass;
/** @type {?} */
SelectSettingComponent.prototype.data;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXNldHRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2VsZW1lbnQvc2V0LXByb3BlcnR5LXJlY29yZHZpZXcvY29uZGl0aW9uYWwtdGVtcGxhdGUvc2VsZWN0LXNldHRpbmcvc2VsZWN0LXNldHRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdEU7SUFRQztRQUZxQyxjQUFTLEdBQUcsSUFBSSxDQUFDO0lBRXZDLENBQUM7Ozs7SUFDaEIseUNBQVE7OztJQUFSO1FBQ0MsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQzVDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtZQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsbUJBQUEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBVSxDQUFDLENBQUM7U0FDakU7SUFDRixDQUFDOzs7OztJQUNELG9DQUFHOzs7O0lBQUgsVUFBSSxHQUFXO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLG1CQUFBLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQVUsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7Ozs7O0lBQ0QsdUNBQU07Ozs7SUFBTixVQUFPLEdBQVc7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNsQyxDQUFDOztnQkFwQkQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLDg2Q0FBOEM7O2lCQUU5Qzs7Ozs7NEJBRUMsV0FBVyxTQUFDLHNCQUFzQjt1QkFDbEMsS0FBSzs7SUFjUCw2QkFBQztDQUFBLEFBckJELElBcUJDO1NBaEJZLHNCQUFzQjs7O0lBQ2xDLDJDQUFzRDs7SUFDdEQsc0NBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ1RTZWxlY3RTZXR0aW5nLCBPcHRpb24gfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlL3JlY29yZHZpZXctcGFyYW0nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdjb21tb24tc2VsZWN0LXNldHRpbmcnLFxuXHR0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LXNldHRpbmcuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zZWxlY3Qtc2V0dGluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdFNldHRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdC1zZXR0aW5nJykgaG9zdENsYXNzID0gdHJ1ZTtcblx0QElucHV0KCkgZGF0YTogQ1RTZWxlY3RTZXR0aW5nO1xuXHRjb25zdHJ1Y3RvcigpIHt9XG5cdG5nT25Jbml0KCkge1xuXHRcdHRoaXMuZGF0YS5PcHRpb25zID0gdGhpcy5kYXRhLk9wdGlvbnMgfHwgW107XG5cdFx0aWYgKHRoaXMuZGF0YS5PcHRpb25zLmxlbmd0aCA9PT0gMCkge1xuXHRcdFx0dGhpcy5kYXRhLk9wdGlvbnMucHVzaCh7IFRleHQ6ICfmlrDnmoTpgInpobknLCBWYWx1ZTogJ3ZhbCcgfSBhcyBPcHRpb24pO1xuXHRcdH1cblx0fVxuXHRhZGQoaWR4OiBudW1iZXIpIHtcblx0XHR0aGlzLmRhdGEuT3B0aW9ucy5zcGxpY2UoaWR4ICsgMSwgMCwgeyBUZXh0OiAn5paw55qE6YCJ6aG5JywgVmFsdWU6ICd2YWwnIH0gYXMgT3B0aW9uKTtcblx0fVxuXHRyZW1vdmUoaWR4OiBudW1iZXIpIHtcblx0XHR0aGlzLmRhdGEuT3B0aW9ucy5zcGxpY2UoaWR4LCAxKTtcblx0fVxufVxuIl19