raise-common-lib 0.0.215 → 0.0.217

package/README.md

@@ -1,57 +1,57 @@
-# RaiseCommonLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
-
-## Build
-
-Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
-
-## Usage
-- ### Install
-```bash
-$ npm install raise-common-lib
-```
-- ### Set **angular.json**
-```json
-    "projects": {
-		"lpInvestor": {
-			"projectType": "application",
-			"architect": {
-				"build": {
-					"options": {
-                        ...
-						"assets": [
-                            ...
-							{
-								"glob": "**/*",
-								"input": "node_modules/raise-common-lib/src/assets/",
-								"output": "/assets/"
-							}
-						],
-                        "styles": [
-                            ...
-							"node_modules/raise-common-lib/src/assets/style/styles.scss",
-							"src/styles.scss",
-						],
-                    }
-                ...    
-            ...            
-        ...                
-```
-
-- ### Import Module
-```tsx
-//app.module.ts
-
-import { RaiseCommonLibModule } from "raise-common-lib";
-
-@NgModule({
-    imports: [
-        ...
-        RaiseCommonLibModule
-	],
-```
+# RaiseCommonLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
+
+## Build
+
+Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
+
+## Usage
+- ### Install
+```bash
+$ npm install raise-common-lib
+```
+- ### Set **angular.json**
+```json
+    "projects": {
+		"lpInvestor": {
+			"projectType": "application",
+			"architect": {
+				"build": {
+					"options": {
+                        ...
+						"assets": [
+                            ...
+							{
+								"glob": "**/*",
+								"input": "node_modules/raise-common-lib/src/assets/",
+								"output": "/assets/"
+							}
+						],
+                        "styles": [
+                            ...
+							"node_modules/raise-common-lib/src/assets/style/styles.scss",
+							"src/styles.scss",
+						],
+                    }
+                ...    
+            ...            
+        ...                
+```
+
+- ### Import Module
+```tsx
+//app.module.ts
+
+import { RaiseCommonLibModule } from "raise-common-lib";
+
+@NgModule({
+    imports: [
+        ...
+        RaiseCommonLibModule
+	],
+```

package/bundles/raise-common-lib.umd.js

@@ -1188,7 +1188,7 @@
         CommonGridComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-common-grid",
-                        template: "<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"dataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
+                        template: "<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"dataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"dataSource && dataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
                         styles: [""]
                     }] }
         ];
@@ -1220,6 +1220,7 @@
             childGrid: [{ type: core.Input }],
             frozenColumns: [{ type: core.Input }],
             columnChooserSettings: [{ type: core.Input }],
+            headerTemplate: [{ type: core.Input }],
             contextMenuItems: [{ type: core.Input }],
             selectionSettings: [{ type: core.Input }],
             alwaysShowCheckbox: [{ type: core.Input }],
@@ -1292,6 +1293,8 @@
         CommonGridComponent.prototype.frozenColumns;
         /** @type {?} */
         CommonGridComponent.prototype.columnChooserSettings;
