raise-common-lib 0.0.121 → 0.0.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/raise-common-lib.umd.js +7 -3
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/form/toolbar-item/index.component.js +7 -3
- package/esm2015/lib/layout/toolbar/constants.js +3 -1
- package/esm2015/lib/layout/toolbar/index.component.js +2 -2
- package/esm5/lib/form/toolbar-item/index.component.js +7 -3
- package/esm5/lib/layout/toolbar/constants.js +3 -1
- package/esm5/lib/layout/toolbar/index.component.js +2 -2
- package/fesm2015/raise-common-lib.js +7 -3
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +7 -3
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/form/toolbar-item/index.component.d.ts +1 -0
- package/lib/layout/toolbar/constants.d.ts +1 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
import { Component, ElementRef, HostBinding, Input, ViewChild, } from "@angular/core";
|
|
7
7
|
export class ToolbarItemComponent {
|
|
8
8
|
constructor() {
|
|
9
|
+
this.children = [];
|
|
9
10
|
this.ImageType = [
|
|
10
11
|
"Add",
|
|
11
12
|
"Delete",
|
|
@@ -34,14 +35,15 @@ export class ToolbarItemComponent {
|
|
|
34
35
|
ToolbarItemComponent.decorators = [
|
|
35
36
|
{ type: Component, args: [{
|
|
36
37
|
selector: "rs-toolbar-item",
|
|
37
|
-
template: "<button
|
|
38
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}"]
|
|
38
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"!!button.disabled\"\r\n >\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"button.image\">\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
39
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item{height:24px!important}.toolbar-action-item.mat-menu-item::after{display:none}"]
|
|
39
40
|
}] }
|
|
40
41
|
];
|
|
41
42
|
ToolbarItemComponent.propDecorators = {
|
|
42
43
|
image: [{ type: Input, args: ["image",] }],
|
|
43
44
|
text: [{ type: Input, args: ["text",] }],
|
|
44
45
|
disabled: [{ type: Input, args: ["disabled",] }],
|
|
46
|
+
children: [{ type: Input, args: ["children",] }],
|
|
45
47
|
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
46
48
|
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
47
49
|
};
|
|
@@ -53,8 +55,10 @@ if (false) {
|
|
|
53
55
|
/** @type {?} */
|
|
54
56
|
ToolbarItemComponent.prototype.disabled;
|
|
55
57
|
/** @type {?} */
|
|
58
|
+
ToolbarItemComponent.prototype.children;
|
|
59
|
+
/** @type {?} */
|
|
56
60
|
ToolbarItemComponent.prototype.buttonElement;
|
|
57
61
|
/** @type {?} */
|
|
58
62
|
ToolbarItemComponent.prototype.ImageType;
|
|
59
63
|
}
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9mb3JtL3Rvb2xiYXItaXRlbS9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQU92QixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBU3FCLGFBQVEsR0FBVSxFQUFFLENBQUM7UUFZeEMsY0FBUyxHQUFHO1lBQ1YsS0FBSztZQUNMLFFBQVE7WUFDUixRQUFRO1lBQ1IsUUFBUTtZQUNSLFFBQVE7WUFDUixVQUFVO1lBQ1YsV0FBVztZQUNYLFNBQVM7U0FDVixDQUFDO0lBQ0osQ0FBQzs7OztJQW5CQyxJQUFtQyxZQUFZO1FBQzdDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQzs7Ozs7SUFHRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDdEQsQ0FBQzs7O1lBbkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQix1c0NBQXFDOzthQUV0Qzs7O29CQUVFLEtBQUssU0FBQyxPQUFPO21CQUNiLEtBQUssU0FBQyxNQUFNO3VCQUNaLEtBQUssU0FBQyxVQUFVO3VCQUNoQixLQUFLLFNBQUMsVUFBVTs0QkFFaEIsU0FBUyxTQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7MkJBQzVDLFdBQVcsU0FBQyxnQkFBZ0I7Ozs7SUFON0IscUNBQThCOztJQUM5QixvQ0FBNEI7O0lBQzVCLHdDQUFxQzs7SUFDckMsd0NBQXdDOztJQUV4Qyw2Q0FBMEU7O0lBVTFFLHlDQVNFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRvb2xiYXItaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFySXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KFwiaW1hZ2VcIikgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoXCJ0ZXh0XCIpIHRleHQ6IHN0cmluZztcclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoXCJjaGlsZHJlblwiKSBjaGlsZHJlbjogYW55W10gPSBbXTtcclxuXHJcbiAgQFZpZXdDaGlsZChcImJ1dHRvbkVsZW1lbnRcIiwgeyBzdGF0aWM6IGZhbHNlIH0pIGJ1dHRvbkVsZW1lbnQhOiBFbGVtZW50UmVmO1xyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmRpc2FibGVkXCIpIGdldCBob3N0RGlzYWJsZWQoKSB7XHJcbiAgICByZXR1cm4gISF0aGlzLmRpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgLy8g5pq06Zyy5pa55rOV5L6b54i257uE5Lu26LCD55SoXHJcbiAgZ2V0V2lkdGgoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiB0aGlzLmJ1dHRvbkVsZW1lbnQubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcclxuICB9XHJcblxyXG4gIEltYWdlVHlwZSA9IFtcclxuICAgIFwiQWRkXCIsXHJcbiAgICBcIkRlbGV0ZVwiLFxyXG4gICAgXCJJbXBvcnRcIixcclxuICAgIFwiRXhwb3J0XCIsXHJcbiAgICBcIlVwbG9hZFwiLFxyXG4gICAgXCJEb3dubG9hZFwiLFxyXG4gICAgXCJEdXBsaWNhdGVcIixcclxuICAgIFwiUmVmcmVzaFwiLFxyXG4gIF07XHJcbn1cclxuIl19
|
|
@@ -16,5 +16,7 @@ if (false) {
|
|
|
16
16
|
ToolbarButton.prototype.action;
|
|
17
17
|
/** @type {?|undefined} */
|
|
18
18
|
ToolbarButton.prototype.disabled;
|
|
19
|
+
/** @type {?|undefined} */
|
|
20
|
+
ToolbarButton.prototype.children;
|
|
19
21
|
}
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvdG9vbGJhci9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxtQ0FNQzs7O0lBTEMsNkJBQWE7O0lBQ2IsOEJBQWU7O0lBQ2YsK0JBQW1COztJQUNuQixpQ0FBbUI7O0lBQ25CLGlDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgVG9vbGJhckJ1dHRvbiB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIGltYWdlPzogc3RyaW5nO1xyXG4gIGFjdGlvbjogKCkgPT4gdm9pZDtcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgY2hpbGRyZW4/OiBUb29sYmFyQnV0dG9uW107XHJcbn1cclxuIl19
|
|
@@ -73,7 +73,7 @@ export class RSToolbarComponent {
|
|
|
73
73
|
RSToolbarComponent.decorators = [
|
|
74
74
|
{ type: Component, args: [{
|
|
75
75
|
selector: "rs-toolbar",
|
|
76
|
-
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
76
|
+
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
77
77
|
styles: [":host{display:block;width:100%}.rs-toolbar-container{width:100%;display:flex;align-items:center}.rs-toolbar-container .temp-hidden{visibility:hidden;position:absolute}.rs-toolbar-container .action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.rs-toolbar-container .action-toggle:hover{background:rgba(214,227,245,.2)}.rs-toolbar-container .action-toggle .mat-button-wrapper{max-height:24px;height:24px}.rs-toolbar-container .action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}"]
|
|
78
78
|
}] }
|
|
79
79
|
];
|
|
@@ -107,4 +107,4 @@ if (false) {
|
|
|
107
107
|
*/
|
|
108
108
|
RSToolbarComponent.prototype.ref;
|
|
109
109
|
}
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvdG9vbGJhci9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUVWLFlBQVksRUFDWixLQUFLLEVBR0wsU0FBUyxFQUNULFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBUXpDLE1BQU0sT0FBTyxrQkFBa0I7Ozs7O0lBUTdCLFlBQW1CLE1BQWMsRUFBVSxHQUFzQjtRQUE5QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFQeEQsWUFBTyxHQUFvQixFQUFFLENBQUM7UUFZdkMsbUJBQWMsR0FBb0IsRUFBRSxDQUFDO1FBQ3JDLGtCQUFhLEdBQW9CLEVBQUUsQ0FBQztJQU5nQyxDQUFDOzs7O0lBQ3JFLGVBQWU7UUFDYixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzs7OztJQUtPLHNCQUFzQjtRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWM7WUFBRSxPQUFPOztjQUVyRCxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUU7O2NBQzFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxFQUFFOzs7WUFFdkUsVUFBVSxHQUFHLENBQUM7O2NBQ1osZUFBZSxHQUFHLEVBQUU7UUFFMUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7UUFFeEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7O2tCQUNwQyxXQUFXLEdBQ2YsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUs7WUFDM0QsMkNBQTJDO1lBQzNDLElBQ0UsVUFBVTtnQkFDUixXQUFXO2dCQUNYLENBQUMsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbkQsY0FBYyxFQUNkO2dCQUNBLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDMUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUM1RCxVQUFVLElBQUksV0FBVyxDQUFDO2FBQzNCO2lCQUFNO2dCQUNMLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzFDO1NBQ0Y7UUFDRCxzREFBc0Q7UUFDdEQsb0RBQW9EO1FBQ3BELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7OztJQUdELGNBQWM7UUFDWixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzs7WUEzREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw4cENBQXFDOzthQUV0Qzs7OztZQVBRLE1BQU07WUFaYixpQkFBaUI7OztzQkFxQmhCLEtBQUs7K0JBRUwsU0FBUyxTQUFDLGtCQUFrQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTs2QkFHL0MsWUFBWSxTQUFDLGFBQWE7NkJBNkMxQixZQUFZLFNBQUMsZUFBZTs7OztJQWxEN0IscUNBQXVDOztJQUV2Qyw4Q0FDOEI7O0lBRTlCLDRDQUFvRTs7SUFPcEUsNENBQXFDOztJQUNyQywyQ0FBb0M7O0lBTnhCLG9DQUFxQjs7Ozs7SUFBRSxpQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBRdWVyeUxpc3QsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFZpZXdDaGlsZHJlbixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XHJcbmltcG9ydCB7IFRvb2xiYXJCdXR0b24gfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRvb2xiYXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUlNUb29sYmFyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgQElucHV0KCkgYnV0dG9uczogVG9vbGJhckJ1dHRvbltdID0gW107XHJcblxyXG4gIEBWaWV3Q2hpbGQoXCJ0b29sYmFyQ29udGFpbmVyXCIsIHsgc3RhdGljOiBmYWxzZSB9KVxyXG4gIHRvb2xiYXJDb250YWluZXIhOiBFbGVtZW50UmVmO1xyXG5cclxuICBAVmlld0NoaWxkcmVuKFwidG9vbGJhckl0ZW1cIikgYnV0dG9uRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlciwgcHJpdmF0ZSByZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudXBkYXRlQnV0dG9uVmlzaWJpbGl0eSgpO1xyXG4gIH1cclxuXHJcbiAgdmlzaWJsZUJ1dHRvbnM6IFRvb2xiYXJCdXR0b25bXSA9IFtdO1xyXG4gIGhpZGRlbkJ1dHRvbnM6IFRvb2xiYXJCdXR0b25bXSA9IFtdO1xyXG5cclxuICBwcml2YXRlIHVwZGF0ZUJ1dHRvblZpc2liaWxpdHkoKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMudG9vbGJhckNvbnRhaW5lciB8fCAhdGhpcy5idXR0b25FbGVtZW50cykgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IGJ1dHRvblJlZnMgPSB0aGlzLmJ1dHRvbkVsZW1lbnRzLnRvQXJyYXkoKTtcclxuICAgIGNvbnN0IGNvbnRhaW5lcldpZHRoID0gdGhpcy50b29sYmFyQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggLSA1MDtcclxuICAgIC8vIGNvbnNvbGUubG9nKFwiY29udGFpbmVyV2lkdGhcIiwgY29udGFpbmVyV2lkdGgpO1xyXG4gICAgbGV0IHRvdGFsV2lkdGggPSAwO1xyXG4gICAgY29uc3QgbWVudUJ1dHRvbldpZHRoID0gNjA7XHJcblxyXG4gICAgdGhpcy52aXNpYmxlQnV0dG9ucyA9IFtdO1xyXG4gICAgdGhpcy5oaWRkZW5CdXR0b25zID0gW107XHJcblxyXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCBidXR0b25SZWZzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGNvbnN0IGJ1dHRvbldpZHRoID1cclxuICAgICAgICBidXR0b25SZWZzW2ldLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XHJcbiAgICAgIC8vIGNvbnNvbGUubG9nKFwiYnV0dG9uV2lkdGhcIiwgYnV0dG9uV2lkdGgpO1xyXG4gICAgICBpZiAoXHJcbiAgICAgICAgdG90YWxXaWR0aCArXHJcbiAgICAgICAgICBidXR0b25XaWR0aCArXHJcbiAgICAgICAgICAoaSA8IGJ1dHRvblJlZnMubGVuZ3RoIC0gMSA/IG1lbnVCdXR0b25XaWR0aCA6IDApIDw9XHJcbiAgICAgICAgY29udGFpbmVyV2lkdGhcclxuICAgICAgKSB7XHJcbiAgICAgICAgdGhpcy52aXNpYmxlQnV0dG9ucy5wdXNoKHRoaXMuYnV0dG9uc1tpXSk7XHJcbiAgICAgICAgYnV0dG9uUmVmc1tpXS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXCJ0ZW1wLWhpZGRlblwiKTtcclxuICAgICAgICB0b3RhbFdpZHRoICs9IGJ1dHRvbldpZHRoO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGJ1dHRvblJlZnNbaV0ubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKFwidGVtcC1oaWRkZW5cIik7XHJcbiAgICAgICAgdGhpcy5oaWRkZW5CdXR0b25zLnB1c2godGhpcy5idXR0b25zW2ldKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLy8gY29uc29sZS5sb2coXCJ2aXNpYmxlQnV0dG9uc1wiLCB0aGlzLnZpc2libGVCdXR0b25zKTtcclxuICAgIC8vIGNvbnNvbGUubG9nKFwiaGlkZGVuQnV0dG9uc1wiLCB0aGlzLmhpZGRlbkJ1dHRvbnMpO1xyXG4gICAgdGhpcy5yZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIilcclxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcclxuICAgIHRoaXMudXBkYXRlQnV0dG9uVmlzaWJpbGl0eSgpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
import { Component, ElementRef, HostBinding, Input, ViewChild, } from "@angular/core";
|
|
7
7
|
var ToolbarItemComponent = /** @class */ (function () {
|
|
8
8
|
function ToolbarItemComponent() {
|
|
9
|
+
this.children = [];
|
|
9
10
|
this.ImageType = [
|
|
10
11
|
"Add",
|
|
11
12
|
"Delete",
|
|
@@ -43,14 +44,15 @@ var ToolbarItemComponent = /** @class */ (function () {
|
|
|
43
44
|
ToolbarItemComponent.decorators = [
|
|
44
45
|
{ type: Component, args: [{
|
|
45
46
|
selector: "rs-toolbar-item",
|
|
46
|
-
template: "<button
|
|
47
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}"]
|
|
47
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"!!button.disabled\"\r\n >\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"button.image\">\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
48
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item{height:24px!important}.toolbar-action-item.mat-menu-item::after{display:none}"]
|
|
48
49
|
}] }
|
|
49
50
|
];
|
|
50
51
|
ToolbarItemComponent.propDecorators = {
|
|
51
52
|
image: [{ type: Input, args: ["image",] }],
|
|
52
53
|
text: [{ type: Input, args: ["text",] }],
|
|
53
54
|
disabled: [{ type: Input, args: ["disabled",] }],
|
|
55
|
+
children: [{ type: Input, args: ["children",] }],
|
|
54
56
|
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
55
57
|
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
56
58
|
};
|
|
@@ -65,8 +67,10 @@ if (false) {
|
|
|
65
67
|
/** @type {?} */
|
|
66
68
|
ToolbarItemComponent.prototype.disabled;
|
|
67
69
|
/** @type {?} */
|
|
70
|
+
ToolbarItemComponent.prototype.children;
|
|
71
|
+
/** @type {?} */
|
|
68
72
|
ToolbarItemComponent.prototype.buttonElement;
|
|
69
73
|
/** @type {?} */
|
|
70
74
|
ToolbarItemComponent.prototype.ImageType;
|
|
71
75
|
}
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9mb3JtL3Rvb2xiYXItaXRlbS9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QjtJQUFBO1FBU3FCLGFBQVEsR0FBVSxFQUFFLENBQUM7UUFZeEMsY0FBUyxHQUFHO1lBQ1YsS0FBSztZQUNMLFFBQVE7WUFDUixRQUFRO1lBQ1IsUUFBUTtZQUNSLFFBQVE7WUFDUixVQUFVO1lBQ1YsV0FBVztZQUNYLFNBQVM7U0FDVixDQUFDO0lBQ0osQ0FBQztJQW5CQyxzQkFBbUMsOENBQVk7Ozs7UUFBL0M7WUFDRSxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3pCLENBQUM7OztPQUFBO0lBRUQsYUFBYTs7Ozs7SUFDYix1Q0FBUTs7Ozs7SUFBUjtRQUNFLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO0lBQ3RELENBQUM7O2dCQW5CRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsdXNDQUFxQzs7aUJBRXRDOzs7d0JBRUUsS0FBSyxTQUFDLE9BQU87dUJBQ2IsS0FBSyxTQUFDLE1BQU07MkJBQ1osS0FBSyxTQUFDLFVBQVU7MkJBQ2hCLEtBQUssU0FBQyxVQUFVO2dDQUVoQixTQUFTLFNBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTsrQkFDNUMsV0FBVyxTQUFDLGdCQUFnQjs7SUFtQi9CLDJCQUFDO0NBQUEsQUEvQkQsSUErQkM7U0ExQlksb0JBQW9COzs7SUFDL0IscUNBQThCOztJQUM5QixvQ0FBNEI7O0lBQzVCLHdDQUFxQzs7SUFDckMsd0NBQXdDOztJQUV4Qyw2Q0FBMEU7O0lBVTFFLHlDQVNFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRvb2xiYXItaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFySXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KFwiaW1hZ2VcIikgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoXCJ0ZXh0XCIpIHRleHQ6IHN0cmluZztcclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoXCJjaGlsZHJlblwiKSBjaGlsZHJlbjogYW55W10gPSBbXTtcclxuXHJcbiAgQFZpZXdDaGlsZChcImJ1dHRvbkVsZW1lbnRcIiwgeyBzdGF0aWM6IGZhbHNlIH0pIGJ1dHRvbkVsZW1lbnQhOiBFbGVtZW50UmVmO1xyXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmRpc2FibGVkXCIpIGdldCBob3N0RGlzYWJsZWQoKSB7XHJcbiAgICByZXR1cm4gISF0aGlzLmRpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgLy8g5pq06Zyy5pa55rOV5L6b54i257uE5Lu26LCD55SoXHJcbiAgZ2V0V2lkdGgoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiB0aGlzLmJ1dHRvbkVsZW1lbnQubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcclxuICB9XHJcblxyXG4gIEltYWdlVHlwZSA9IFtcclxuICAgIFwiQWRkXCIsXHJcbiAgICBcIkRlbGV0ZVwiLFxyXG4gICAgXCJJbXBvcnRcIixcclxuICAgIFwiRXhwb3J0XCIsXHJcbiAgICBcIlVwbG9hZFwiLFxyXG4gICAgXCJEb3dubG9hZFwiLFxyXG4gICAgXCJEdXBsaWNhdGVcIixcclxuICAgIFwiUmVmcmVzaFwiLFxyXG4gIF07XHJcbn1cclxuIl19
|
|
@@ -16,5 +16,7 @@ if (false) {
|
|
|
16
16
|
ToolbarButton.prototype.action;
|
|
17
17
|
/** @type {?|undefined} */
|
|
18
18
|
ToolbarButton.prototype.disabled;
|
|
19
|
+
/** @type {?|undefined} */
|
|
20
|
+
ToolbarButton.prototype.children;
|
|
19
21
|
}
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvdG9vbGJhci9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxtQ0FNQzs7O0lBTEMsNkJBQWE7O0lBQ2IsOEJBQWU7O0lBQ2YsK0JBQW1COztJQUNuQixpQ0FBbUI7O0lBQ25CLGlDQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgVG9vbGJhckJ1dHRvbiB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIGltYWdlPzogc3RyaW5nO1xyXG4gIGFjdGlvbjogKCkgPT4gdm9pZDtcclxuICBkaXNhYmxlZD86IGJvb2xlYW47XHJcbiAgY2hpbGRyZW4/OiBUb29sYmFyQnV0dG9uW107XHJcbn1cclxuIl19
|
|
@@ -78,7 +78,7 @@ var RSToolbarComponent = /** @class */ (function () {
|
|
|
78
78
|
RSToolbarComponent.decorators = [
|
|
79
79
|
{ type: Component, args: [{
|
|
80
80
|
selector: "rs-toolbar",
|
|
81
|
-
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
81
|
+
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
82
82
|
styles: [":host{display:block;width:100%}.rs-toolbar-container{width:100%;display:flex;align-items:center}.rs-toolbar-container .temp-hidden{visibility:hidden;position:absolute}.rs-toolbar-container .action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.rs-toolbar-container .action-toggle:hover{background:rgba(214,227,245,.2)}.rs-toolbar-container .action-toggle .mat-button-wrapper{max-height:24px;height:24px}.rs-toolbar-container .action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}"]
|
|
83
83
|
}] }
|
|
84
84
|
];
|
|
@@ -115,4 +115,4 @@ if (false) {
|
|
|
115
115
|
*/
|
|
116
116
|
RSToolbarComponent.prototype.ref;
|
|
117
117
|
}
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvdG9vbGJhci9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUVWLFlBQVksRUFDWixLQUFLLEVBR0wsU0FBUyxFQUNULFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pDO0lBYUUsNEJBQW1CLE1BQWMsRUFBVSxHQUFzQjtRQUE5QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFQeEQsWUFBTyxHQUFvQixFQUFFLENBQUM7UUFZdkMsbUJBQWMsR0FBb0IsRUFBRSxDQUFDO1FBQ3JDLGtCQUFhLEdBQW9CLEVBQUUsQ0FBQztJQU5nQyxDQUFDOzs7O0lBQ3JFLDRDQUFlOzs7SUFBZjtRQUNFLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7Ozs7O0lBS08sbURBQXNCOzs7O0lBQTlCO1FBQ0UsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjO1lBQUUsT0FBTzs7WUFFckQsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFOztZQUMxQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsRUFBRTs7O1lBRXZFLFVBQVUsR0FBRyxDQUFDOztZQUNaLGVBQWUsR0FBRyxFQUFFO1FBRTFCLElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO1FBRXhCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFOztnQkFDcEMsV0FBVyxHQUNmLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLO1lBQzNELDJDQUEyQztZQUMzQyxJQUNFLFVBQVU7Z0JBQ1IsV0FBVztnQkFDWCxDQUFDLENBQUMsR0FBRyxVQUFVLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ25ELGNBQWMsRUFDZDtnQkFDQSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDNUQsVUFBVSxJQUFJLFdBQVcsQ0FBQzthQUMzQjtpQkFBTTtnQkFDTCxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMxQztTQUNGO1FBQ0Qsc0RBQXNEO1FBQ3RELG9EQUFvRDtRQUNwRCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFHRCwyQ0FBYzs7O0lBRGQ7UUFFRSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDOztnQkEzREYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0Qiw4cENBQXFDOztpQkFFdEM7Ozs7Z0JBUFEsTUFBTTtnQkFaYixpQkFBaUI7OzswQkFxQmhCLEtBQUs7bUNBRUwsU0FBUyxTQUFDLGtCQUFrQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtpQ0FHL0MsWUFBWSxTQUFDLGFBQWE7aUNBNkMxQixZQUFZLFNBQUMsZUFBZTs7SUFJL0IseUJBQUM7Q0FBQSxBQTVERCxJQTREQztTQXZEWSxrQkFBa0I7OztJQUM3QixxQ0FBdUM7O0lBRXZDLDhDQUM4Qjs7SUFFOUIsNENBQW9FOztJQU9wRSw0Q0FBcUM7O0lBQ3JDLDJDQUFvQzs7SUFOeEIsb0NBQXFCOzs7OztJQUFFLGlDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0NoaWxkcmVuLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcclxuaW1wb3J0IHsgVG9vbGJhckJ1dHRvbiB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtdG9vbGJhclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSU1Rvb2xiYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSBidXR0b25zOiBUb29sYmFyQnV0dG9uW10gPSBbXTtcclxuXHJcbiAgQFZpZXdDaGlsZChcInRvb2xiYXJDb250YWluZXJcIiwgeyBzdGF0aWM6IGZhbHNlIH0pXHJcbiAgdG9vbGJhckNvbnRhaW5lciE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGRyZW4oXCJ0b29sYmFySXRlbVwiKSBidXR0b25FbGVtZW50cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy51cGRhdGVCdXR0b25WaXNpYmlsaXR5KCk7XHJcbiAgfVxyXG5cclxuICB2aXNpYmxlQnV0dG9uczogVG9vbGJhckJ1dHRvbltdID0gW107XHJcbiAgaGlkZGVuQnV0dG9uczogVG9vbGJhckJ1dHRvbltdID0gW107XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlQnV0dG9uVmlzaWJpbGl0eSgpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy50b29sYmFyQ29udGFpbmVyIHx8ICF0aGlzLmJ1dHRvbkVsZW1lbnRzKSByZXR1cm47XHJcblxyXG4gICAgY29uc3QgYnV0dG9uUmVmcyA9IHRoaXMuYnV0dG9uRWxlbWVudHMudG9BcnJheSgpO1xyXG4gICAgY29uc3QgY29udGFpbmVyV2lkdGggPSB0aGlzLnRvb2xiYXJDb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCAtIDUwO1xyXG4gICAgLy8gY29uc29sZS5sb2coXCJjb250YWluZXJXaWR0aFwiLCBjb250YWluZXJXaWR0aCk7XHJcbiAgICBsZXQgdG90YWxXaWR0aCA9IDA7XHJcbiAgICBjb25zdCBtZW51QnV0dG9uV2lkdGggPSA2MDtcclxuXHJcbiAgICB0aGlzLnZpc2libGVCdXR0b25zID0gW107XHJcbiAgICB0aGlzLmhpZGRlbkJ1dHRvbnMgPSBbXTtcclxuXHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGJ1dHRvblJlZnMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgY29uc3QgYnV0dG9uV2lkdGggPVxyXG4gICAgICAgIGJ1dHRvblJlZnNbaV0ubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcclxuICAgICAgLy8gY29uc29sZS5sb2coXCJidXR0b25XaWR0aFwiLCBidXR0b25XaWR0aCk7XHJcbiAgICAgIGlmIChcclxuICAgICAgICB0b3RhbFdpZHRoICtcclxuICAgICAgICAgIGJ1dHRvbldpZHRoICtcclxuICAgICAgICAgIChpIDwgYnV0dG9uUmVmcy5sZW5ndGggLSAxID8gbWVudUJ1dHRvbldpZHRoIDogMCkgPD1cclxuICAgICAgICBjb250YWluZXJXaWR0aFxyXG4gICAgICApIHtcclxuICAgICAgICB0aGlzLnZpc2libGVCdXR0b25zLnB1c2godGhpcy5idXR0b25zW2ldKTtcclxuICAgICAgICBidXR0b25SZWZzW2ldLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcInRlbXAtaGlkZGVuXCIpO1xyXG4gICAgICAgIHRvdGFsV2lkdGggKz0gYnV0dG9uV2lkdGg7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgYnV0dG9uUmVmc1tpXS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoXCJ0ZW1wLWhpZGRlblwiKTtcclxuICAgICAgICB0aGlzLmhpZGRlbkJ1dHRvbnMucHVzaCh0aGlzLmJ1dHRvbnNbaV0pO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAvLyBjb25zb2xlLmxvZyhcInZpc2libGVCdXR0b25zXCIsIHRoaXMudmlzaWJsZUJ1dHRvbnMpO1xyXG4gICAgLy8gY29uc29sZS5sb2coXCJoaWRkZW5CdXR0b25zXCIsIHRoaXMuaGlkZGVuQnV0dG9ucyk7XHJcbiAgICB0aGlzLnJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiKVxyXG4gIG9uV2luZG93UmVzaXplKCkge1xyXG4gICAgdGhpcy51cGRhdGVCdXR0b25WaXNpYmlsaXR5KCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -3357,7 +3357,7 @@ class RSToolbarComponent {
|
|
|
3357
3357
|
RSToolbarComponent.decorators = [
|
|
3358
3358
|
{ type: Component, args: [{
|
|
3359
3359
|
selector: "rs-toolbar",
|
|
3360
|
-
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
3360
|
+
template: "<div #toolbarContainer class=\"rs-toolbar-container\">\r\n <!-- \u53EF\u89C1\u6309\u94AE -->\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"temp-hidden\" #toolbarItem>\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- \u4E0B\u62C9\u83DC\u5355\uFF08\u5982\u679C\u6709\u9690\u85CF\u6309\u94AE\uFF09 -->\r\n <button\r\n *ngIf=\"hiddenButtons.length > 0\"\r\n mat-button\r\n [matMenuTriggerFor]=\"menu\"\r\n #menuTrigger=\"matMenuTrigger\"\r\n class=\"action-toggle\"\r\n >\r\n <mat-icon svgIcon=\"more\"></mat-icon>\r\n </button>\r\n\r\n <mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of hiddenButtons\">\r\n <rs-toolbar-item\r\n [image]=\"button.image\"\r\n [text]=\"button.text\"\r\n (click)=\"button.action()\"\r\n [children]=\"button.children || []\"\r\n >\r\n </rs-toolbar-item>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n",
|
|
3361
3361
|
styles: [":host{display:block;width:100%}.rs-toolbar-container{width:100%;display:flex;align-items:center}.rs-toolbar-container .temp-hidden{visibility:hidden;position:absolute}.rs-toolbar-container .action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.rs-toolbar-container .action-toggle:hover{background:rgba(214,227,245,.2)}.rs-toolbar-container .action-toggle .mat-button-wrapper{max-height:24px;height:24px}.rs-toolbar-container .action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}"]
|
|
3362
3362
|
}] }
|
|
3363
3363
|
];
|
|
@@ -21395,6 +21395,7 @@ if (false) {
|
|
|
21395
21395
|
*/
|
|
21396
21396
|
class ToolbarItemComponent {
|
|
21397
21397
|
constructor() {
|
|
21398
|
+
this.children = [];
|
|
21398
21399
|
this.ImageType = [
|
|
21399
21400
|
"Add",
|
|
21400
21401
|
"Delete",
|
|
@@ -21423,14 +21424,15 @@ class ToolbarItemComponent {
|
|
|
21423
21424
|
ToolbarItemComponent.decorators = [
|
|
21424
21425
|
{ type: Component, args: [{
|
|
21425
21426
|
selector: "rs-toolbar-item",
|
|
21426
|
-
template: "<button
|
|
21427
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}"]
|
|
21427
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"!!button.disabled\"\r\n >\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"button.image\">\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
21428
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item{height:24px!important}.toolbar-action-item.mat-menu-item::after{display:none}"]
|
|
21428
21429
|
}] }
|
|
21429
21430
|
];
|
|
21430
21431
|
ToolbarItemComponent.propDecorators = {
|
|
21431
21432
|
image: [{ type: Input, args: ["image",] }],
|
|
21432
21433
|
text: [{ type: Input, args: ["text",] }],
|
|
21433
21434
|
disabled: [{ type: Input, args: ["disabled",] }],
|
|
21435
|
+
children: [{ type: Input, args: ["children",] }],
|
|
21434
21436
|
buttonElement: [{ type: ViewChild, args: ["buttonElement", { static: false },] }],
|
|
21435
21437
|
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
21436
21438
|
};
|
|
@@ -21442,6 +21444,8 @@ if (false) {
|
|
|
21442
21444
|
/** @type {?} */
|
|
21443
21445
|
ToolbarItemComponent.prototype.disabled;
|
|
21444
21446
|
/** @type {?} */
|
|
21447
|
+
ToolbarItemComponent.prototype.children;
|
|
21448
|
+
/** @type {?} */
|
|
21445
21449
|
ToolbarItemComponent.prototype.buttonElement;
|
|
21446
21450
|
/** @type {?} */
|
|
21447
21451
|
ToolbarItemComponent.prototype.ImageType;
|