dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
61 lines • 10.8 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input } from '@angular/core';
import { SilderSetting } from '../../../service/recordview-param';
var SliderSettingComponent = /** @class */ (function () {
function SliderSettingComponent() {
this.hostClass = true;
this.upValue = 1;
this.downValue = 50;
this.options = SilderSetting.defaultOptions();
}
Object.defineProperty(SliderSettingComponent.prototype, "inData", {
set: /**
* @param {?} val
* @return {?}
*/
function (val) {
this.data = new SilderSetting(val);
this.options = this.data.toOptions();
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
SliderSettingComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
SliderSettingComponent.decorators = [
{ type: Component, args: [{
selector: 'common-slider-setting',
template: "<div class=\"\u95F4\u8DDD title\">\u6837\u5F0F\u8BBE\u7F6E</div>\r\n<div class=\"\u6ED1\u5757\u9009\u62E9\">\r\n\t<ng5-slider [(value)]=\"downValue\" [(highValue)]=\"upValue\" [options]=\"options\"> </ng5-slider>\r\n</div>\r\n<div class=\"\u8303\u56F4\u8BBE\u7F6E\">\r\n\t<div class=\"\u8303\u56F4\u503C\">\r\n\t\t<span class=\"\u540D\u79F0\">\u8D77\u59CB\u503C</span>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input matInput [(ngModel)]=\"downValue\" />\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"\u8303\u56F4\u503C\">\r\n\t\t<span class=\"\u540D\u79F0\">\u7ED3\u675F\u503C</span>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input matInput [(ngModel)]=\"upValue\" />\r\n\t\t</mat-form-field>\r\n\t</div>\r\n</div>\r\n<!-- \u4E0A\u9650:<input /> \u4E0B\u9650:<input /> -->\r\n<div class=\"\u6ED1\u5757\u503C\">\r\n\t<div class=\"\u8F93\u5165\u6846\">\r\n\t\t<div class=\"\u540D\u79F0\">\u6700\u5C0F\u503C</div>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input\r\n\t\t\t\tmatInput\r\n\t\t\t\t#min\r\n\t\t\t\t[(ngModel)]=\"data.data.Min\"\r\n\t\t\t\t(ngModelChange)=\"data.data.Min = +data.data.Min; options = data.toOptions()\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"\u8F93\u5165\u6846\">\r\n\t\t<div class=\"\u540D\u79F0\">\u6700\u5927\u503C</div>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input\r\n\t\t\t\tmatInput\r\n\t\t\t\t#max\r\n\t\t\t\t[(ngModel)]=\"data.data.Max\"\r\n\t\t\t\t(ngModelChange)=\"data.data.Max = +data.data.Max; options = data.toOptions()\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"\u8F93\u5165\u6846\">\r\n\t\t<div class=\"\u540D\u79F0\">\u6B65\u957F</div>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input\r\n\t\t\t\tmatInput\r\n\t\t\t\t#step\r\n\t\t\t\t[(ngModel)]=\"data.data.Step\"\r\n\t\t\t\t(ngModelChange)=\"\r\n\t\t\t\t\tdata.data.Step = data.data.Step ? +data.data.Step : data.data.Step; options = data.toOptions()\r\n\t\t\t\t\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n\t<div class=\"\u6807\u6CE8\u6A21\u677F\">\r\n\t\t<span class=\"\u540D\u79F0\">\u6807\u6CE8\u6A21\u677F</span>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input\r\n\t\t\t\tmatInput\r\n\t\t\t\tmatInput\r\n\t\t\t\t[(ngModel)]=\"data.data.LabelTemplate\"\r\n\t\t\t\t(ngModelChange)=\"options = data.toOptions()\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t\t<span class=\"\u8BF4\u660E\u6587\u5B57\">\u6B64\u5904\u7528\u4E8E\u8BF4\u660E\u6587\u5B57</span>\r\n\t</div>\r\n\t<div class=\"\u6362\u7B97\u7CFB\u6570\">\r\n\t\t<span class=\"\u540D\u79F0\">\u6362\u7B97\u7CFB\u6570</span>\r\n\t\t<mat-form-field appearance=\"outline\">\r\n\t\t\t<input\r\n\t\t\t\tmatInput\r\n\t\t\t\t#ratio\r\n\t\t\t\t[(ngModel)]=\"data.data.Ratio\"\r\n\t\t\t\t(ngModelChange)=\"data.data.Ratio = data.data.Ratio ? +data.data.Ratio : data.data.Ratio\"\r\n\t\t\t/>\r\n\t\t</mat-form-field>\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"\u6ED1\u5757\u6837\u5F0F\u9009\u62E9 title\">\r\n\t<mat-checkbox class=\"\u6355\u6349\u6807\u6CE8\u70B9\" [(ngModel)]=\"data.data.EnforceStep\" (ngModelChange)=\"options = data.toOptions()\"\r\n\t\t>\u6355\u6349\u6807\u6CE8\u70B9</mat-checkbox\r\n\t>\r\n\t<mat-checkbox [(ngModel)]=\"data.data.PositiveInfinity\" (ngModelChange)=\"options = data.toOptions()\"\r\n\t\t>\u6700\u5927\u503C\u4E3A+\u221E</mat-checkbox\r\n\t>\r\n\t<mat-checkbox [(ngModel)]=\"data.data.NegativeInfinity\" (ngModelChange)=\"options = data.toOptions()\"\r\n\t\t>\u6700\u5C0F\u503C\u4E3A-\u221E</mat-checkbox\r\n\t>\r\n</div>\r\n",
styles: ["@charset \"UTF-8\";:host{width:100%}.\u6ED1\u5757\u9009\u62E9{max-width:386px;width:100%}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-bar{height:4px!important}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-selection{height:6px!important;-webkit-transform:translate(9px,-1px);transform:translate(9px,-1px)}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-pointer{width:14px;height:14px;top:-5px;border-radius:50%!important;-webkit-transform:translateX(9px);transform:translateX(9px)}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-pointer:after{width:12px;height:12px;top:1px;left:1px;border-radius:50%!important}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-pointer.ng5-slider-active:after{background-color:#fff}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-span{font-size:12px}::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-model-high,::ng-deep .\u6ED1\u5757\u9009\u62E9 .ng5-slider .ng5-slider-model-value{-webkit-transform:translateX(9px);transform:translateX(9px)}.title{font-size:14px}.\u95F4\u8DDD{margin-bottom:16px}.\u8303\u56F4\u8BBE\u7F6E{margin:8px 0 0;max-width:386px;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}.\u8303\u56F4\u8BBE\u7F6E .\u8303\u56F4\u503C{width:110px;margin:0 32px 0 0;display:flex}.\u8303\u56F4\u8BBE\u7F6E .\u8303\u56F4\u503C .\u540D\u79F0{font-size:12px;line-height:32px;margin-right:8px}.\u8303\u56F4\u8BBE\u7F6E .\u8303\u56F4\u503C .mat-form-field{max-width:64px;flex-grow:1}.\u6ED1\u5757\u503C{margin:24px 0 0;display:flex;flex-wrap:wrap}.\u6ED1\u5757\u503C .\u8F93\u5165\u6846{width:80px;margin-right:24px}.\u6ED1\u5757\u503C .\u8F93\u5165\u6846 .\u540D\u79F0{font-size:12px;margin-bottom:4px}.\u6ED1\u5757\u503C .\u6807\u6CE8\u6A21\u677F{max-width:240px;margin:10px 32px 0 0;display:flex;flex-wrap:wrap}.\u6ED1\u5757\u503C .\u6807\u6CE8\u6A21\u677F .\u540D\u79F0{font-size:12px;line-height:32px;margin-right:4px}.\u6ED1\u5757\u503C .\u6807\u6CE8\u6A21\u677F .\u8BF4\u660E\u6587\u5B57{font-size:12px;margin:8px 0 0}.\u6ED1\u5757\u503C .\u6807\u6CE8\u6A21\u677F .mat-form-field{max-width:176px;flex-grow:1}.\u6ED1\u5757\u503C .\u6362\u7B97\u7CFB\u6570{width:140px;margin:10px 0 0;display:flex}.\u6ED1\u5757\u503C .\u6362\u7B97\u7CFB\u6570 .\u540D\u79F0{font-size:12px;line-height:32px;margin-right:4px}.\u6ED1\u5757\u503C .\u6362\u7B97\u7CFB\u6570 .mat-form-field{max-width:88px;flex-grow:1}.mat-form-field{width:100%;font-size:12px}.mat-form-field ::ng-deep .mat-form-field-wrapper{margin:0;padding-bottom:0;vertical-align:bottom;-webkit-transform:translateY(0);transform:translateY(0)}.mat-form-field ::ng-deep .mat-form-field-infix{border:0;font-size:14px;padding:10px 0;box-sizing:border-box}.\u6ED1\u5757\u6837\u5F0F\u9009\u62E9{margin:16px 0 0}.\u6ED1\u5757\u6837\u5F0F\u9009\u62E9 .mat-checkbox{margin-right:32px}.\u6ED1\u5757\u6837\u5F0F\u9009\u62E9 .\u6355\u6349\u6807\u6CE8\u70B9{display:block;margin:0 0 16px}"]
}] }
];
/** @nocollapse */
SliderSettingComponent.ctorParameters = function () { return []; };
SliderSettingComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.slider-setting',] }],
inData: [{ type: Input }]
};
return SliderSettingComponent;
}());
export { SliderSettingComponent };
if (false) {
/** @type {?} */
SliderSettingComponent.prototype.hostClass;
/** @type {?} */
SliderSettingComponent.prototype.upValue;
/** @type {?} */
SliderSettingComponent.prototype.downValue;
/** @type {?} */
SliderSettingComponent.prototype.data;
/** @type {?} */
SliderSettingComponent.prototype.options;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXNldHRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2VsZW1lbnQvc2V0LXByb3BlcnR5LXJlY29yZHZpZXcvY29uZGl0aW9uYWwtdGVtcGxhdGUvc2xpZGVyLXNldHRpbmcvc2xpZGVyLXNldHRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdEUsT0FBTyxFQUFFLGFBQWEsRUFBbUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUVuRjtJQWlCQztRQVhxQyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RELFlBQU8sR0FBRyxDQUFDLENBQUM7UUFDWixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBT2YsWUFBTyxHQUFZLGFBQWEsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUVuQyxDQUFDO0lBUmhCLHNCQUFhLDBDQUFNOzs7OztRQUFuQixVQUFvQixHQUFvQjtZQUN2QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN0QyxDQUFDOzs7T0FBQTs7OztJQU9ELHlDQUFROzs7SUFBUixjQUFZLENBQUM7O2dCQW5CYixTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsNC9HQUE4Qzs7aUJBRTlDOzs7Ozs0QkFFQyxXQUFXLFNBQUMsc0JBQXNCO3lCQUdsQyxLQUFLOztJQVdQLDZCQUFDO0NBQUEsQUFwQkQsSUFvQkM7U0FmWSxzQkFBc0I7OztJQUNsQywyQ0FBc0Q7O0lBQ3RELHlDQUFZOztJQUNaLDJDQUFlOztJQUtmLHNDQUFvQjs7SUFFcEIseUNBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJ25nNS1zbGlkZXInO1xuaW1wb3J0IHsgU2lsZGVyU2V0dGluZywgQ1RTaWxkZXJTZXR0aW5nIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZS9yZWNvcmR2aWV3LXBhcmFtJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnY29tbW9uLXNsaWRlci1zZXR0aW5nJyxcblx0dGVtcGxhdGVVcmw6ICcuL3NsaWRlci1zZXR0aW5nLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vc2xpZGVyLXNldHRpbmcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJTZXR0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblx0QEhvc3RCaW5kaW5nKCdjbGFzcy5zbGlkZXItc2V0dGluZycpIGhvc3RDbGFzcyA9IHRydWU7XG5cdHVwVmFsdWUgPSAxO1xuXHRkb3duVmFsdWUgPSA1MDtcblx0QElucHV0KCkgc2V0IGluRGF0YSh2YWw6IENUU2lsZGVyU2V0dGluZykge1xuXHRcdHRoaXMuZGF0YSA9IG5ldyBTaWxkZXJTZXR0aW5nKHZhbCk7XG5cdFx0dGhpcy5vcHRpb25zID0gdGhpcy5kYXRhLnRvT3B0aW9ucygpO1xuXHR9XG5cdGRhdGE6IFNpbGRlclNldHRpbmc7XG5cblx0b3B0aW9uczogT3B0aW9ucyA9IFNpbGRlclNldHRpbmcuZGVmYXVsdE9wdGlvbnMoKTtcblxuXHRjb25zdHJ1Y3RvcigpIHt9XG5cblx0bmdPbkluaXQoKSB7fVxufVxuIl19