+        /** @type {?} */
+        CommonGridComponent.prototype.headerTemplate;
         /**
          * Sample: [
          * {
@@ -1643,57 +1646,10 @@
          * @return {?}
          */
         function () {
-            var _a = this.rootElement.nativeElement.getBoundingClientRect(), y = _a.top, x = _a.left, width = _a.width, height = _a.height;
-            // 临时显示内容以获取尺寸
-            /** @type {?} */
-            var wasVisible = this.contentElement.nativeElement.style.display !== "none";
-            this.contentElement.nativeElement.style.visibility = "hidden";
-            this.contentElement.nativeElement.style.display = "block";
-            /** @type {?} */
-            var contentRect = this.contentElement.nativeElement.getBoundingClientRect();
-            /** @type {?} */
-            var contentWidth = contentRect.width;
-            /** @type {?} */
-            var contentHeight = contentRect.height;
-            // 获取视口尺寸
-            /** @type {?} */
-            var viewportWidth = window.innerWidth;
-            /** @type {?} */
-            var viewportHeight = window.innerHeight;
-            /** @type {?} */
-            var SAFE_MARGIN = 12;
-            // 边界检测：计算最佳 placement
-            /** @type {?} */
-            var finalPlacement = this.placement;
-            if (this.placement === "top" && y < contentHeight + SAFE_MARGIN) {
-                if (viewportHeight - (y + height) >= contentHeight + SAFE_MARGIN) {
-                    finalPlacement = "bottom";
-                }
-            }
-            else if (this.placement === "bottom" && viewportHeight - (y + height) < contentHeight + SAFE_MARGIN) {
-                if (y >= contentHeight + SAFE_MARGIN) {
-                    finalPlacement = "top";
-                }
-            }
-            else if (this.placement === "left" && x < contentWidth + SAFE_MARGIN) {
-                if (viewportWidth - (x + width) >= contentWidth + SAFE_MARGIN) {
-                    finalPlacement = "right";
-                }
-            }
-            else if (this.placement === "right" && viewportWidth - (x + width) < contentWidth + SAFE_MARGIN) {
-                if (x >= contentWidth + SAFE_MARGIN) {
-                    finalPlacement = "left";
-                }
-            }
-            // 保存调整后的 placement
-            this.actualPlacement = finalPlacement;
-            // 对于 fixed="no" 的情况，只更新 data-placement，让 CSS 处理
             if (this.fixed === "no") {
-                this.contentElement.nativeElement.style.visibility = "";
-                this.contentElement.nativeElement.style.display = wasVisible ? "" : "none";
                 return;
             }
-            // 对于 fixed="yes" 的情况，计算具体位置
+            var _a = this.rootElement.nativeElement.getBoundingClientRect(), y = _a.top, x = _a.left, width = _a.width, height = _a.height;
             /** @type {?} */
             var top = "0";
             /** @type {?} */
@@ -1702,7 +1658,7 @@
             var translateX = "0";
             /** @type {?} */
             var translateY = "0";
-            switch (finalPlacement + "_" + this.position) {
+            switch (this.placement + "_" + this.position) {
                 case "top_start":
                     top = y + "px";
                     left = x - 8 + "px";
@@ -1766,49 +1722,9 @@
                     translateX = "-100%";
                     break;
             }
-            // 计算实际渲染位置（考虑 transform）进行边界调整
-            /** @type {?} */
-            var actualLeft = parseFloat(left) || 0;
-            /** @type {?} */
-            var actualTop = parseFloat(top) || 0;
-            if (translateX === "-50%") {
-                actualLeft = actualLeft - contentWidth / 2;
-            }
-            else if (translateX === "-100%") {
-                actualLeft = actualLeft - contentWidth;
-            }
-            if (translateY === "-50%") {
-                actualTop = actualTop - contentHeight / 2;
-            }
-            else if (translateY === "-100%") {
-                actualTop = actualTop - contentHeight;
-            }
-            // 水平边界调整
-            if (finalPlacement === "top" || finalPlacement === "bottom") {
-                if (actualLeft < SAFE_MARGIN) {
-                    left = (x + SAFE_MARGIN) + "px";
-                    translateX = "0";
-                }
-                else if (actualLeft + contentWidth > viewportWidth - SAFE_MARGIN) {
-                    left = (viewportWidth - contentWidth - SAFE_MARGIN) + "px";
-                    translateX = "0";
-                }
-            }
-            // 垂直边界调整
-            else {
-                if (actualTop < SAFE_MARGIN) {
-                    top = (y + SAFE_MARGIN) + "px";
-                    translateY = "0";
-                }
-                else if (actualTop + contentHeight > viewportHeight - SAFE_MARGIN) {
-                    top = (viewportHeight - contentHeight - SAFE_MARGIN) + "px";
-                    translateY = "0";
-                }
-            }
             this.contentElement.nativeElement.style.top = top;
             this.contentElement.nativeElement.style.left = left;
             this.contentElement.nativeElement.style.transform = "translate(" + translateX + ", " + translateY + ")";
-            this.contentElement.nativeElement.style.visibility = "visible";
         };
         /**
          * @return {?}
@@ -1832,15 +1748,13 @@
          * @return {?}
          */
         function () {
-            if (this.trigger !== "hover") {
+            if (this.fixed === "no" || this.trigger !== "hover") {
                 return;
             }
             this.opened = "yes";
             this.openChange.emit(true);
             this.setFixedContentPosition();
-            if (this.fixed === "yes") {
-                window.addEventListener("mousemove", this.onMoveOutside);
-            }
+            window.addEventListener("mousemove", this.onMoveOutside);
         };
         /**
          * @return {?}
@@ -1863,7 +1777,7 @@
         FloatBoxComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-float-box",
-                        template: "<div\r\n  #element\r\n  class=\"float-box-container\"\r\n  [attr.data-trigger]=\"trigger\"\r\n  (click)=\"onClickContainer()\"\r\n  (mouseenter)=\"onMouseEnter()\"\r\n>\r\n  <ng-content></ng-content>\r\n  <div\r\n    #content\r\n    class=\"float-box-content\"\r\n    [attr.data-placement]=\"actualPlacement || placement\"\r\n    [attr.data-position]=\"position\"\r\n    [attr.data-animation]=\"animation\"\r\n    [attr.data-fixed]=\"fixed\"\r\n    [attr.data-opened]=\"opened\"\r\n  >\r\n    <div class=\"float-box-show-content\">\r\n      <ng-content select=\"[float-content]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div\r\n  #element\r\n  class=\"float-box-container\"\r\n  [attr.data-trigger]=\"trigger\"\r\n  (click)=\"onClickContainer()\"\r\n  (mouseenter)=\"onMouseEnter()\"\r\n>\r\n  <ng-content></ng-content>\r\n  <div\r\n    #content\r\n    class=\"float-box-content\"\r\n    [attr.data-placement]=\"placement\"\r\n    [attr.data-position]=\"position\"\r\n    [attr.data-animation]=\"animation\"\r\n    [attr.data-fixed]=\"fixed\"\r\n    [attr.data-opened]=\"opened\"\r\n  >\r\n    <div class=\"float-box-show-content\">\r\n      <ng-content select=\"[float-content]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                         styles: [".float-box-container{position:relative}.float-box-container[data-trigger=click]>.float-box-content[data-opened=no],.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top:0;--left:0;--translate-x:0;--translate-y:0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{-webkit-animation:.25s ease-in-out;animation:.25s ease-in-out}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{-webkit-animation-name:open-from-top;animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start]{--left:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center]{--left:50%;--translate-x:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end]{--left:calc(100% + 8px);--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top:50%;--translate-y:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top:calc(100% + 8px);--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{-webkit-animation-name:open-from-top;animation-name:open-from-top}@-webkit-keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@-webkit-keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}"]
                     }] }
         ];
@@ -1895,8 +1809,6 @@
         /** @type {?} */
         FloatBoxComponent.prototype._fixed;
         /** @type {?} */
-        FloatBoxComponent.prototype.actualPlacement;
-        /** @type {?} */
         FloatBoxComponent.prototype.openChange;
         /** @type {?} */
         FloatBoxComponent.prototype.rootElement;
@@ -24007,6 +23919,7 @@
             this.showErrorIcon = false;
             this.showZoomBtn = false;
             this.customSave = false;
+            this.customPageTitle = false;
             // 显示相关属性
             this.dialogStyle = {};
             this.size = "";
@@ -24113,7 +24026,7 @@
         CommonDialogComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-common-dialog",
-                        template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n    <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\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=\"header__title\">\r\n        <img\r\n          src=\"../../../assets/img/notification-status-warning.svg\"\r\n          alt=\"\"\r\n          *ngIf=\"showErrorIcon\"\r\n        />\r\n        {{ title }}\r\n      </div>\r\n    </ng-template>\r\n    <!-- <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div> -->\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
                         styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
                     }] }
         ];
@@ -24133,6 +24046,7 @@
             showErrorIcon: [{ type: core.Input }],
             showZoomBtn: [{ type: core.Input }],
             customSave: [{ type: core.Input }],
+            customPageTitle: [{ type: core.Input }],
             onCloseRequest: [{ type: core.Input }],
             dialogStyle: [{ type: core.Input }],
             size: [{ type: core.Input }],
@@ -24170,6 +24084,8 @@
         /** @type {?} */
         CommonDialogComponent.prototype.customSave;
         /** @type {?} */
+        CommonDialogComponent.prototype.customPageTitle;
+        /** @type {?} */
         CommonDialogComponent.prototype.onCloseRequest;
         /** @type {?} */
         CommonDialogComponent.prototype.dialogStyle;