dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
52 lines • 10.3 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';
export class SliderSettingComponent {
constructor() {
this.hostClass = true;
this.upValue = 1;
this.downValue = 50;
this.options = SilderSetting.defaultOptions();
}
/**
* @param {?} val
* @return {?}
*/
set inData(val) {
this.data = new SilderSetting(val);
this.options = this.data.toOptions();
}
/**
* @return {?}
*/
ngOnInit() { }
}
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 = () => [];
SliderSettingComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.slider-setting',] }],
inData: [{ type: Input }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXNldHRpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2VsZW1lbnQvc2V0LXByb3BlcnR5LXJlY29yZHZpZXcvY29uZGl0aW9uYWwtdGVtcGxhdGUvc2xpZGVyLXNldHRpbmcvc2xpZGVyLXNldHRpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFdEUsT0FBTyxFQUFFLGFBQWEsRUFBbUIsTUFBTSxtQ0FBbUMsQ0FBQztBQU9uRixNQUFNLE9BQU8sc0JBQXNCO0lBWWxDO1FBWHFDLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEQsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFPZixZQUFPLEdBQVksYUFBYSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBRW5DLENBQUM7Ozs7O0lBUmhCLElBQWEsTUFBTSxDQUFDLEdBQW9CO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7Ozs7SUFPRCxRQUFRLEtBQUksQ0FBQzs7O1lBbkJiLFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyw0L0dBQThDOzthQUU5Qzs7Ozs7d0JBRUMsV0FBVyxTQUFDLHNCQUFzQjtxQkFHbEMsS0FBSzs7OztJQUhOLDJDQUFzRDs7SUFDdEQseUNBQVk7O0lBQ1osMkNBQWU7O0lBS2Ysc0NBQW9COztJQUVwQix5Q0FBa0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSAnbmc1LXNsaWRlcic7XG5pbXBvcnQgeyBTaWxkZXJTZXR0aW5nLCBDVFNpbGRlclNldHRpbmcgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlL3JlY29yZHZpZXctcGFyYW0nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdjb21tb24tc2xpZGVyLXNldHRpbmcnLFxuXHR0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLXNldHRpbmcuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9zbGlkZXItc2V0dGluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlclNldHRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLnNsaWRlci1zZXR0aW5nJykgaG9zdENsYXNzID0gdHJ1ZTtcblx0dXBWYWx1ZSA9IDE7XG5cdGRvd25WYWx1ZSA9IDUwO1xuXHRASW5wdXQoKSBzZXQgaW5EYXRhKHZhbDogQ1RTaWxkZXJTZXR0aW5nKSB7XG5cdFx0dGhpcy5kYXRhID0gbmV3IFNpbGRlclNldHRpbmcodmFsKTtcblx0XHR0aGlzLm9wdGlvbnMgPSB0aGlzLmRhdGEudG9PcHRpb25zKCk7XG5cdH1cblx0ZGF0YTogU2lsZGVyU2V0dGluZztcblxuXHRvcHRpb25zOiBPcHRpb25zID0gU2lsZGVyU2V0dGluZy5kZWZhdWx0T3B0aW9ucygpO1xuXG5cdGNvbnN0cnVjdG9yKCkge31cblxuXHRuZ09uSW5pdCgpIHt9XG59XG4iXX0=