raise-common-lib 0.0.27 → 0.0.28

package/fesm5/raise-common-lib.js

@@ -1232,6 +1232,7 @@ var RsPageListComponent = /** @class */ (function () {
     function RsPageListComponent() {
         this.customPageTitle = false;
         this.isInner = false;
+        this.hasWholeToolbarSlot = false;
     }
     /**
      * @return {?}
@@ -1248,6 +1249,16 @@ var RsPageListComponent = /** @class */ (function () {
             _this.onSeach();
         }), 300);
     };
+    /**
+     * @return {?}
+     */
+    RsPageListComponent.prototype.ngAfterContentInit = /**
+     * @return {?}
+     */
+    function () {
+        // 检测是否传入了 wholeToolbarSlot
+        this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
+    };
     /**
      * @return {?}
      */
@@ -1269,12 +1280,13 @@ var RsPageListComponent = /** @class */ (function () {
     RsPageListComponent.decorators = [
         { type: Component, args: [{
                     selector: 'rs-page-list',
-                    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    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"rs-content-wrap\">\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-left-col\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"rs-search-input\">\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",
+                    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    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"rs-content-wrap\">\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\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\">\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",
                     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-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;margin-bottom:4px}.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;gap:12px}.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:28px}.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}"]
                 }] }
     ];
     RsPageListComponent.propDecorators = {
         gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
+        wholeToolbarSlot: [{ type: ContentChild, args: ['wholeToolbarSlot', { static: true },] }],
         pageTitle: [{ type: Input }],
         customPageTitle: [{ type: Input }],
         isInner: [{ type: Input }]
@@ -1285,6 +1297,8 @@ if (false) {
     /** @type {?} */
     RsPageListComponent.prototype.gridContent;
     /** @type {?} */
+    RsPageListComponent.prototype.wholeToolbarSlot;
+    /** @type {?} */
     RsPageListComponent.prototype.pageTitle;
     /** @type {?} */
     RsPageListComponent.prototype.customPageTitle;
@@ -1296,6 +1310,8 @@ if (false) {
      */
     RsPageListComponent.prototype.debouncedInput;
     /** @type {?} */
+    RsPageListComponent.prototype.hasWholeToolbarSlot;
+    /** @type {?} */
     RsPageListComponent.prototype.searchValue;
 }
 
@@ -2020,6 +2036,14 @@ var MultiTabComponent = /** @class */ (function () {
                 }
             }
         }));
+    };
+    /**
+     * @return {?}
+     */
+    MultiTabComponent.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
         this.setEllipsisTitle();
     };
     /**