raise-common-lib 0.0.151 → 0.0.153

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

@@ -1950,6 +1950,8 @@
         /** @type {?|undefined} */
         DialogConfig.prototype.cancelBtnLabel;
         /** @type {?|undefined} */
+        DialogConfig.prototype.discardBtnLabel;
+        /** @type {?|undefined} */
         DialogConfig.prototype.showErrorIcon;
         /** @type {?|undefined} */
         DialogConfig.prototype.hideCloseIcon;
@@ -1960,6 +1962,8 @@
         /** @type {?|undefined} */
         DialogConfig.prototype.hideCloseBtn;
         /** @type {?|undefined} */
+        DialogConfig.prototype.hideDiscardBtn;
+        /** @type {?|undefined} */
         DialogConfig.prototype.showZoomBtn;
         /** @type {?|undefined} */
         DialogConfig.prototype.onCloseRequest;
@@ -1971,6 +1975,7 @@
             this.title = "";
             this.saveBtnLabel = "";
             this.cancelBtnLabel = "";
+            this.discardBtnLabel = "";
             this.description = "";
             this.size = "small";
             this.showZoomBtn = false;
@@ -1989,6 +1994,7 @@
                 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 ||
@@ -1996,46 +2002,10 @@
             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: core.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}"]
                     }] }
         ];
@@ -2056,6 +2026,8 @@
         /** @type {?} */
         CommonDeleteComponent.prototype.cancelBtnLabel;
         /** @type {?} */
+        CommonDeleteComponent.prototype.discardBtnLabel;
+        /** @type {?} */
         CommonDeleteComponent.prototype.description;
         /** @type {?} */
         CommonDeleteComponent.prototype.size;
@@ -2183,11 +2155,14 @@
             /** @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);
@@ -22889,8 +22864,10 @@
             this.hideCloseIcon = false;
             this.hideCloseBtn = false;
             this.hideSaveBtn = false;
+            this.hideDiscardBtn = false;
             this.saveBtnLabel = "";
             this.cancelBtnLabel = "";
+            this.discardBtnLabel = "";
             this.showErrorIcon = false;
             this.showZoomBtn = false;
             // 显示相关属性
@@ -22936,12 +22913,12 @@
                  */
                 function (confirmed) {
                     if (confirmed) {
-                        _this.dialogRef.close();
+                        _this.dialogRef.close("close");
                     }
                 }));
             }
             else {
-                this.dialogRef.close();
+                this.dialogRef.close("close");
             }
         };
         /**
@@ -22965,15 +22942,16 @@
          * @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
@@ -22993,8 +22971,8 @@
         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    </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 */
@@ -23006,8 +22984,10 @@
             hideCloseIcon: [{ type: core.Input }],
             hideCloseBtn: [{ type: core.Input }],
             hideSaveBtn: [{ type: core.Input }],
+            hideDiscardBtn: [{ type: core.Input }],
             saveBtnLabel: [{ type: core.Input }],
             cancelBtnLabel: [{ type: core.Input }],
+            discardBtnLabel: [{ type: core.Input }],
             showErrorIcon: [{ type: core.Input }],
             showZoomBtn: [{ type: core.Input }],
             onCloseRequest: [{ type: core.Input }],
@@ -23033,10 +23013,14 @@
         /** @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;