raise-common-lib 0.0.120 → 0.0.121
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 +138 -5
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/form/toolbar-item/index.component.js +13 -3
- package/esm2015/lib/layout/grid-box/index.component.js +1 -1
- package/esm2015/lib/layout/page-list/index.component.js +1 -1
- package/esm2015/lib/layout/toolbar/constants.js +20 -0
- package/esm2015/lib/layout/toolbar/index.component.js +110 -0
- package/esm2015/lib/raise-common-lib.module.js +6 -3
- package/esm2015/public-api.js +2 -1
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/lib/form/toolbar-item/index.component.js +19 -3
- package/esm5/lib/layout/grid-box/index.component.js +1 -1
- package/esm5/lib/layout/page-list/index.component.js +1 -1
- package/esm5/lib/layout/toolbar/constants.js +20 -0
- package/esm5/lib/layout/toolbar/index.component.js +118 -0
- package/esm5/lib/raise-common-lib.module.js +6 -3
- package/esm5/public-api.js +2 -1
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +125 -6
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +138 -6
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/form/toolbar-item/index.component.d.ts +3 -0
- package/lib/layout/toolbar/constants.d.ts +6 -0
- package/lib/layout/toolbar/index.component.d.ts +16 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/raise-common-lib.metadata.json +1 -1
|
@@ -2624,7 +2624,7 @@
|
|
|
2624
2624
|
{ type: core.Component, args: [{
|
|
2625
2625
|
selector: "rs-page-list",
|
|
2626
2626
|
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <h1 class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n </ng-template>\r\n <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2627
|
-
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2627
|
+
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2628
2628
|
}] }
|
|
2629
2629
|
];
|
|
2630
2630
|
RsPageListComponent.propDecorators = {
|
|
@@ -2843,7 +2843,7 @@
|
|
|
2843
2843
|
{ type: core.Component, args: [{
|
|
2844
2844
|
selector: "rs-grid-box",
|
|
2845
2845
|
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
2846
|
-
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px;min-width:auto!important}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2846
|
+
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px;min-width:auto!important}.rs-grid-box .rs-toolbar-wrap .rs-left-col{flex:1;width:0}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2847
2847
|
}] }
|
|
2848
2848
|
];
|
|
2849
2849
|
GridBoxComponent.propDecorators = {
|
|
@@ -4037,6 +4037,120 @@
|
|
|
4037
4037
|
RSNavCardGroupComponent.prototype.router;
|
|
4038
4038
|
}
|
|
4039
4039
|
|
|
4040
|
+
/**
|
|
4041
|
+
* @fileoverview added by tsickle
|
|
4042
|
+
* Generated from: lib/layout/toolbar/index.component.ts
|
|
4043
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4044
|
+
*/
|
|
4045
|
+
var RSToolbarComponent = /** @class */ (function () {
|
|
4046
|
+
function RSToolbarComponent(router, ref) {
|
|
4047
|
+
this.router = router;
|
|
4048
|
+
this.ref = ref;
|
|
4049
|
+
this.buttons = [];
|
|
4050
|
+
this.visibleButtons = [];
|
|
4051
|
+
this.hiddenButtons = [];
|
|
4052
|
+
}
|
|
4053
|
+
/**
|
|
4054
|
+
* @return {?}
|
|
4055
|
+
*/
|
|
4056
|
+
RSToolbarComponent.prototype.ngAfterViewInit = /**
|
|
4057
|
+
* @return {?}
|
|
4058
|
+
*/
|
|
4059
|
+
function () {
|
|
4060
|
+
this.updateButtonVisibility();
|
|
4061
|
+
};
|
|
4062
|
+
/**
|
|
4063
|
+
* @private
|
|
4064
|
+
* @return {?}
|
|
4065
|
+
*/
|
|
4066
|
+
RSToolbarComponent.prototype.updateButtonVisibility = /**
|
|
4067
|
+
* @private
|
|
4068
|
+
* @return {?}
|
|
4069
|
+
*/
|
|
4070
|
+
function () {
|
|
4071
|
+
if (!this.toolbarContainer || !this.buttonElements)
|
|
4072
|
+
return;
|
|
4073
|
+
/** @type {?} */
|
|
4074
|
+
var buttonRefs = this.buttonElements.toArray();
|
|
4075
|
+
/** @type {?} */
|
|
4076
|
+
var containerWidth = this.toolbarContainer.nativeElement.offsetWidth - 50;
|
|
4077
|
+
// console.log("containerWidth", containerWidth);
|
|
4078
|
+
/** @type {?} */
|
|
4079
|
+
var totalWidth = 0;
|
|
4080
|
+
/** @type {?} */
|
|
4081
|
+
var menuButtonWidth = 60;
|
|
4082
|
+
this.visibleButtons = [];
|
|
4083
|
+
this.hiddenButtons = [];
|
|
4084
|
+
for (var i = 0; i < buttonRefs.length; i++) {
|
|
4085
|
+
/** @type {?} */
|
|
4086
|
+
var buttonWidth = buttonRefs[i].nativeElement.getBoundingClientRect().width;
|
|
4087
|
+
// console.log("buttonWidth", buttonWidth);
|
|
4088
|
+
if (totalWidth +
|
|
4089
|
+
buttonWidth +
|
|
4090
|
+
(i < buttonRefs.length - 1 ? menuButtonWidth : 0) <=
|
|
4091
|
+
containerWidth) {
|
|
4092
|
+
this.visibleButtons.push(this.buttons[i]);
|
|
4093
|
+
buttonRefs[i].nativeElement.classList.remove("temp-hidden");
|
|
4094
|
+
totalWidth += buttonWidth;
|
|
4095
|
+
}
|
|
4096
|
+
else {
|
|
4097
|
+
buttonRefs[i].nativeElement.classList.add("temp-hidden");
|
|
4098
|
+
this.hiddenButtons.push(this.buttons[i]);
|
|
4099
|
+
}
|
|
4100
|
+
}
|
|
4101
|
+
// console.log("visibleButtons", this.visibleButtons);
|
|
4102
|
+
// console.log("hiddenButtons", this.hiddenButtons);
|
|
4103
|
+
this.ref.detectChanges();
|
|
4104
|
+
};
|
|
4105
|
+
/**
|
|
4106
|
+
* @return {?}
|
|
4107
|
+
*/
|
|
4108
|
+
RSToolbarComponent.prototype.onWindowResize = /**
|
|
4109
|
+
* @return {?}
|
|
4110
|
+
*/
|
|
4111
|
+
function () {
|
|
4112
|
+
this.updateButtonVisibility();
|
|
4113
|
+
};
|
|
4114
|
+
RSToolbarComponent.decorators = [
|
|
4115
|
+
{ type: core.Component, args: [{
|
|
4116
|
+
selector: "rs-toolbar",
|
|
4117
|
+
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",
|
|
4118
|
+
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}"]
|
|
4119
|
+
}] }
|
|
4120
|
+
];
|
|
4121
|
+
/** @nocollapse */
|
|
4122
|
+
RSToolbarComponent.ctorParameters = function () { return [
|
|
4123
|
+
{ type: router.Router },
|
|
4124
|
+
{ type: core.ChangeDetectorRef }
|
|
4125
|
+
]; };
|
|
4126
|
+
RSToolbarComponent.propDecorators = {
|
|
4127
|
+
buttons: [{ type: core.Input }],
|
|
4128
|
+
toolbarContainer: [{ type: core.ViewChild, args: ["toolbarContainer", { static: false },] }],
|
|
4129
|
+
buttonElements: [{ type: core.ViewChildren, args: ["toolbarItem",] }],
|
|
4130
|
+
onWindowResize: [{ type: core.HostListener, args: ["window:resize",] }]
|
|
4131
|
+
};
|
|
4132
|
+
return RSToolbarComponent;
|
|
4133
|
+
}());
|
|
4134
|
+
if (false) {
|
|
4135
|
+
/** @type {?} */
|
|
4136
|
+
RSToolbarComponent.prototype.buttons;
|
|
4137
|
+
/** @type {?} */
|
|
4138
|
+
RSToolbarComponent.prototype.toolbarContainer;
|
|
4139
|
+
/** @type {?} */
|
|
4140
|
+
RSToolbarComponent.prototype.buttonElements;
|
|
4141
|
+
/** @type {?} */
|
|
4142
|
+
RSToolbarComponent.prototype.visibleButtons;
|
|
4143
|
+
/** @type {?} */
|
|
4144
|
+
RSToolbarComponent.prototype.hiddenButtons;
|
|
4145
|
+
/** @type {?} */
|
|
4146
|
+
RSToolbarComponent.prototype.router;
|
|
4147
|
+
/**
|
|
4148
|
+
* @type {?}
|
|
4149
|
+
* @private
|
|
4150
|
+
*/
|
|
4151
|
+
RSToolbarComponent.prototype.ref;
|
|
4152
|
+
}
|
|
4153
|
+
|
|
4040
4154
|
/**
|
|
4041
4155
|
* @fileoverview added by tsickle
|
|
4042
4156
|
* Generated from: assets/language/ja.ts
|
|
@@ -22299,10 +22413,23 @@
|
|
|
22299
22413
|
enumerable: true,
|
|
22300
22414
|
configurable: true
|
|
22301
22415
|
});
|
|
22416
|
+
// 暴露方法供父组件调用
|
|
22417
|
+
// 暴露方法供父组件调用
|
|
22418
|
+
/**
|
|
22419
|
+
* @return {?}
|
|
22420
|
+
*/
|
|
22421
|
+
ToolbarItemComponent.prototype.getWidth =
|
|
22422
|
+
// 暴露方法供父组件调用
|
|
22423
|
+
/**
|
|
22424
|
+
* @return {?}
|
|
22425
|
+
*/
|
|
22426
|
+
function () {
|
|
22427
|
+
return this.buttonElement.nativeElement.offsetWidth;
|
|
22428
|
+
};
|
|
22302
22429
|
ToolbarItemComponent.decorators = [
|
|
22303
22430
|
{ type: core.Component, args: [{
|
|
22304
22431
|
selector: "rs-toolbar-item",
|
|
22305
|
-
template: "<button class=\"toolbar-action-item e-btn text\" [disabled]=\"!!disabled\">\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",
|
|
22432
|
+
template: "<button class=\"toolbar-action-item e-btn text\" #buttonElement [disabled]=\"!!disabled\">\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",
|
|
22306
22433
|
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}"]
|
|
22307
22434
|
}] }
|
|
22308
22435
|
];
|
|
@@ -22310,6 +22437,7 @@
|
|
|
22310
22437
|
image: [{ type: core.Input, args: ["image",] }],
|
|
22311
22438
|
text: [{ type: core.Input, args: ["text",] }],
|
|
22312
22439
|
disabled: [{ type: core.Input, args: ["disabled",] }],
|
|
22440
|
+
buttonElement: [{ type: core.ViewChild, args: ["buttonElement", { static: false },] }],
|
|
22313
22441
|
hostDisabled: [{ type: core.HostBinding, args: ["class.disabled",] }]
|
|
22314
22442
|
};
|
|
22315
22443
|
return ToolbarItemComponent;
|
|
@@ -22322,6 +22450,8 @@
|
|
|
22322
22450
|
/** @type {?} */
|
|
22323
22451
|
ToolbarItemComponent.prototype.disabled;
|
|
22324
22452
|
/** @type {?} */
|
|
22453
|
+
ToolbarItemComponent.prototype.buttonElement;
|
|
22454
|
+
/** @type {?} */
|
|
22325
22455
|
ToolbarItemComponent.prototype.ImageType;
|
|
22326
22456
|
}
|
|
22327
22457
|
|
|
@@ -22736,7 +22866,8 @@
|
|
|
22736
22866
|
DrawerFormComponent,
|
|
22737
22867
|
ToolbarItemComponent,
|
|
22738
22868
|
RsCommentaryComponent,
|
|
22739
|
-
RSNavCardGroupComponent
|
|
22869
|
+
RSNavCardGroupComponent,
|
|
22870
|
+
RSToolbarComponent
|
|
22740
22871
|
],
|
|
22741
22872
|
imports: [
|
|
22742
22873
|
common.CommonModule,
|
|
@@ -22886,7 +23017,8 @@
|
|
|
22886
23017
|
DrawerFormComponent,
|
|
22887
23018
|
ToolbarItemComponent,
|
|
22888
23019
|
RsCommentaryComponent,
|
|
22889
|
-
RSNavCardGroupComponent
|
|
23020
|
+
RSNavCardGroupComponent,
|
|
23021
|
+
RSToolbarComponent
|
|
22890
23022
|
],
|
|
22891
23023
|
entryComponents: [
|
|
22892
23024
|
NewActionNotificationComponent,
|
|
@@ -22922,6 +23054,7 @@
|
|
|
22922
23054
|
exports.RSFooterComponent = RSFooterComponent;
|
|
22923
23055
|
exports.RSHeaderComponent = RSHeaderComponent;
|
|
22924
23056
|
exports.RSNavCardGroupComponent = RSNavCardGroupComponent;
|
|
23057
|
+
exports.RSToolbarComponent = RSToolbarComponent;
|
|
22925
23058
|
exports.RadioGroupComponent = RadioGroupComponent;
|
|
22926
23059
|
exports.RaiseCommonLibModule = RaiseCommonLibModule;
|
|
22927
23060
|
exports.RsCommentaryComponent = RsCommentaryComponent;
|