raise-common-lib 0.0.151 → 0.0.153

package/fesm5/raise-common-lib.js

@@ -1758,6 +1758,8 @@ if (false) {
     /** @type {?|undefined} */
     DialogConfig.prototype.cancelBtnLabel;
     /** @type {?|undefined} */
+    DialogConfig.prototype.discardBtnLabel;
+    /** @type {?|undefined} */
     DialogConfig.prototype.showErrorIcon;
     /** @type {?|undefined} */
     DialogConfig.prototype.hideCloseIcon;
@@ -1768,6 +1770,8 @@ if (false) {
     /** @type {?|undefined} */
     DialogConfig.prototype.hideCloseBtn;
     /** @type {?|undefined} */
+    DialogConfig.prototype.hideDiscardBtn;
+    /** @type {?|undefined} */
     DialogConfig.prototype.showZoomBtn;
     /** @type {?|undefined} */
     DialogConfig.prototype.onCloseRequest;
@@ -1779,6 +1783,7 @@ var CommonDeleteComponent = /** @class */ (function () {
         this.title = "";
         this.saveBtnLabel = "";
         this.cancelBtnLabel = "";
+        this.discardBtnLabel = "";
         this.description = "";
         this.size = "small";
         this.showZoomBtn = false;
@@ -1797,6 +1802,7 @@ var CommonDeleteComponent = /** @class */ (function () {
             this.data.saveBtnLabel || this.translation.DELETE || ".DELETE";
         this.cancelBtnLabel =
             this.data.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
+        this.discardBtnLabel = this.data.discardBtnLabel;
         this.description =
             this.data.description ||
                 this.translation.IF_YOU_DELETE_THIS_RECORD_WARNING ||
@@ -1804,46 +1810,10 @@ var CommonDeleteComponent = /** @class */ (function () {
         this.size = this.data.size || "small";
         this.showZoomBtn = this.data.showZoomBtn || false;
     };
-    /**
-     * @param {?} e
-     * @return {?}
-     */
-    CommonDeleteComponent.prototype.onSave = /**
-     * @param {?} e
-     * @return {?}
-     */
-    function (e) {
-        this.dialogRef.close(e);
-    };
-    /**
-     * @param {?} e
-     * @return {?}
-     */
-    CommonDeleteComponent.prototype.onClose = /**
-     * @param {?} e
-     * @return {?}
-     */
-    function (e) {
-        var _this = this;
-        if (this.data.onCloseRequest) {
-            this.data.onCloseRequest(e).then((/**
-             * @param {?} confirmed
-             * @return {?}
-             */
-            function (confirmed) {
-                if (confirmed) {
-                    _this.dialogRef.close();
-                }
-            }));
-        }
-        else {
-            this.dialogRef.close();
-        }
-    };
     CommonDeleteComponent.decorators = [
         { type: Component, args: [{
                     selector: "kt-common-delete-dialog",
-                    template: "<kt-common-dialog\r\n\t[size]=\"size\"\r\n\t[title]=\"title\"\r\n\t[hideHeader]=\"false\"\r\n\t[hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n\t[hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n\t[saveBtnLabel]=\"saveBtnLabel\"\r\n\t[cancelBtnLabel]=\"cancelBtnLabel\"\r\n\t[showZoomBtn]=\"showZoomBtn\"\r\n\t[showErrorIcon]=\"\r\n\t\tdata.showErrorIcon === undefined ? false : data.showErrorIcon\r\n\t\"\r\n\t[hideCloseIcon]=\"\r\n\t\tdata.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n\t\"\r\n\t(saveEmit)=\"onSave($event)\"\r\n>\r\n\t<div class=\"mapping-dialog\">\r\n\t\t{{ description }}\r\n\t</div>\r\n</kt-common-dialog>\r\n",
+                    template: "<rs-common-dialog\r\n  [size]=\"size\"\r\n  [title]=\"title\"\r\n  [hideHeader]=\"false\"\r\n  [hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n  [hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n  [hideDiscardBtn]=\"\r\n    data.hideDiscardBtn === undefined ? true : data.hideDiscardBtn\r\n  \"\r\n  [saveBtnLabel]=\"saveBtnLabel\"\r\n  [cancelBtnLabel]=\"cancelBtnLabel\"\r\n  [discardBtnLabel]=\"discardBtnLabel\"\r\n  [showErrorIcon]=\"\r\n    data.showErrorIcon === undefined ? false : data.showErrorIcon\r\n  \"\r\n  [hideCloseIcon]=\"\r\n    data.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n  \"\r\n>\r\n  <div class=\"mapping-dialog\">\r\n    {{ description }}\r\n  </div>\r\n</rs-common-dialog>\r\n",
                     styles: [".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}"]
                 }] }
     ];
@@ -1864,6 +1834,8 @@ if (false) {
     /** @type {?} */
     CommonDeleteComponent.prototype.cancelBtnLabel;
     /** @type {?} */
+    CommonDeleteComponent.prototype.discardBtnLabel;
+    /** @type {?} */
     CommonDeleteComponent.prototype.description;
     /** @type {?} */
     CommonDeleteComponent.prototype.size;
@@ -1991,11 +1963,14 @@ var DialogService = /** @class */ (function () {
         /** @type {?} */
         var defaultData = {
             title: this.translation.UNSAVED_CHANGES || ".UNSAVED_CHANGES",
-            description: this.translation
-                .YOU_HAVE_UNSAVED_CHANGED_ARE_YOU_SURE_YOU_WANT_TO_DISCARD_THEM ||
-                ".YOU_HAVE_UNSAVED_CHANGED_ARE_YOU_SURE_YOU_WANT_TO_DISCARD_THEM",
-            saveBtnLabel: this.translation.DISCARD_CHANGES || ".DISCARD_CHANGES",
-            cancelBtnLabel: this.translation.CONTINUE_EDITING || ".CONTINUE_EDITING",
+            description: this.translation.YOU_HAVE_UNSAVED_CHANGES_DO_YOU_WANT_TO_CONTINUE ||
+                ".YOU_HAVE_UNSAVED_CHANGES_DO_YOU_WANT_TO_CONTINUE",
+            saveBtnLabel: this.translation.SAVE_AND_LEAVE || ".SAVE_AND_LEAVE",
+            discardBtnLabel: this.translation.DISCARD_AND_LEAVE || ".DISCARD_AND_LEAVE",
+            cancelBtnLabel: this.translation.CANCEL || ".CANCEL",
+            hideDiscardBtn: false,
+            size: "medium",
+            hideCloseIcon: true,
         };
         if (data) {
             data = Object.assign(defaultData, data);
@@ -22697,8 +22672,10 @@ var CommonDialogComponent = /** @class */ (function () {
         this.hideCloseIcon = false;
         this.hideCloseBtn = false;
         this.hideSaveBtn = false;
+        this.hideDiscardBtn = false;
         this.saveBtnLabel = "";
         this.cancelBtnLabel = "";
+        this.discardBtnLabel = "";
         this.showErrorIcon = false;
         this.showZoomBtn = false;
         // 显示相关属性
@@ -22744,12 +22721,12 @@ var CommonDialogComponent = /** @class */ (function () {
              */
             function (confirmed) {
                 if (confirmed) {
-                    _this.dialogRef.close();
+                    _this.dialogRef.close("close");
                 }
             }));
         }
         else {
-            this.dialogRef.close();
+            this.dialogRef.close("close");
         }
     };
     /**
@@ -22773,15 +22750,16 @@ var CommonDialogComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        var _this = this;
-        // 这里把关闭事件emit上去，但是必须使用箭头函数保存this对象
-        this.saveEmit.emit((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) {
-            _this.dialogRef.close(res);
-        }));
+        this.dialogRef.close("save");
+    };
+    /**
+     * @return {?}
+     */
+    CommonDialogComponent.prototype.onDiscard = /**
+     * @return {?}
+     */
+    function () {
+        this.dialogRef.close("discard");
     };
     /**
      * @private
@@ -22801,8 +22779,8 @@ var CommonDialogComponent = /** @class */ (function () {
     CommonDialogComponent.decorators = [
         { type: 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    </div>\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header__close-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header__close-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/shrink-icon.svg\"\r\n        />\r\n        <img\r\n          class=\"header__close-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/grow-icon.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header__close-btn\" (click)=\"onClose()\">\r\n        <img class=\"header__close-icon\" src=\"../../../assets/img/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\r\n        *ngIf=\"!hideCloseBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onClose()\"\r\n      >\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideSaveBtn\"\r\n        class=\"e-btn e-primary\"\r\n        (click)=\"onSave()\"\r\n      >\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:80vw!important;max-width:1885px;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__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;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;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__footer button{border-radius:4px;padding:6px 16px;border:none;min-width:70px}:host::ng-deep .dialog .dialog__footer button+button{margin-left:12px}:host::ng-deep .dialog .dialog__footer .save-btn{background:#1364b3;border:1px solid #1364b3;font-weight:700;color:#fff}:host::ng-deep .dialog .dialog__footer .cancel-btn{border:1px solid #adb5bd;background:#fff}: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%)}"]
+                    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    </div>\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header__close-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header__close-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/shrink-icon.svg\"\r\n        />\r\n        <img\r\n          class=\"header__close-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/grow-icon.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header__close-btn\" (click)=\"onClose()\">\r\n        <img class=\"header__close-icon\" src=\"../../../assets/img/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\r\n        *ngIf=\"!hideCloseBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onClose()\"\r\n      >\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideDiscardBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onDiscard()\"\r\n      >\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideSaveBtn\"\r\n        class=\"e-btn e-primary\"\r\n        (click)=\"onSave()\"\r\n      >\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:80vw!important;height:88vh!important;max-width:1885px;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__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;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%)}"]
                 }] }
     ];
     /** @nocollapse */
@@ -22814,8 +22792,10 @@ var CommonDialogComponent = /** @class */ (function () {
         hideCloseIcon: [{ type: Input }],
         hideCloseBtn: [{ type: Input }],
         hideSaveBtn: [{ type: Input }],
+        hideDiscardBtn: [{ type: Input }],
         saveBtnLabel: [{ type: Input }],
         cancelBtnLabel: [{ type: Input }],
+        discardBtnLabel: [{ type: Input }],
         showErrorIcon: [{ type: Input }],
         showZoomBtn: [{ type: Input }],
         onCloseRequest: [{ type: Input }],
@@ -22841,10 +22821,14 @@ if (false) {
     /** @type {?} */
     CommonDialogComponent.prototype.hideSaveBtn;
     /** @type {?} */
+    CommonDialogComponent.prototype.hideDiscardBtn;
+    /** @type {?} */
     CommonDialogComponent.prototype.saveBtnLabel;
     /** @type {?} */
     CommonDialogComponent.prototype.cancelBtnLabel;
     /** @type {?} */
+    CommonDialogComponent.prototype.discardBtnLabel;
+    /** @type {?} */
     CommonDialogComponent.prototype.showErrorIcon;
     /** @type {?} */
     CommonDialogComponent.prototype.showZoomBtn;