ngx-rs-ant 1.4.1 → 1.4.4

package/fesm2020/ngx-rs-ant.mjs

@@ -14,7 +14,6 @@ import * as i6 from 'devextreme-angular/ui/load-panel';
 import * as i6$1 from 'devextreme-angular/ui/nested';
 import { DxoPositionModule } from 'devextreme-angular/ui/nested';
 import * as i4 from 'devextreme-angular/ui/button';
-import { HelperUtils } from 'ng-devui';
 import * as i1$1 from '@angular/common/http';
 import CustomStore from 'devextreme/data/custom_store';
 import * as i3 from 'devextreme-angular/core';
@@ -26,6 +25,8 @@ import * as i3$1 from 'devextreme-angular/ui/accordion';
 import * as i7 from 'devextreme-angular/ui/validation-group';
 import * as i4$1 from 'devextreme-angular/ui/text-box';
 import * as i4$2 from 'devextreme-angular/ui/popover';
+import * as i2$3 from 'ng2-pdfjs-viewer';
+import { PdfJsViewerComponent, PdfJsViewerModule } from 'ng2-pdfjs-viewer';
 
 class DividerLineComponent {
     get _style() {
@@ -1934,11 +1935,10 @@ class DataGridService {
             return response.data.list;
         }));
     }
