@gsp-svc/formdoc-upload 0.1.36 → 0.1.38

package/bundles/gsp-svc-formdoc-upload.umd.js

@@ -59,9 +59,11 @@
         FormdocUploadModule.decorators = [
             { type: i0.NgModule, args: [{
                         declarations: [FormdocUploadComponent],
-                        imports: [],
+                        imports: [
+                            http.HttpClientModule
+                        ],
                         exports: [FormdocUploadComponent],
-                        providers: [cafCommon.LanguageService,
+                        providers: [cafCommon.LanguageService, cafCommon.HttpService, cafCommon.CacheService, cafCommon.SessionService,
                             { provide: i0.LOCALE_ID, useValue: ɵ0 },]
                     },] }
         ];
@@ -142,6 +144,16 @@
         return ChangeInstanceRequest;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CopyFileRequest = /** @class */ (function () {
+        function CopyFileRequest() {
+        }
+        return CopyFileRequest;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -382,6 +394,36 @@
                     return of.of(error);
                 })));
             };
+        /**
+         * @param {?} metadataId
+         * @param {?} rootId
+         * @param {?} path
+         * @return {?}
+         */
+        UploadService.prototype.copyFile = /**
+         * @param {?} metadataId
+         * @param {?} rootId
+         * @param {?} path
+         * @return {?}
+         */
+            function (metadataId, rootId, path) {
+                /** @type {?} */
+                var url = "/api/runtime/dfs/v1.0/formdoc/copy";
+                /** @type {?} */
+                var request = new CopyFileRequest;
+                request.metadataId = metadataId;
+                request.rootId = rootId;
+                request.path = path;
+                return this.http.post(url, request).pipe(operators.tap(( /**
+                 * @param {?} res
+                 * @return {?}
+                 */function (res) { })), operators.catchError(( /**
+                 * @param {?} error
+                 * @return {?}
+                 */function (error) {
+                    return of.of(error);
+                })));
+            };
         /**
          * @param {?} uploadFileInfoList
          * @param {?} rootId
@@ -708,7 +750,7 @@
             this.beyondFileList = [];
             this.showType = 0;
             this.mouseOn = false;
-            this.bufferSize = 1024 * 1024;
+            this.bufferSize = 10 * 1024 * 1024;
             this.selectedFileCount = 0;
             this.uploadIconAddress = '/platform/runtime/dfs/images/upload.svg';
             this.uploadLittleIconAddress = '/platform/runtime/dfs/images/uploadIcon.svg';
@@ -743,6 +785,7 @@
             this.totalLoad = null;
             this.exStorageFileList = [];
             if (this.injector) {
+                this.httpclient = this.injector.get(http.HttpClient);
                 this.localeid = localStorage.getItem("languageCode") || this.injector.get(i0.LOCALE_ID);
                 this.localepipe = new LocalLangPipe(this.localeid);
             }
@@ -1016,6 +1059,82 @@
             function (file) {
                 this.msgService.error(this.localepipe.transform('uploadFailure') + file.errorMessage);
             };
+        /**
+         * @param {?} uuid
+         * @param {?} selectedFile
+         * @param {?} fileName
+         * @return {?}
+         */
+        FileUploadComponent.prototype.handleFileInfo = /**
+         * @param {?} uuid
+         * @param {?} selectedFile
+         * @param {?} fileName
+         * @return {?}
+         */
+            function (uuid, selectedFile, fileName) {
+                var _this = this;
+                return new Promise(( /**
+                 * @param {?} resolve
+                 * @return {?}
+                 */function (resolve) {
+                    /** @type {?} */
+                    var fileInfo;
+                    fileInfo = {
+                        id: uuid,
+                        name: fileName,
+                        type: selectedFile.type,
+                        source: "",
+                        size: _this.getFileSize(selectedFile.size),
+                        fileSize: selectedFile.size,
+                        picListDisplayName: _this.getPicListDisplayName(fileName),
+                        queueListDisplayName: _this.getQueueDisplayName(fileName),
+                        //content: reader.result.toString(),
+                        hasUploaded: false,
+                        mouseOn: false,
+                        selectd: false,
+                        isUploading: true,
+                        uploadResult: false,
+                        uploadProcess: 0,
+                        errorMessage: "",
+                        extensionDropListId: 0,
+                        extensionName: "",
+                        securityDropListId: 0,
+                        securityInfo: _this.securityInfoList[0]
+                    };
+                    if (_this.storageExtension != null)
+                        fileInfo.extensionName = _this.defaultPropertyName;
+                    /** @type {?} */
+                    var type = selectedFile.type;
+                    if (type.includes("tiff")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Other);
+                    }
+                    else if (type.includes("image")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Image);
+                    }
+                    else if (type.includes("word")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Word);
+                    }
+                    else if (type.includes("pdf")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Pdf);
+                    }
+                    else if (type.includes("plain")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Txt);
+                    }
+                    else if (type.includes("sheet") || type.includes("excel")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Excel);
+                    }
+                    else if (type.includes("powerpoint") || type.includes("presentation")) {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Powerpoint);
+                    }
+                    else {
+                        _this.addDocInfo(selectedFile, fileInfo, DocType.Other);
+                        // let name: string = selectedFile.name;
+                        // let errType = name.substring(selectedFile.name.lastIndexOf('.'));
+                        // this.errTypeList.push(errType);
+                    }
+                    resolve(fileInfo);
+                }));
+            };
         /**
          * @param {?} uuid
          * @param {?} selectedFile
@@ -1035,161 +1154,145 @@
                 if (state === void 0) {
                     state = FileState.New;
                 }
-                /** @type {?} */
-                var fileInfo;
-                // let uuid = UUID.UUID();
-                //reader.readAsBinaryString(selectedFile);
-                //reader.onload = (e) => {
-                fileInfo = {
-                    id: uuid,
-                    name: fileName,
-                    type: selectedFile.type,
-                    source: "",
-                    size: this.getFileSize(selectedFile.size),
-                    fileSize: selectedFile.size,
-                    picListDisplayName: this.getPicListDisplayName(fileName),
-                    queueListDisplayName: this.getQueueDisplayName(fileName),
-                    //content: reader.result.toString(),
-                    hasUploaded: false,
-                    mouseOn: false,
-                    selectd: false,
-                    isUploading: true,
-                    uploadResult: false,
-                    uploadProcess: 0,
-                    errorMessage: "",
-                    extensionDropListId: 0,
-                    extensionName: "",
-                    securityDropListId: 0,
-                    securityInfo: this.securityInfoList[0]
-                };
-                if (this.storageExtension != null)
-                    fileInfo.extensionName = this.defaultPropertyName;
-                /** @type {?} */
-                var chunkTotal = Math.ceil(selectedFile.size / this.bufferSize);
-                /** @type {?} */
-                var chunkIndex = 0;
-                this.fileTotalChunk[uuid] = chunkTotal;
-                /** @type {?} */
-                var uploadFileInfo = new UploadFileInfo();
-                uploadFileInfo.metadataId = uuid;
-                uploadFileInfo.fileName = fileInfo.name;
-                uploadFileInfo.fileSize = fileInfo.size;
-                uploadFileInfo.state = state;
-                uploadFileInfo.securityInfo = this.securityInfoList[0];
-                var _loop_2 = function () {
-                    /** @type {?} */
-                    var uploadInfo = new GspFormUploadEntity;
-                    uploadInfo.formId = this_2.formId;
-                    uploadInfo.mode = OperatingModes.Temp;
-                    uploadInfo.rootId = this_2.rootId;
+                this.handleFileInfo(uuid, selectedFile, fileName).then(( /**
+                 * @param {?} res
+                 * @return {?}
+                 */function (res) {
                     /** @type {?} */
-                    var docInfo = new GspFormDocInfo;
-                    docInfo.fileName = fileName;
-                    docInfo.metadataId = uuid;
-                    docInfo.total = chunkTotal;
-                    this_2.uploadedChunk[docInfo.metadataId] = 0;
+                    var fileInfo = res;
                     /** @type {?} */
-                    var nextSize = Math.min((chunkIndex + 1) * this_2.bufferSize, selectedFile.size);
+                    var chunkTotal = Math.ceil(selectedFile.size / _this.bufferSize);
                     /** @type {?} */
-                    var fileData = selectedFile.slice(chunkIndex * this_2.bufferSize, nextSize);
-                    // let reader = new FileReader();
-                    // reader.readAsBinaryString(fileData);
+                    var chunkIndex = 0;
+                    _this.fileTotalChunk[uuid] = chunkTotal;
                     /** @type {?} */
-                    var innerIndex = chunkIndex;
-                    // reader.onload = () => {
-                    //   docInfo.fileContent = btoa(reader.result.toString());
-                    docInfo.size = selectedFile.size;
-                    docInfo.index = innerIndex;
-                    docInfo.fileContent = "";
-                    //chunkIndex++;
-                    if (this_2.haveExtensionProperty)
-                        docInfo.exPropertyName = this_2.defaultPropertyName;
-                    //docInfo.isLast = true;
-                    uploadInfo.docInfo = docInfo;
-                    // let info = uploadInfo;
-                    // this.requestArray.push(this.uploadService.uploadFile(uploadInfo));
-                    // this.requestBodyArray.push(info);
-                    //封装请求formdata
+                    var uploadFileInfo = new UploadFileInfo();
+                    uploadFileInfo.metadataId = uuid;
+                    uploadFileInfo.fileName = fileInfo.name;
+                    uploadFileInfo.fileSize = fileInfo.size;
+                    uploadFileInfo.state = state;
+                    uploadFileInfo.securityInfo = _this.securityInfoList[0];
+                    while (chunkIndex < chunkTotal) {
+                        /** @type {?} */
+                        var uploadInfo = new GspFormUploadEntity;
+                        uploadInfo.formId = _this.formId;
+                        uploadInfo.mode = OperatingModes.Temp;
+                        uploadInfo.rootId = _this.rootId;
+                        /** @type {?} */
+                        var docInfo = new GspFormDocInfo;
+                        docInfo.fileName = fileName;
+                        docInfo.metadataId = uuid;
+                        docInfo.total = chunkTotal;
+                        _this.uploadedChunk[docInfo.metadataId] = 0;
+                        /** @type {?} */
+                        var nextSize = Math.min((chunkIndex + 1) * _this.bufferSize, selectedFile.size);
+                        /** @type {?} */
+                        var fileData = selectedFile.slice(chunkIndex * _this.bufferSize, nextSize);
+                        // let reader = new FileReader();
+                        // reader.readAsBinaryString(fileData);
+                        /** @type {?} */
+                        var innerIndex = chunkIndex;
+                        // reader.onload = () => {
+                        //   docInfo.fileContent = btoa(reader.result.toString());
+                        docInfo.size = selectedFile.size;
+                        docInfo.index = innerIndex;
+                        docInfo.fileContent = "";
+                        //chunkIndex++;
+                        if (_this.haveExtensionProperty)
+                            docInfo.exPropertyName = _this.defaultPropertyName;
+                        //docInfo.isLast = true;
+                        uploadInfo.docInfo = docInfo;
+                        // let info = uploadInfo;
+                        // this.requestArray.push(this.uploadService.uploadFile(uploadInfo));
+                        // this.requestBodyArray.push(info);
+                        //封装请求formdata
+                        /** @type {?} */
+                        var formData = new FormData();
+                        formData.append('uploadInfo', JSON.stringify(uploadInfo));
+                        formData.append('docInfo', JSON.stringify(docInfo));
+                        formData.append('file', fileData);
+                        // }
+                        //console.log(chunkIndex + 1);
+                        chunkIndex = chunkIndex + 1;
+                    }
                     /** @type {?} */
-                    var formData = new FormData();
-                    formData.append('uploadInfo', JSON.stringify(uploadInfo));
-                    formData.append('docInfo', JSON.stringify(docInfo));
-                    formData.append('file', fileData);
-                    this_2.uploadService.uploadSliceFile(formData).subscribe(( /**
-                     * @param {?} res
+                    var index = -1;
+                    _this.files.forEach(( /**
+                     * @param {?} x
                      * @return {?}
-                     */function (res) {
-                        if (res != null) {
-                            _this.files[_this.files.indexOf(fileInfo)].uploadResult = false;
-                            _this.files[_this.files.indexOf(fileInfo)].isUploading = false;
-                            _this.files[_this.files.indexOf(fileInfo)].errorMessage = res.error.Message;
-                        }
-                        else {
-                            _this.uploadedChunk[docInfo.metadataId]++;
-                            _this.files[_this.files.indexOf(fileInfo)].uploadProcess = Number.parseInt((_this.uploadedChunk[docInfo.metadataId] / _this.fileTotalChunk[docInfo.metadataId] * 100).toFixed(0));
-                            if (_this.uploadedChunk[docInfo.metadataId] == _this.fileTotalChunk[docInfo.metadataId]) {
-                                _this.files[_this.files.indexOf(fileInfo)].uploadResult = true;
-                                _this.files[_this.files.indexOf(fileInfo)].isUploading = false;
-                                _this.uploadFileInfoList = _this.uploadFileInfoList.concat(uploadFileInfo);
-                                _this.uploadedFileInfoList = _this.uploadedFileInfoList.concat(uploadFileInfo);
-                                _this.uploadedFileTotal++;
-                            }
+                     */function (x) {
+                        if (x.name == fileInfo.name) {
+                            if (index == -1)
+                                index = _this.files.indexOf(x);
                         }
                     }));
-                    // }
-                    //console.log(chunkIndex + 1);
-                    chunkIndex = chunkIndex + 1;
-                };
-                var this_2 = this;
-                while (chunkIndex < chunkTotal) {
-                    _loop_2();
-                }
-                /** @type {?} */
-                var type = selectedFile.type;
-                if (type.includes("tiff")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Other);
-                }
-                else if (type.includes("image")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Image);
-                }
-                else if (type.includes("word")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Word);
-                }
-                else if (type.includes("pdf")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Pdf);
-                }
-                else if (type.includes("plain")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Txt);
-                }
-                else if (type.includes("sheet") || type.includes("excel")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Excel);
-                }
-                else if (type.includes("powerpoint") || type.includes("presentation")) {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Powerpoint);
-                }
-                else {
-                    this.addDocInfo(selectedFile, fileInfo, DocType.Other);
-                    // let name: string = selectedFile.name;
-                    // let errType = name.substring(selectedFile.name.lastIndexOf('.'));
-                    // this.errTypeList.push(errType);
-                }
-                /** @type {?} */
-                var index = -1;
-                this.files.forEach(( /**
-                 * @param {?} x
+                    if (index != -1 && index != _this.files.length - 1) {
+                        _this.files.splice(index, 1);
+                        _this.uploadFileInfoList.splice(index, 1);
+                        _this.uploadedFileInfoList.splice(index, 1);
+                        _this.uploadedFileTotal--;
+                    }
+                }));
+            };
+        /**
+         * @param {?} formData
+         * @param {?} fileInfo
+         * @param {?} docInfo
+         * @param {?} uploadFileInfo
+         * @return {?}
+         */
+        FileUploadComponent.prototype.sendUploadRequest = /**
+         * @param {?} formData
+         * @param {?} fileInfo
+         * @param {?} docInfo
+         * @param {?} uploadFileInfo
+         * @return {?}
+         */
+            function (formData, fileInfo, docInfo, uploadFileInfo) {
+                var _this = this;
+                this.uploadSliceFile(formData).subscribe(( /**
+                 * @param {?} res
                  * @return {?}
-                 */function (x) {
-                    if (x.name == fileInfo.name) {
-                        if (index == -1)
-                            index = _this.files.indexOf(x);
+                 */function (res) {
+                    if (res != null) {
+                        _this.files[_this.files.indexOf(fileInfo)].uploadResult = false;
+                        _this.files[_this.files.indexOf(fileInfo)].isUploading = false;
+                        _this.files[_this.files.indexOf(fileInfo)].errorMessage = res.error.Message;
+                    }
+                    else {
+                        _this.uploadedChunk[docInfo.metadataId]++;
+                        _this.files[_this.files.indexOf(fileInfo)].uploadProcess = Number.parseInt((_this.uploadedChunk[docInfo.metadataId] / _this.fileTotalChunk[docInfo.metadataId] * 100).toFixed(0));
+                        if (_this.uploadedChunk[docInfo.metadataId] == _this.fileTotalChunk[docInfo.metadataId]) {
+                            _this.files[_this.files.indexOf(fileInfo)].uploadResult = true;
+                            _this.files[_this.files.indexOf(fileInfo)].isUploading = false;
+                            _this.uploadFileInfoList = _this.uploadFileInfoList.concat(uploadFileInfo);
+                            _this.uploadedFileInfoList = _this.uploadedFileInfoList.concat(uploadFileInfo);
+                            _this.uploadedFileTotal++;
+                        }
                     }
                 }));
-                if (index != -1 && index != this.files.length - 1) {
-                    this.files.splice(index, 1);
-                    this.uploadFileInfoList.splice(index, 1);
-                    this.uploadedFileInfoList.splice(index, 1);
-                    this.uploadedFileTotal--;
-                }
+            };
+        /**
+         * @param {?} formdata
+         * @return {?}
+         */
+        FileUploadComponent.prototype.uploadSliceFile = /**
+         * @param {?} formdata
+         * @return {?}
+         */
+            function (formdata) {
+                /** @type {?} */
+                var url = "/api/runtime/dfs/v1.0/formdoc/slice";
+                //url = "/api/runtime/dfs/v1.0/formdoc/list";
+                return this.httpclient.post(url, formdata).pipe(operators.tap(( /**
+                 * @param {?} res
+                 * @return {?}
+                 */function (res) { })), operators.catchError(( /**
+                 * @param {?} error
+                 * @return {?}
+                 */function (error) {
+                    return rxjs.of(error);
+                })));
             };
         /**
          * @return {?}
@@ -1372,58 +1475,86 @@
          */
             function (selectdFile, fileInfo, docType) {
                 var _this = this;
-                switch (docType) {
-                    case DocType.Word: {
-                        fileInfo.source = "/platform/runtime/dfs/images/word.png";
-                        this.files.push(fileInfo);
-                        break;
-                    }
-                    case DocType.Pdf: {
-                        fileInfo.source = "/platform/runtime/dfs/images/pdf.png";
-                        this.files.push(fileInfo);
-                        break;
-                    }
-                    case DocType.Excel: {
-                        fileInfo.source = "/platform/runtime/dfs/images/excel.png";
-                        this.files.push(fileInfo);
-                        break;
-                    }
-                    case DocType.Txt: {
-                        fileInfo.source = "/platform/runtime/dfs/images/txt.png";
-                        this.files.push(fileInfo);
-                        break;
-                    }
-                    case DocType.Powerpoint: {
-                        fileInfo.source = "/platform/runtime/dfs/images/ppt.png";
-                        this.files.push(fileInfo);
-                        break;
-                    }
-                    case DocType.Other: {
-                        fileInfo.source = "/platform/runtime/dfs/images/file.png";
-                        this.files.push(fileInfo);
-                        break;
+                return new Promise(( /**
+                 * @param {?} resolve
+                 * @return {?}
+                 */function (resolve) {
+                    switch (docType) {
+                        case DocType.Word: {
+                            fileInfo.source = "/platform/runtime/dfs/images/word.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Pdf: {
+                            fileInfo.source = "/platform/runtime/dfs/images/pdf.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Excel: {
+                            fileInfo.source = "/platform/runtime/dfs/images/excel.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Txt: {
+                            fileInfo.source = "/platform/runtime/dfs/images/txt.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Powerpoint: {
+                            fileInfo.source = "/platform/runtime/dfs/images/ppt.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Other: {
+                            fileInfo.source = "/platform/runtime/dfs/images/file.png";
+                            _this.files.push(fileInfo);
+                            break;
+                        }
+                        case DocType.Image: {
+                            _this.getImageUrl(selectdFile).then(( /**
+                             * @param {?} res
+                             * @return {?}
+                             */function (res) {
+                                fileInfo.source = res;
+                                _this.files.push(fileInfo);
+                                resolve(fileInfo);
+                            }));
+                        }
                     }
-                    case DocType.Image:
+                    resolve(fileInfo);
+                }));
+            };
+        /**
+         * @param {?} selectdFile
+         * @return {?}
+         */
+        FileUploadComponent.prototype.getImageUrl = /**
+         * @param {?} selectdFile
+         * @return {?}
+         */
+            function (selectdFile) {
+                var _this = this;
+                return new Promise(( /**
+                 * @param {?} resolve
+                 * @return {?}
+                 */function (resolve) {
+                    /** @type {?} */
+                    var reader = new FileReader();
+                    reader.readAsDataURL(selectdFile);
+                    reader.onload = ( /**
+                     * @param {?} _event
+                     * @return {?}
+                     */function (_event) {
                         /** @type {?} */
-                        var reader_1 = new FileReader();
-                        reader_1.readAsDataURL(selectdFile);
-                        reader_1.onload = ( /**
-                         * @param {?} _event
-                         * @return {?}
-                         */function (_event) {
+                        var imgUrl = reader.result;
+                        if (_this.injector != null) {
                             /** @type {?} */
-                            var imgUrl = reader_1.result;
-                            if (_this.injector != null) {
-                                /** @type {?} */
-                                var sanitizer = _this.injector.get(platformBrowser.DomSanitizer);
-                                fileInfo.source = sanitizer.bypassSecurityTrustResourceUrl(imgUrl);
-                            }
-                            else
-                                fileInfo.source = imgUrl;
-                            _this.files.push(fileInfo);
-                        });
-                        break;
-                }
+                            var sanitizer = _this.injector.get(platformBrowser.DomSanitizer);
+                            imgUrl = sanitizer.bypassSecurityTrustResourceUrl(imgUrl);
+                        }
+                        resolve(imgUrl);
+                    });
+                }));
             };
         /**
          * @param {?} strList
@@ -1666,7 +1797,7 @@
             { type: i0.Component, args: [{
                         selector: 'app-file-upload',
                         template: "<div *ngIf=\"hasSelectedFile\">\n\n    <div class=\"farris-header\" style=\"height: 50px; width: 100%\">\n        <div class=\"btn btn-secondary upload_button\">\n            <img [src]=\"uploadLittleIconAddress\">\n            <span>{{'uploadFile' | locale}} </span>\n            <input type=\"file\" (focus)=\"showLoading()\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\"\n                title=\"\" [accept]=\"fileType\">\n        </div>\n\n\n        <button *ngIf=\"showType==0 && !fileAllSelected && files.length >0 \" style=\"padding-left: 20px\"\n            class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">{{'selectAll' | locale}}</button>\n        <button *ngIf=\"showType==0 && fileAllSelected  && files.length >0 \" style=\"padding-left: 20px\"\n            class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">{{'selectNull' | locale}}</button>\n        <button *ngIf=\"showType==0 && selectedFileCount>0\" style=\"padding-left: 20px\"\n            class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\n\n        <button *ngIf=\"showType==1 && selectedFileCount>0\" style=\"padding-left: 20px\"\n            class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\n\n        <kendo-buttongroup [selection]=\"'single'\" class=\"button_group_upload \"\n            style=\"background-color: #ffffff; color: #388FFF;border: 1px solid #ddd;\" look=\"flat\">\n            <button kendoButton [selected]=\"true\" [toggleable]=\"true\"\n                [imageUrl]=\"'/platform/runtime/dfs/images/piclist.png'\" (click)=\"showByGroup()\"></button>\n            <button kendoButton [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/queuelist.png'\"\n                (click)=\"showByList()\"></button>\n        </kendo-buttongroup>\n\n\n    </div>\n\n    <!-- <div class=\"progress\" style=\"height: 12px;\">\n    <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"uploadProcess\"></div>\n  </div> -->\n\n    <div class=\"pic_list\" *ngIf=\"showType==0\">\n        <ul *ngFor=\"let file of files\">\n            <li (mouseenter)=\"mouseOver(file)\" (mouseleave)=\"mouseOut(file)\">\n                <div *ngIf=\"file.isUploading\">\n                    <farris-progress [type]=\"'circle'\" [percent]=\"file.uploadProcess\" [strokeLinecap]=\"'square'\"\n                        [status]=\"'active'\"></farris-progress>\n                </div>\n\n                <table *ngIf=\"!file.uploadResult && !file.isUploading\"\n                    style=\"margin: 0 auto; border: 1px solid #ddd; width: 135px; height: 160px;\">\n                    <tr style=\"margin: 0 auto ; height: 80px;\">\n                        <td style=\"text-align: center\"><span class=\"f-icon f-icon-warn\"></span></td>\n                    </tr>\n                    <tr style=\"margin: 0 auto ; height: 30px;\">\n                        <td style=\"text-align: center\"> {{'uploadFailure' | locale}} </td>\n                    </tr>\n                    <tr>\n                        <td style=\"text-align: center\"><button style=\"margin: 0 auto ; height: 20px; \"\n                                class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">{{'detail' |\n                                locale}}</button></td>\n                    </tr>\n                </table>\n                <div *ngIf=\"!file.isUploading && file.uploadResult\" style=\"border: 1px solid #ddd;\">\n                    <img [src]='file.source'>\n                    <div *ngIf=\"haveExtensionProperty\"\n                        style=\"width: 133px; height: 25px; background-color: white; position: absolute;bottom: 0; \">\n\n                        <div style=\"width: 100px;height: 25px;position:absolute;margin: 0 17px;\">\n                            <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\"\n                                [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\"\n                                [enableClear]=\"false\">\n                                <!-- <ng-template #itemTemp let-item>\n                                    <div class=\"combo-list\">\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\n                                    </div>\n                                </ng-template> -->\n                            </farris-combo-list>\n                        </div>\n                    </div>\n                    <div *ngIf=\"haveSecurityInfo\"\n                        style=\"width: 133px; height: 25px; background-color: white; position: absolute;bottom: 0; \">\n\n                        <div style=\"width: 100px;height: 25px;position:absolute;margin: 0 17px;\">\n                            <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"securityInfoList\"\n                                [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"securityChange($event,file)\"\n                                [enableClear]=\"false\">\n                                <!-- <ng-template #itemTemp let-item>\n                                    <div class=\"combo-list\">\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\n                                    </div>\n                                </ng-template> -->\n                            </farris-combo-list>\n                        </div>\n                    </div>\n                </div>\n                <table *ngIf=\"!file.isUploading\">\n                    <tr style=\"height: 20px\">\n                        <td style=\"width: 15px; vertical-align: middle; text-align: center\">\n                            <!-- <input type=\"checkbox\" [id]=\"file.name\" (click)=\"checkoutSelectFile(file.name)\">  -->\n                            <div class=\"farris-input-wrap\" style=\"height: 20px\" (click)=\"checkoutSelectFile(file)\">\n                                <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0;height: 20px;\"\n                                    [ngStyle]=\"checkboxPos\">\n                                    <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\"\n                                        [(ngModel)]=\"file.selectd\">\n                                    <label class=\"custom-control-label\"\n                                        style=\"padding: 0 0 10px 0; position: relative; top: -8px;\"></label>\n                                </div>\n                            </div>\n                        </td>\n                        <td style=\"width: 120px; vertical-align: middle; text-align: center\" [title]=\"file.name\">\n                            {{file.picListDisplayName}}</td>\n                    </tr>\n                </table>\n                <!-- <span>{{file.picListDisplayName}}</span> -->\n                <!-- <p class=\"filename\">{{file.picListDisplayName}}</p> -->\n                <button *ngIf=\"!file.isUploading && file.mouseOn\"\n                    style=\"position: absolute; top: 0; right: 0px; width: 24px; height: 24px;\" kendoButton\n                    [icon]=\"'delete'\" (click)=\"listDeleteFile(file)\"></button>\n                <!-- <button *ngIf=\"file.hasUploaded\" class=\"k-primary\" kendoButton [icon]=\"'check'\" [disabled]=\"true\"></button> -->\n            </li>\n        </ul>\n        <br>\n    </div>\n\n    <div class=\"queue_list\" *ngIf=\"showType==1\">\n        <table>\n            <tr style=\"height: 50px; table-layout:fixed;\">\n                <th style=\"width: 40px; vertical-align: middle; text-align: center\">\n                    <!-- <input type=\"checkbox\" id=\"allCheckBox\" (click)=\"selectAllFile()\"> -->\n                    <div class=\"farris-input-wrap\" (click)=\"selectAllFile()\">\n                        <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0\">\n                            <input class=\"custom-control-input\" type=\"checkbox\" id=\"allCheckBox\"\n                                [(ngModel)]=\"fileAllSelected\">\n                            <label class=\"custom-control-label\" style=\"padding: 0\"></label>\n                        </div>\n                    </div>\n                </th>\n                <th style=\"vertical-align: middle\" [ngStyle]=\"queueListStyle\">{{'fileName' | locale}}</th>\n                <th style=\"width: 100px; vertical-align: middle\">{{'size' | locale}}</th>\n                <th style=\"width: 170px; vertical-align: middle; text-align: center\">{{'state' | locale}}</th>\n                <th *ngIf=\"haveExtensionProperty\" style=\"width: 100px; vertical-align: middle; text-align: center\">\n                    {{storageExtension.extensionName}}\n                </th>\n                <th style=\"width: 140px; vertical-align: middle; text-align: center\">{{'operation' | locale}}</th>\n            </tr>\n        </table>\n        <div style=\"height: 370px; overflow: auto;\">\n            <table>\n                <tr *ngFor=\"let file of files\" style=\"height: 40px\">\n                    <td colspan=\"5\" *ngIf=\"file.isUploading\">\n                        <!-- <div style=\"width:100%; display: table-cell; vertical-align: middle; text-align: center; \"> -->\n                        <div style=\"width: 500px;margin:0 auto\">\n                            <farris-progress [percent]=\"file.uploadProcess\" [status]=\"'active'\">\n                            </farris-progress>\n                        </div>\n\n                    </td>\n                    <td *ngIf=\"!file.isUploading\" style=\" width: 40px; vertical-align: middle; text-align: center\">\n                        <!-- <input type=\"checkbox\" [id]=\"file.name\" (click)=\"checkoutSelectFile(file.name)\"> -->\n                        <div class=\"farris-input-wrap\" (click)=\"checkoutSelectFile(file)\">\n                            <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0\">\n                                <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\"\n                                    [(ngModel)]=\"file.selectd\">\n                                <label class=\"custom-control-label\" style=\"padding: 0\"></label>\n                            </div>\n                        </div>\n                    </td>\n                    <td *ngIf=\"!file.isUploading\" style=\"vertical-align: middle\" [ngStyle]=\"queueListStyle\">\n                        {{file.queueListDisplayName}}</td>\n                    <td *ngIf=\"!file.isUploading\" style=\"width: 100px; vertical-align: middle\">{{file.size}}</td>\n                    <td *ngIf=\"!file.isUploading\" style=\"text-align: center; width: 170px; vertical-align: middle;\">\n                        <table *ngIf=\"!file.uploadResult\" style=\"margin: 0 auto\">\n                            <tr style=\"margin: 0 auto\">\n                                <td><span class=\"f-icon f-icon-error\"></span></td>\n                                <td> {{'uploadFailure' | locale}} </td>\n                                <td><button style=\"height: 24px\" class=\"btn-link btn ng-star-inserted\"\n                                        (click)=\"showErrorMessage(file)\">{{'detail' | locale}}</button></td>\n                            </tr>\n                        </table>\n                        <!-- <span *ngIf=\"!file.uploadResult\"><span class=\"f-icon f-icon-error\"></span> \u4E0A\u4F20\u5931\u8D25 <button\n              class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">\u8BE6\u60C5</button></span> -->\n                        <span *ngIf=\"file.uploadResult\"><span class=\"f-icon f-icon-success\"></span> {{'uploadSucceed' |\n                            locale}}</span>\n                    </td>\n                    <td *ngIf=\"!file.isUploading&&haveExtensionProperty\"\n                        style=\"text-align: center; width: 100px; vertical-align: middle;\">\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\"\n                            [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\"\n                            [enableClear]=\"false\">\n                            <!-- <ng-template #itemTemp let-item>\n                                    <div class=\"combo-list\">\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\n                                    </div>\n                                </ng-template> -->\n                        </farris-combo-list>\n                    </td>\n                    <td *ngIf=\"!file.isUploading&&haveSecurityInfo\"\n                        style=\"text-align: center; width: 100px; vertical-align: middle;\">\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"securityInfoList\"\n                            [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"securityChange($event,file)\"\n                            [enableClear]=\"false\">\n                            <!-- <ng-template #itemTemp let-item>\n                            <div class=\"combo-list\">\n                                <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\n                                <span class=\"combo-list-label\">{{item.label}}</span>\n                            </div>\n                        </ng-template> -->\n                        </farris-combo-list>\n                    </td>\n\n                    <td *ngIf=\"!file.isUploading\" style=\"text-align: center; width: 140px; vertical-align: middle;\">\n                        <!-- <button *ngIf=\"file.uploadResult\" class=\"btn-link btn ng-star-inserted\" (click)=\"retryUploadFile(file.name)\">\u91CD\u8BD5</button> -->\n                        <button class=\"btn-link btn ng-star-inserted\" style=\"margin: 0 auto\"\n                            (click)=\"listDeleteFile(file)\">{{'delete' | locale}}</button>\n                    </td>\n\n                </tr>\n            </table>\n        </div>\n    </div>\n</div>\n\n<div *ngIf=\"!hasSelectedFile\" class='home_page'>\n    <img [src]=\"uploadIconAddress\">\n    <div>\n        <span class=\"btn btn-primary btn-lg\">{{'uploadFile' | locale}} </span>\n        <input type=\"file\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\">\n        <!-- <input type=\"file\" (focus)=\"showLoading()\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\"> -->\n    </div>\n</div>",
-                        styles: [".home_page{text-align:center}.home_page img{position:absolute;top:180px;margin-left:-35px;width:70px;height:56px}.home_page div{position:absolute;left:50%;top:255px;margin-left:-75px;width:150px;height:32px;overflow:hidden}.home_page div span{width:150px;height:32px;position:absolute;z-index:10;left:0}.home_page div input{position:absolute;left:0;top:0;opacity:0;filter:'alpha(opacity=0)';z-index:11}.upload_button{width:110px;height:32px;overflow:hidden}.upload_button span{position:relative;right:-4px;top:4px;width:56px;height:22px;font-size:14px}.upload_button input{height:32px;width:110px;position:absolute;left:22px;top:12px;opacity:0;filter:'alpha(opacity=0)';overflow:hidden}.upload_button img{position:relative;left:-6px;top:3px;width:14px;height:14px}.button_group_upload{position:absolute;right:18px;top:12px;height:26px;width:53px}.button_group_upload button{height:26px;width:26px}.fileinput-button{position:absolute;right:60px;bottom:40px;overflow:hidden;width:24px;height:24px;border-radius:12px;transform:scale(2.5);-ms-transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);color:#0686fd}.fileinput-button input{position:absolute;left:0;top:0;opacity:0;filter:'alpha(opacity=0)'}.pic-droplist{height:24px;color:#e0e1e2;background-color:#e0e1e2}.pic-droplist input-group{display:table-cell;width:100px;text-align:center;border:0}.pic-droplist input-group div{border:0}.pic-droplist input-group div div,.pic-droplist input-group div input{background-color:#e0e1e2}.pic_list{padding:0;height:420px;overflow-y:auto;overflow-x:hidden}.pic_list ul{padding:0;list-style:none;width:100%;margin:20px 0 0 20px}.pic_list ul li{height:180px;width:135px;margin:8px 0 8px 12px;float:left;overflow:hidden;align-items:center;position:relative}.pic_list ul li div{width:135px;height:160px;margin:auto;display:table-cell;vertical-align:middle;text-align:center;position:relative}.pic_list ul li div img{max-width:120px;max-height:118px;align-items:center;margin:auto;vertical-align:middle;text-align:center}.pic_list ul li span.filename{width:100px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue_list{display:block;height:420px;overflow-y:auto}.file_list{list-style:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.file_list li{height:50px;line-height:35px;font-size:16px;position:relative}.file_list li button{float:right;top:6px;right:10px;width:20px}.file_list li p.title{padding:0 0 0 6px;margin:0 210px 0 0}.file_list li p.size{position:absolute;width:100px;top:0;right:100px}"]
+                        styles: [".home_page{text-align:center}.home_page img{position:absolute;top:180px;margin-left:-35px;width:70px;height:56px}.home_page div{position:absolute;left:50%;top:255px;margin-left:-75px;width:150px;height:32px;overflow:hidden}.home_page div span{width:150px;height:32px;position:absolute;z-index:10;left:0}.home_page div input{position:absolute;left:0;top:0;opacity:0;filter:'alpha(opacity=0)';z-index:11}.upload_button{width:110px;height:32px;overflow:hidden}.upload_button span{position:relative;right:-4px;top:4px;width:56px;height:22px;font-size:14px}.upload_button input{height:32px;width:110px;position:absolute;left:22px;top:12px;opacity:0;filter:'alpha(opacity=0)';overflow:hidden}.upload_button img{position:relative;left:-6px;top:3px;width:14px;height:14px}.button_group_upload{position:absolute;right:18px;top:12px;height:26px;width:53px}.button_group_upload button{height:26px;width:26px}.fileinput-button{position:absolute;right:60px;bottom:40px;overflow:hidden;width:24px;height:24px;border-radius:12px;transform:scale(2.5);-ms-transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);color:#0686fd}.fileinput-button input{position:absolute;left:0;top:0;opacity:0;filter:'alpha(opacity=0)'}.pic-droplist{height:24px;color:#e0e1e2;background-color:#e0e1e2}.pic-droplist input-group{display:table-cell;width:100px;text-align:center;border:0}.pic-droplist input-group div{border:0}.pic-droplist input-group div div,.pic-droplist input-group div input{background-color:#e0e1e2}.pic_list{padding:0;height:415px;overflow-y:auto;overflow-x:hidden}.pic_list ul{padding:0;list-style:none;width:100%;margin:20px 0 0 20px}.pic_list ul li{height:179px;width:135px;margin:8px 0 8px 12px;float:left;overflow:hidden;align-items:center;position:relative}.pic_list ul li div{width:135px;height:159px;margin:auto;display:table-cell;vertical-align:middle;text-align:center;position:relative}.pic_list ul li div img{max-width:120px;max-height:118px;align-items:center;margin:auto;vertical-align:middle;text-align:center}.pic_list ul li span.filename{width:100px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue_list{display:block;height:420px;overflow-y:auto}.file_list{list-style:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.file_list li{height:50px;line-height:35px;font-size:16px;position:relative}.file_list li button{float:right;top:6px;right:10px;width:20px}.file_list li p.title{padding:0 0 0 6px;margin:0 210px 0 0}.file_list li p.size{position:absolute;width:100px;top:0;right:100px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1875,11 +2006,12 @@
                             uiLoading.LoadingModule.forRoot(),
                             uiProgress.ProgressModule,
                             forms.FormsModule,
-                            uiComboList.ComboListModule
+                            uiComboList.ComboListModule,
+                            http.HttpClientModule
                         ],
                         exports: [FileUploadComponent],
                         entryComponents: [FileUploadComponent],
-                        providers: [UploadService, DownloadService, cafCommon.LanguageService,
+                        providers: [UploadService, DownloadService, cafCommon.LanguageService, cafCommon.HttpService, cafCommon.CacheService, cafCommon.SessionService,
                             { provide: i0.LOCALE_ID, useValue: ɵ0$1 },]
                     },] }
         ];
@@ -2273,6 +2405,7 @@
     exports.GspDocSecurityBaseInfo = GspDocSecurityBaseInfo;
     exports.SecurityEntity = SecurityEntity;
     exports.ExStorageFileInfo = ExStorageFileInfo;
+    exports.CopyFileRequest = CopyFileRequest;
     exports.ɵb = LocalLangPipe;
 
     Object.defineProperty(exports, '__esModule', { value: true });