dbweb-common
Version:
用`yarn add dbweb-common`安装,不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
161 lines • 11 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, HostBinding, Output, EventEmitter } from '@angular/core';
import { IndexService, CardType } from '../index.service';
export class MoreVertComponent {
/**
* @param {?} svr
*/
constructor(svr) {
this.svr = svr;
this.hostClass = true;
// typeName: CardType;
// theNavSize: CardSize;
this.subMenuClick = new EventEmitter();
this._disShow = false;
}
/**
* @param {?} val
* @return {?}
*/
set typeName(val) {
this._typeName = val;
}
/**
* @return {?}
*/
get typeName() {
return this._typeName;
}
/**
* @param {?} val
* @return {?}
*/
set theNavSize(val) {
this._theNavSize = val;
}
/**
* @return {?}
*/
get theNavSize() {
return this._theNavSize;
}
/**
* @param {?} val
* @return {?}
*/
set disElements(val) {
this._disElements = val;
}
/**
* @return {?}
*/
get disElements() {
return this._disElements;
}
/**
* @param {?} val
* @return {?}
*/
set disShow(val) {
this._disShow = val;
}
/**
* @return {?}
*/
get disShow() {
return this._disShow;
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @param {?} sz
* @return {?}
*/
changeSize(sz) {
this.theNavSize = sz;
this.svr.userSetting.Cards.find((/**
* @param {?} x
* @return {?}
*/
x => x.Type === this.typeName)).Size = this.theNavSize;
this.svr.updateSetting().subscribe((/**
* @return {?}
*/
() => {
console.log(this.svr.userSetting.Cards);
}));
}
/**
* @param {?} cardName
* @return {?}
*/
removeCard(cardName) {
/** @type {?} */
const arr = this.svr.userSetting.Cards;
this.svr.userSetting.Cards = arr.filter((/**
* @param {?} item
* @return {?}
*/
(item) => item.Type !== cardName));
}
/**
* @param {?} i
* @return {?}
*/
removeEle(i) {
this.subMenuClick.emit(i);
}
}
MoreVertComponent.decorators = [
{ type: Component, args: [{
selector: 'common-more-vert',
template: "<div class=\"dot\">\r\n\t<button mat-button [matMenuTriggerFor]=\"dot\">\r\n\t\t<mat-icon svgIcon=\"more_vert\"></mat-icon>\r\n\t</button>\r\n</div>\r\n\r\n<mat-menu #dot=\"matMenu\" class=\"dotDot\">\r\n\t<button mat-menu-item [matMenuTriggerFor]=\"optionSelect\" *ngIf=\"disShow\">\r\n\t\t<mat-icon svgIcon=\"spellcheck\"></mat-icon>\u9009\u62E9\u6E90\r\n\t</button>\r\n\t<button mat-menu-item [matMenuTriggerFor]=\"optionSize\">\r\n\t\t<mat-icon svgIcon=\"arrow_expand\"></mat-icon>\u5C3A\u5BF8\r\n\t</button>\r\n\t<button mat-menu-item (click)=\"removeCard(typeName)\">\r\n\t\t<mat-icon svgIcon=\"delete_outline\"></mat-icon>\u79FB\u9664\u6A21\u5757\r\n\t</button>\r\n\r\n</mat-menu>\r\n\r\n<mat-menu #optionSelect=\"matMenu\">\r\n\t<button mat-menu-item *ngFor=\"let ele of disElements;let i = index\"\r\n\t\t(click)=\"removeEle(i)\">\r\n\t\t<mat-icon color=\"warn\" class=\"remove-circle\" svgIcon=\"remove_circle\">\r\n\t\t</mat-icon>\r\n\t\t<span>{{ele.title()}}</span>\r\n\t</button>\r\n</mat-menu>\r\n\r\n<mat-menu #optionSize=\"matMenu\" class=\"dotDot\">\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'lg' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('lg')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='lg'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>100%\u5BBD</span>\r\n\t</button>\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'md' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('md')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='md'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>2/3\u5BBD</span>\r\n\t</button>\r\n\t<button mat-menu-item [ngClass]=\"theNavSize === 'sm' ? 'pitched' : ''\"\r\n\t\t(click)=\"changeSize('sm')\">\r\n\t\t<mat-icon [svgIcon]=\"theNavSize==='sm'?'done':''\">\r\n\t\t</mat-icon>\r\n\t\t<span>1/3\u5BBD</span>\r\n\t</button>\r\n</mat-menu>",
styles: [".dot{width:100%;height:100%}"]
}] }
];
/** @nocollapse */
MoreVertComponent.ctorParameters = () => [
{ type: IndexService }
];
MoreVertComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-more-vert',] }],
subMenuClick: [{ type: Output }],
typeName: [{ type: Input }],
theNavSize: [{ type: Input }],
disElements: [{ type: Input }],
disShow: [{ type: Input }]
};
if (false) {
/** @type {?} */
MoreVertComponent.prototype.hostClass;
/** @type {?} */
MoreVertComponent.prototype.subMenuClick;
/**
* @type {?}
* @private
*/
MoreVertComponent.prototype._typeName;
/**
* @type {?}
* @private
*/
MoreVertComponent.prototype._theNavSize;
/**
* @type {?}
* @private
*/
MoreVertComponent.prototype._disElements;
/**
* @type {?}
* @private
*/
MoreVertComponent.prototype._disShow;
/** @type {?} */
MoreVertComponent.prototype.svr;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9yZS12ZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9tb3JlLXZlcnQvbW9yZS12ZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUYsT0FBTyxFQUFFLFlBQVksRUFBWSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQU9wRSxNQUFNLE9BQU8saUJBQWlCOzs7O0lBd0M3QixZQUFtQixHQUFpQjtRQUFqQixRQUFHLEdBQUgsR0FBRyxDQUFjO1FBdkNJLGNBQVMsR0FBRyxJQUFJLENBQUM7OztRQUcvQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUE0QnBDLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFRYyxDQUFDOzs7OztJQWpDeEMsSUFBYSxRQUFRLENBQUMsR0FBYTtRQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsSUFBSSxRQUFRO1FBQ1gsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3ZCLENBQUM7Ozs7O0lBR0QsSUFBYSxVQUFVLENBQUMsR0FBYTtRQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQztJQUN4QixDQUFDOzs7O0lBQ0QsSUFBSSxVQUFVO1FBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBS0QsSUFBYSxXQUFXLENBQUMsR0FBTztRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQztJQUN6QixDQUFDOzs7O0lBQ0QsSUFBSSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzFCLENBQUM7Ozs7O0lBRUQsSUFBYSxPQUFPLENBQUMsR0FBWTtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQztJQUNyQixDQUFDOzs7O0lBQ0QsSUFBSSxPQUFPO1FBQ1YsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3RCLENBQUM7Ozs7SUFJRCxRQUFRLEtBQUksQ0FBQzs7Ozs7SUFDYixVQUFVLENBQUMsRUFBWTtRQUN0QixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSTs7OztRQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsUUFBUSxFQUFDLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDdEYsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTOzs7UUFBQyxHQUFHLEVBQUU7WUFDdkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QyxDQUFDLEVBQUMsQ0FBQztJQUNKLENBQUM7Ozs7O0lBQ0QsVUFBVSxDQUFDLFFBQWdCOztjQUNwQixHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSztRQUN0QyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLE1BQU07Ozs7UUFBQyxDQUFDLElBQVMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUMsQ0FBQztJQUNoRixDQUFDOzs7OztJQUNELFNBQVMsQ0FBQyxDQUFDO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7O1lBN0RELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixteERBQXlDOzthQUV6Qzs7OztZQU5RLFlBQVk7Ozt3QkFRbkIsV0FBVyxTQUFDLHlCQUF5QjsyQkFHckMsTUFBTTt1QkFHTixLQUFLO3lCQVNMLEtBQUs7MEJBVUwsS0FBSztzQkFPTCxLQUFLOzs7O0lBaENOLHNDQUF5RDs7SUFHekQseUNBQTRDOzs7OztJQUU1QyxzQ0FBNEI7Ozs7O0lBUzVCLHdDQUE4Qjs7Ozs7SUFVOUIseUNBQXlCOzs7OztJQU96QixxQ0FBeUI7O0lBUWIsZ0NBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWxlbWVudCB9IGZyb20gJ2Rid2ViLWNvcmUnO1xyXG5pbXBvcnQgeyBJbmRleFNlcnZpY2UsIENhcmRTaXplLCBDYXJkVHlwZSB9IGZyb20gJy4uL2luZGV4LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjb21tb24tbW9yZS12ZXJ0JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vbW9yZS12ZXJ0LmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9tb3JlLXZlcnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTW9yZVZlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MuYy1pbmRleC1tb3JlLXZlcnQnKSBob3N0Q2xhc3MgPSB0cnVlO1xyXG5cdC8vIHR5cGVOYW1lOiBDYXJkVHlwZTtcclxuXHQvLyB0aGVOYXZTaXplOiBDYXJkU2l6ZTtcclxuXHRAT3V0cHV0KCkgc3ViTWVudUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cdC8vIOWtkOe7hOS7tuS8oOWAvCDljaHniYflkI3np7BcclxuXHRwcml2YXRlIF90eXBlTmFtZTogQ2FyZFR5cGU7XHJcblx0QElucHV0KCkgc2V0IHR5cGVOYW1lKHZhbDogQ2FyZFR5cGUpIHtcclxuXHRcdHRoaXMuX3R5cGVOYW1lID0gdmFsO1xyXG5cdH1cclxuXHJcblx0Z2V0IHR5cGVOYW1lKCkge1xyXG5cdFx0cmV0dXJuIHRoaXMuX3R5cGVOYW1lO1xyXG5cdH1cclxuXHQvLyDlrZDnu4Tku7bkvKDlgLwg5Y2h54mH5bC65a+4IDEwMCUgfCAgMi8zICB8IDEvM1xyXG5cdHByaXZhdGUgX3RoZU5hdlNpemU6IENhcmRTaXplO1xyXG5cdEBJbnB1dCgpIHNldCB0aGVOYXZTaXplKHZhbDogQ2FyZFNpemUpIHtcclxuXHRcdHRoaXMuX3RoZU5hdlNpemUgPSB2YWw7XHJcblx0fVxyXG5cdGdldCB0aGVOYXZTaXplKCkge1xyXG5cdFx0cmV0dXJuIHRoaXMuX3RoZU5hdlNpemU7XHJcblx0fVxyXG5cdC8vIOaYr+WQpuaYvuekuuKAnTEvM+KAnFxyXG5cclxuXHQvLyDlrZDnu4Tku7bkvKDlgLwg5LqM57qn6I+c5Y2V5b6q546vXHJcblx0cHJpdmF0ZSBfZGlzRWxlbWVudHM6IFtdO1xyXG5cdEBJbnB1dCgpIHNldCBkaXNFbGVtZW50cyh2YWw6IFtdKSB7XHJcblx0XHR0aGlzLl9kaXNFbGVtZW50cyA9IHZhbDtcclxuXHR9XHJcblx0Z2V0IGRpc0VsZW1lbnRzKCkge1xyXG5cdFx0cmV0dXJuIHRoaXMuX2Rpc0VsZW1lbnRzO1xyXG5cdH1cclxuXHRwcml2YXRlIF9kaXNTaG93ID0gZmFsc2U7XHJcblx0QElucHV0KCkgc2V0IGRpc1Nob3codmFsOiBib29sZWFuKSB7XHJcblx0XHR0aGlzLl9kaXNTaG93ID0gdmFsO1xyXG5cdH1cclxuXHRnZXQgZGlzU2hvdygpIHtcclxuXHRcdHJldHVybiB0aGlzLl9kaXNTaG93O1xyXG5cdH1cclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogSW5kZXhTZXJ2aWNlKSB7fVxyXG5cclxuXHRuZ09uSW5pdCgpIHt9XHJcblx0Y2hhbmdlU2l6ZShzejogQ2FyZFNpemUpIHtcclxuXHRcdHRoaXMudGhlTmF2U2l6ZSA9IHN6O1xyXG5cdFx0dGhpcy5zdnIudXNlclNldHRpbmcuQ2FyZHMuZmluZCh4ID0+IHguVHlwZSA9PT0gdGhpcy50eXBlTmFtZSkuU2l6ZSA9IHRoaXMudGhlTmF2U2l6ZTtcclxuXHRcdHRoaXMuc3ZyLnVwZGF0ZVNldHRpbmcoKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG5cdFx0XHRjb25zb2xlLmxvZyh0aGlzLnN2ci51c2VyU2V0dGluZy5DYXJkcyk7XHJcblx0XHR9KTtcclxuXHR9XHJcblx0cmVtb3ZlQ2FyZChjYXJkTmFtZTogc3RyaW5nKSB7XHJcblx0XHRjb25zdCBhcnIgPSB0aGlzLnN2ci51c2VyU2V0dGluZy5DYXJkcztcclxuXHRcdHRoaXMuc3ZyLnVzZXJTZXR0aW5nLkNhcmRzID0gYXJyLmZpbHRlcigoaXRlbTogYW55KSA9PiBpdGVtLlR5cGUgIT09IGNhcmROYW1lKTtcclxuXHR9XHJcblx0cmVtb3ZlRWxlKGkpIHtcclxuXHRcdHRoaXMuc3ViTWVudUNsaWNrLmVtaXQoaSk7XHJcblx0fVxyXG59XHJcbiJdfQ==