-    downloadAttachment(id, filename, onSuccess) {
-        HelperUtils.downloadFileByHttpClient(this.http, 'api/file/download/' + id, {
-            method: 'GET',
-            filename
-        }, undefined, onSuccess);
+    downloadAttachment(id) {
+        return this.http.get('api/file/download/' + id, {
+            responseType: "blob"
+        });
     }
     getUserInfo(uid) {
         if (!this.userInfoCache.hasOwnProperty(uid)) {
@@ -2502,6 +2502,21 @@ function format_file_size(size) {
     }
     return Math.round(size * 100) / 100 + " " + labels[i];
 }
+function download_file(blob, filename, callback) {
+    const url = window.webkitURL.createObjectURL(blob);
+    const a = document.createElement('a');
+    document.body.appendChild(a);
+    a.setAttribute('style', 'display:none');
+    a.setAttribute('href', url);
+    a.setAttribute('download', decodeURIComponent(filename));
+    a.click();
+    setTimeout(() => {
+        if (callback) {
+            callback();
+        }
+        a.remove();
+    });
+}
 async function validate(validator) {
     return new Promise(resolve => {
         const validateResult = validator.instance.validate();
@@ -2600,18 +2615,47 @@ class FileCellTemplateComponent {
             });
         });
     }
+    preview() {
+        if (!window.coast.tabManager) {
+            notify_warning('此操作仅能在coast-web项目中执行，type：preview');
+            return;
+        }
+        window.coast.tabManager.add.next({
+            type: 'preview',
+            id: 'preview:' + this.oid,
+            title: this.filename,
+            config: {
+                config: {
+                    direction: "row",
+                    list: [{
+                            type: "plugin",
+                            style: {},
+                            config: {
+                                name: "coast-file-preview",
+                                pluginConfig: {
+                                    id: this.oid,
+                                    name: this.filename
+                                }
+                            }
+                        }]
+                }
+            }
+        });
+    }
     download() {
         this.loading = true;
-        this.service.downloadAttachment(this.oid, this.filename, () => {
-            this.loading = false;
+        this.service.downloadAttachment(this.oid).subscribe(blob => {
+            download_file(blob, this.filename, () => {
+                this.loading = false;
+            });
         });
     }
 }
 FileCellTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, deps: [{ token: DataGridService }, { token: i2$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i5.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+FileCellTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FileCellTemplateComponent, selector: "rs-file-cell-template", inputs: { table: "table", oid: "oid" }, ngImport: i0, template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{ filename }}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-file\" text=\"\u9884\u89C8\"\n                 (onClick)=\"preview()\" [disabled]=\"loading\"></dx-button>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i4.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i5.DxTooltipComponent, selector: "dx-tooltip", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showEvent", "target", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showEventChange", "targetChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FileCellTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-file-cell-template', template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{filename}}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n" }]
+            args: [{ selector: 'rs-file-cell-template', template: "<dx-button #fileBtn type=\"default\" stylingMode=\"text\">\n  <i class=\"coast-icon-file-{{icon}}\" style=\"padding-right: 4px;\"></i>\n  {{ filename }}\n  <dx-tooltip [target]=\"fileBtn.instance.element()\"\n              [position]=\"'top'\"\n              [visible]=\"false\"\n              [showEvent]=\"'click'\">\n    <div *dxTemplate=\"let data of 'content'\">\n      <div [innerHTML]=\"content\"></div>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-file\" text=\"\u9884\u89C8\"\n                 (onClick)=\"preview()\" [disabled]=\"loading\"></dx-button>\n      <dx-button type=\"default\" stylingMode=\"text\" icon=\"coast-icon coast-icon-download\" text=\"\u4E0B\u8F7D\"\n                 (onClick)=\"download()\" [disabled]=\"loading\"></dx-button>\n    </div>\n  </dx-tooltip>\n</dx-button><br/>\n" }]
         }], ctorParameters: function () { return [{ type: DataGridService }, { type: i2$2.DomSanitizer }]; }, propDecorators: { table: [{
                 type: Input
             }], oid: [{
@@ -3556,6 +3600,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
+class PdfViewerComponent {
+    constructor(http) {
+        this.http = http;
+        this.loaded = new EventEmitter();
+    }
+    ngOnInit() {
+        this.http.get(this.src, {
+            responseType: "blob"
+        }).subscribe(response => {
+            this.viewer.pdfSrc = response;
+            this.viewer.refresh();
+            this.loaded.emit();
+        });
+    }
+}
+PdfViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PdfViewerComponent, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+PdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: PdfViewerComponent, isStandalone: true, selector: "rs-pdf-viewer", inputs: { src: "src" }, outputs: { loaded: "loaded" }, viewQueries: [{ propertyName: "viewer", first: true, predicate: PdfJsViewerComponent, descendants: true, static: true }], ngImport: i0, template: "<ng2-pdfjs-viewer\n  [openFile]=\"false\"\n  [download]=\"false\"\n  [viewBookmark]=\"false\"\n>\n</ng2-pdfjs-viewer>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host ng2-pdfjs-viewer{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: PdfJsViewerModule }, { kind: "component", type: i2$3.PdfJsViewerComponent, selector: "ng2-pdfjs-viewer", inputs: ["viewerId", "viewerFolder", "externalWindow", "showSpinner", "downloadFileName", "openFile", "download", "startDownload", "viewBookmark", "print", "startPrint", "fullScreen", "find", "zoom", "nameddest", "pagemode", "lastPage", "rotatecw", "rotateccw", "cursor", "scroll", "spread", "locale", "useOnlyCssZoom", "errorOverride", "errorAppend", "errorMessage", "diagnosticLogs", "externalWindowOptions", "page", "pdfSrc"], outputs: ["onBeforePrint", "onAfterPrint", "onDocumentLoad", "onPageChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PdfViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-pdf-viewer', standalone: true, imports: [CommonModule, PdfJsViewerModule], template: "<ng2-pdfjs-viewer\n  [openFile]=\"false\"\n  [download]=\"false\"\n  [viewBookmark]=\"false\"\n>\n</ng2-pdfjs-viewer>\n", styles: [":host{display:flex;flex-flow:column nowrap}:host ng2-pdfjs-viewer{flex:1}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; }, propDecorators: { src: [{
+                type: Input
+            }], loaded: [{
+                type: Output
+            }], viewer: [{
+                type: ViewChild,
+                args: [PdfJsViewerComponent, { static: true }]
+            }] } });
+
 class WebsocketModule {
 }
 WebsocketModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WebsocketModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3723,5 +3796,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, file_type_icon, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, validate, validate_group };
+export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, IconSelectorComponent, IconSelectorModule, InstanceLinkTemplateDirective, ItemConfigComponent, ItemStyleComponent, MasterDetailTemplateDirective, ModalComponent, ModalModule, ModalService, PdfViewerComponent, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, download_file, file_type_icon, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, validate, validate_group };
 //# sourceMappingURL=ngx-rs-ant.mjs.map