raise-common-lib 0.0.160 → 0.0.161

package/esm5/lib/layout/toolbar/index.component.js

@@ -1,121 +0,0 @@
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/layout/toolbar/index.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-// 组件类
-import { ChangeDetectorRef, Component, ElementRef, HostListener, Input, QueryList, ViewChild, ViewChildren, } from "@angular/core";
-import { Router } from "@angular/router";
-var RSToolbarComponent = /** @class */ (function () {
-    function RSToolbarComponent(router, ref) {
-        this.router = router;
-        this.ref = ref;
-        this.buttons = [];
-        this.disabledOptions = {};
-        this.visibleButtons = [];
-        this.hiddenButtons = [];
-    }
-    /**
-     * @return {?}
-     */
-    RSToolbarComponent.prototype.ngAfterViewInit = /**
-     * @return {?}
-     */
-    function () {
-        this.updateButtonVisibility();
-    };
-    /**
-     * @return {?}
-     */
-    RSToolbarComponent.prototype.updateButtonVisibility = /**
-     * @return {?}
-     */
-    function () {
-        if (!this.toolbarContainer || !this.buttonElements)
-            return;
-        /** @type {?} */
-        var buttonRefs = this.buttonElements.toArray();
-        /** @type {?} */
-        var containerWidth = this.toolbarContainer.nativeElement.offsetWidth - 50;
-        // console.log("containerWidth", containerWidth);
-        /** @type {?} */
-        var totalWidth = 0;
-        /** @type {?} */
-        var menuButtonWidth = 60;
-        this.visibleButtons = [];
-        this.hiddenButtons = [];
-        for (var i = 0; i < buttonRefs.length; i++) {
-            /** @type {?} */
-            var buttonWidth = buttonRefs[i].nativeElement.getBoundingClientRect().width;
-            // console.log("buttonWidth", buttonWidth);
-            if (totalWidth +
-                4 + // 4px margin between buttons
-                buttonWidth +
-                (i < buttonRefs.length - 1 ? menuButtonWidth : 0) <=
-                containerWidth) {
-                this.visibleButtons.push(this.buttons[i]);
-                buttonRefs[i].nativeElement.classList.remove("temp-hidden");
-                totalWidth += buttonWidth;
-            }
-            else {
-                buttonRefs[i].nativeElement.classList.add("temp-hidden");
-                this.hiddenButtons.push(this.buttons[i]);
-            }
-        }
-        // console.log("visibleButtons", this.visibleButtons);
-        // console.log("hiddenButtons", this.hiddenButtons);
-        this.ref.detectChanges();
-    };
-    /**
-     * @return {?}
-     */
-    RSToolbarComponent.prototype.onWindowResize = /**
-     * @return {?}
-     */
-    function () {
-        this.updateButtonVisibility();
-    };
-    RSToolbarComponent.decorators = [
-        { type: Component, args: [{
-                    selector: "rs-toolbar",
-                    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        [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n        (click)=\"button.action && button.action()\"\r\n        [children]=\"button.children || []\"\r\n        [disabledOptions]=\"disabledOptions\"\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 && button.action()\"\r\n        [disabled]=\"disabledOptions[button.key] || false\"\r\n        [children]=\"button.children || []\"\r\n        [disabledOptions]=\"disabledOptions\"\r\n      >\r\n      </rs-toolbar-item>\r\n    </ng-container>\r\n  </mat-menu>\r\n</div>\r\n",
-                    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}"]
-                }] }
-    ];
-    /** @nocollapse */
-    RSToolbarComponent.ctorParameters = function () { return [
-        { type: Router },
-        { type: ChangeDetectorRef }
-    ]; };
-    RSToolbarComponent.propDecorators = {
-        buttons: [{ type: Input }],
-        disabledOptions: [{ type: Input }],
-        toolbarContainer: [{ type: ViewChild, args: ["toolbarContainer", { static: false },] }],
-        buttonElements: [{ type: ViewChildren, args: ["toolbarItem",] }],
-        onWindowResize: [{ type: HostListener, args: ["window:resize",] }]
-    };
-    return RSToolbarComponent;
-}());
-export { RSToolbarComponent };
-if (false) {
-    /** @type {?} */
-    RSToolbarComponent.prototype.buttons;
-    /** @type {?} */
-    RSToolbarComponent.prototype.disabledOptions;
-    /** @type {?} */
-    RSToolbarComponent.prototype.toolbarContainer;
-    /** @type {?} */
-    RSToolbarComponent.prototype.buttonElements;
-    /** @type {?} */
-    RSToolbarComponent.prototype.visibleButtons;
-    /** @type {?} */
-    RSToolbarComponent.prototype.hiddenButtons;
-    /** @type {?} */
-    RSToolbarComponent.prototype.router;
-    /**
-     * @type {?}
-     * @private
-     */
-    RSToolbarComponent.prototype.ref;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvdG9vbGJhci9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUVWLFlBQVksRUFDWixLQUFLLEVBR0wsU0FBUyxFQUNULFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pDO0lBY0UsNEJBQW1CLE1BQWMsRUFBVSxHQUFzQjtRQUE5QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFSeEQsWUFBTyxHQUFvQixFQUFFLENBQUM7UUFDOUIsb0JBQWUsR0FBMkIsRUFBRSxDQUFDO1FBWXRELG1CQUFjLEdBQW9CLEVBQUUsQ0FBQztRQUNyQyxrQkFBYSxHQUFvQixFQUFFLENBQUM7SUFOZ0MsQ0FBQzs7OztJQUNyRSw0Q0FBZTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzs7O0lBS00sbURBQXNCOzs7SUFBN0I7UUFDRSxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWM7WUFBRSxPQUFPOztZQUVyRCxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUU7O1lBQzFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxFQUFFOzs7WUFFdkUsVUFBVSxHQUFHLENBQUM7O1lBQ1osZUFBZSxHQUFHLEVBQUU7UUFFMUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7UUFFeEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7O2dCQUNwQyxXQUFXLEdBQ2YsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUs7WUFDM0QsMkNBQTJDO1lBQzNDLElBQ0UsVUFBVTtnQkFDUixDQUFDLEdBQUcsNkJBQTZCO2dCQUNqQyxXQUFXO2dCQUNYLENBQUMsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbkQsY0FBYyxFQUNkO2dCQUNBLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDMUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUM1RCxVQUFVLElBQUksV0FBVyxDQUFDO2FBQzNCO2lCQUFNO2dCQUNMLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzFDO1NBQ0Y7UUFDRCxzREFBc0Q7UUFDdEQsb0RBQW9EO1FBQ3BELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7OztJQUdELDJDQUFjOzs7SUFEZDtRQUVFLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7O2dCQTdERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLGc3Q0FBcUM7O2lCQUV0Qzs7OztnQkFQUSxNQUFNO2dCQVpiLGlCQUFpQjs7OzBCQXFCaEIsS0FBSztrQ0FDTCxLQUFLO21DQUVMLFNBQVMsU0FBQyxrQkFBa0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7aUNBRy9DLFlBQVksU0FBQyxhQUFhO2lDQThDMUIsWUFBWSxTQUFDLGVBQWU7O0lBSS9CLHlCQUFDO0NBQUEsQUE5REQsSUE4REM7U0F6RFksa0JBQWtCOzs7SUFDN0IscUNBQXVDOztJQUN2Qyw2Q0FBc0Q7O0lBRXRELDhDQUM4Qjs7SUFFOUIsNENBQW9FOztJQU9wRSw0Q0FBcUM7O0lBQ3JDLDJDQUFvQzs7SUFOeEIsb0NBQXFCOzs7OztJQUFFLGlDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0NoaWxkcmVuLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcclxuaW1wb3J0IHsgVG9vbGJhckJ1dHRvbiB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtdG9vbGJhclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSU1Rvb2xiYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBASW5wdXQoKSBidXR0b25zOiBUb29sYmFyQnV0dG9uW10gPSBbXTtcclxuICBASW5wdXQoKSBkaXNhYmxlZE9wdGlvbnM6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7fTtcclxuXHJcbiAgQFZpZXdDaGlsZChcInRvb2xiYXJDb250YWluZXJcIiwgeyBzdGF0aWM6IGZhbHNlIH0pXHJcbiAgdG9vbGJhckNvbnRhaW5lciE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGRyZW4oXCJ0b29sYmFySXRlbVwiKSBidXR0b25FbGVtZW50cyE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy51cGRhdGVCdXR0b25WaXNpYmlsaXR5KCk7XHJcbiAgfVxyXG5cclxuICB2aXNpYmxlQnV0dG9uczogVG9vbGJhckJ1dHRvbltdID0gW107XHJcbiAgaGlkZGVuQnV0dG9uczogVG9vbGJhckJ1dHRvbltdID0gW107XHJcblxyXG4gIHB1YmxpYyB1cGRhdGVCdXR0b25WaXNpYmlsaXR5KCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLnRvb2xiYXJDb250YWluZXIgfHwgIXRoaXMuYnV0dG9uRWxlbWVudHMpIHJldHVybjtcclxuXHJcbiAgICBjb25zdCBidXR0b25SZWZzID0gdGhpcy5idXR0b25FbGVtZW50cy50b0FycmF5KCk7XHJcbiAgICBjb25zdCBjb250YWluZXJXaWR0aCA9IHRoaXMudG9vbGJhckNvbnRhaW5lci5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoIC0gNTA7XHJcbiAgICAvLyBjb25zb2xlLmxvZyhcImNvbnRhaW5lcldpZHRoXCIsIGNvbnRhaW5lcldpZHRoKTtcclxuICAgIGxldCB0b3RhbFdpZHRoID0gMDtcclxuICAgIGNvbnN0IG1lbnVCdXR0b25XaWR0aCA9IDYwO1xyXG5cclxuICAgIHRoaXMudmlzaWJsZUJ1dHRvbnMgPSBbXTtcclxuICAgIHRoaXMuaGlkZGVuQnV0dG9ucyA9IFtdO1xyXG5cclxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYnV0dG9uUmVmcy5sZW5ndGg7IGkrKykge1xyXG4gICAgICBjb25zdCBidXR0b25XaWR0aCA9XHJcbiAgICAgICAgYnV0dG9uUmVmc1tpXS5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xyXG4gICAgICAvLyBjb25zb2xlLmxvZyhcImJ1dHRvbldpZHRoXCIsIGJ1dHRvbldpZHRoKTtcclxuICAgICAgaWYgKFxyXG4gICAgICAgIHRvdGFsV2lkdGggK1xyXG4gICAgICAgICAgNCArIC8vIDRweCBtYXJnaW4gYmV0d2VlbiBidXR0b25zXHJcbiAgICAgICAgICBidXR0b25XaWR0aCArXHJcbiAgICAgICAgICAoaSA8IGJ1dHRvblJlZnMubGVuZ3RoIC0gMSA/IG1lbnVCdXR0b25XaWR0aCA6IDApIDw9XHJcbiAgICAgICAgY29udGFpbmVyV2lkdGhcclxuICAgICAgKSB7XHJcbiAgICAgICAgdGhpcy52aXNpYmxlQnV0dG9ucy5wdXNoKHRoaXMuYnV0dG9uc1tpXSk7XHJcbiAgICAgICAgYnV0dG9uUmVmc1tpXS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXCJ0ZW1wLWhpZGRlblwiKTtcclxuICAgICAgICB0b3RhbFdpZHRoICs9IGJ1dHRvbldpZHRoO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGJ1dHRvblJlZnNbaV0ubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKFwidGVtcC1oaWRkZW5cIik7XHJcbiAgICAgICAgdGhpcy5oaWRkZW5CdXR0b25zLnB1c2godGhpcy5idXR0b25zW2ldKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLy8gY29uc29sZS5sb2coXCJ2aXNpYmxlQnV0dG9uc1wiLCB0aGlzLnZpc2libGVCdXR0b25zKTtcclxuICAgIC8vIGNvbnNvbGUubG9nKFwiaGlkZGVuQnV0dG9uc1wiLCB0aGlzLmhpZGRlbkJ1dHRvbnMpO1xyXG4gICAgdGhpcy5yZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIilcclxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcclxuICAgIHRoaXMudXBkYXRlQnV0dG9uVmlzaWJpbGl0eSgpO1xyXG4gIH1cclxufVxyXG4iXX0=