@gsp-svc/formdoc-upload 0.2.10 → 1.1.0

package/fesm5/gsp-svc-formdoc-upload.js

@@ -10,8 +10,9 @@ import { ProgressModule } from '@farris/ui-progress';
 import { FormsModule } from '@angular/forms';
 import { ComboListModule } from '@farris/ui-combo-list';
 import { FarrisFormsModule } from '@farris/ui-forms';
+import { BasePathService, FarrisRTFModule } from '@farris/rtf';
 import { CacheService, HttpService, LanguageService, SessionService } from '@ecp-caf/caf-common';
-import { Injectable, Pipe, Inject, LOCALE_ID, Component, Injector, ComponentFactoryResolver, NgModule, ViewChild, Input, defineInjectable } from '@angular/core';
+import { Injectable, Pipe, Inject, LOCALE_ID, Injector, ComponentFactoryResolver, Component, ViewChild, Input, NgModule, defineInjectable } from '@angular/core';
 import { BsModalService } from '@farris/ui-modal';
 import { of as of$1 } from 'rxjs';
 import { HttpClientModule, HttpClient } from '@angular/common/http';
@@ -96,6 +97,7 @@ var DocType = {
     Txt: 4,
     Image: 5,
     Other: 6,
+    Zip: 7,
 };
 DocType[DocType.Word] = 'Word';
 DocType[DocType.Excel] = 'Excel';
@@ -103,7 +105,8 @@ DocType[DocType.Powerpoint] = 'Powerpoint';
 DocType[DocType.Pdf] = 'Pdf';
 DocType[DocType.Txt] = 'Txt';
 DocType[DocType.Image] = 'Image';
-DocType[DocType.Other] = 'Other';
+DocType[DocType.Other] = 'Other';
+DocType[DocType.Zip] = 'Zip';
 
 /**
  * @fileoverview added by tsickle
@@ -324,7 +327,9 @@ var UploadService = /** @class */ (function () {
         /** @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(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, formdata).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -427,11 +432,13 @@ var UploadService = /** @class */ (function () {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/copy";
         /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        /** @type {?} */
         var request = new CopyFileRequest;
         request.metadataId = metadataId;
         request.rootId = rootId;
         request.path = path;
-        return this.httpclient.post(url, request, { responseType: 'text' }).pipe(tap((/**
+        return this.httpclient.post(baseUrl, request, { responseType: 'text' }).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -576,7 +583,7 @@ var LANG_RESOURCES = {
         'uploading': '正在上传文件……',
         'selectedCount': '已选择文件数量：',
         'limitCount': '超出系统限制数量：',
-        'rechooseFile': ',重新选择上传文件。',
+        'rechooseFile': ',请重新选择上传文件。',
         'save': '保存',
         'cancel': '取消',
         'haveSameName': '已上传过同名文件: ',
@@ -598,7 +605,13 @@ var LANG_RESOURCES = {
         'size': '大小',
         'close': '关闭',
         'loading': '拼命加载中',
-        'mismatchChunkSize': '文档分片上传部分丢失，请重新上传，如果多次上传失败，请联系管理员。'
+        'mismatchChunkSize': '文档分片上传部分丢失，请重新上传，如果多次上传失败，请联系管理员。',
+        'invalidCharacters': '文件名包含特殊字符',
+        'invalidExtNames': '文档类型不允许上传',
+        'whiteExtNames': '。允许上传的文件类型为：',
+        'blackExtNames': '。不允许上传的文件类型为：',
+        'UnrecognizedFileType': '无法确定文件类型',
+        'fileNameOverSize': '文件名超出长度限制，最长允许'
     },
     'en-US': {
         'uploadFile': 'Upload File',
@@ -627,7 +640,13 @@ var LANG_RESOURCES = {
         'size': 'Size',
         'close': 'Close',
         'loading': 'Loading',
-        'mismatchChunkSize': 'The partial upload of document shards is missing. Please upload again. If multiple uploads fail, please contact the administrator.'
+        'mismatchChunkSize': 'The partial upload of document shards is missing. Please upload again. If multiple uploads fail, please contact the administrator.',
+        'invalidCharacters': 'The file name contains special characters',
+        'invalidExtNames': 'Document type does not allow uploading',
+        'whiteExtNames': '.The file types allowed for uploading are:',
+        'blackExtNames': '.The file types that are not allowed to be uploaded are:',
+        'UnrecognizedFileType': 'Unrecognized file type',
+        'fileNameOverSize': 'fileName oversize,the lengthest is'
     },
     'en': {
         'uploadFile': 'Upload File',
@@ -656,7 +675,13 @@ var LANG_RESOURCES = {
         'size': 'Size',
         'close': 'Close',
         'loading': 'Loading',
-        'mismatchChunkSize': 'The partial upload of document shards is missing. Please upload again. If multiple uploads fail, please contact the administrator.'
+        'mismatchChunkSize': 'The partial upload of document shards is missing. Please upload again. If multiple uploads fail, please contact the administrator.',
+        'invalidCharacters': 'The file name contains special characters',
+        'invalidExtNames': 'Document type does not allow uploading',
+        'whiteExtNames': '.The file types allowed for uploading are:',
+        'blackExtNames': '.The file types that are not allowed to be uploaded are:',
+        'UnrecognizedFileType': 'Unrecognized file type',
+        'fileNameOverSize': 'fileName oversize,the lengthest is'
     },
     'zh-CHT': {
         'uploadFile': '上傳文件',
@@ -685,7 +710,13 @@ var LANG_RESOURCES = {
         'size': '大小',
         'close': '關閉',
         'loading': '拼命加載中',
-        'mismatchChunkSize': '文檔分片上傳部分遺失，請重新上傳，如果多次上傳失敗，請聯系管理員。'
+        'mismatchChunkSize': '文檔分片上傳部分遺失，請重新上傳，如果多次上傳失敗，請聯系管理員。',
+        'invalidCharacters': '文件名包含特殊字符',
+        'invalidExtNames': '文檔類型不允許上傳',
+        'whiteExtNames': '。允許上傳的文件類型為：',
+        'blackExtNames': '。不允許上傳的文件類型為：',
+        'UnrecognizedFileType': '無法確定文件類型',
+        'fileNameOverSize': '文件名超出长度限制，最长允许'
     },
 };
 
@@ -787,12 +818,20 @@ var FileUploadComponent = /** @class */ (function () {
         this.errTypeList = [];
         this.nullFileList = [];
         this.beyondFileList = [];
+        this.fileNameOversizeList = [];
+        this.invalidCharactersFileList = [];
+        this.invalidExtNamesFileList = [];
+        this.unrecognizedTypeFileList = [];
+        this.invalidCharacters = '';
+        this.invalidExtNames = '';
         this.showType = 0;
         this.mouseOn = false;
+        this.isWhiteList = false;
         this.bufferSize = 5 * 1024 * 1024;
         this.selectedFileCount = 0;
-        this.uploadIconAddress = '/platform/runtime/dfs/images/upload.svg';
-        this.uploadLittleIconAddress = '/platform/runtime/dfs/images/uploadIcon.svg';
+        this.uploadBtnDisabled = false;
+        this.uploadIconAddress = this.createBaseUrl('/platform/runtime/dfs/images/upload.svg');
+        this.uploadLittleIconAddress = this.createBaseUrl('/platform/runtime/dfs/images/uploadIcon.svg');
         this.hasSelectedFile = false;
         this.fileAllSelected = false;
         this.uploadProcess = { width: '0%' };
@@ -812,6 +851,7 @@ var FileUploadComponent = /** @class */ (function () {
         this.uploadedFileInfoList = [];
         this.oldUploadedFileList = [];
         //uploadedNameList = [];
+        this.uploadInfoErrorMessage = "";
         this.sameNameAllowed = true;
         this.maxFileSize = 0;
         this.checkboxPos = { top: '0px' };
@@ -819,6 +859,7 @@ var FileUploadComponent = /** @class */ (function () {
         this.fileCount = 0;
         this.oldIdList = [];
         this.securityInfo = null;
+        this.fileNameLength = 0;
         this.totalLoad = null;
         this.exStorageFileList = [];
         if (this.injector) {
@@ -885,9 +926,18 @@ var FileUploadComponent = /** @class */ (function () {
          * @return {?}
          */
         function (res) {
-            if (res != null && res.error == null) {
+            if (res.error != null) {
+                _this.uploadInfoErrorMessage = res.error.Message;
+                // console.log('获取上传信息报错，错误信息为：',errMsg);
+                return;
+            }
+            else {
+                _this.uploadBtnDisabled = false;
                 _this.sameNameAllowed = res.sameNameAllowed;
                 _this.maxFileSize = parseInt(JSON.parse(res.validateConfiguration).maxFileSize);
+                _this.isWhiteList = JSON.parse(res.validateConfiguration).whiteList;
+                _this.invalidCharacters = JSON.parse(res.validateConfiguration).invalidCharacters;
+                _this.invalidExtNames = JSON.parse(res.validateConfiguration).invalidExtNames.toLowerCase();
                 _this.allowedMultiUpload = res.allowedMultiUpload;
                 if (!_this.sameNameAllowed) {
                     _this.uploadService.getUploadedFileInfoList(_this.formId, _this.rootId).subscribe((/**
@@ -919,6 +969,52 @@ var FileUploadComponent = /** @class */ (function () {
         //     message: this.localepipe.transform('uploading')
         //   });
     };
+    /**
+     * @return {?}
+     */
+    FileUploadComponent.prototype.getRightClass = /**
+     * @return {?}
+     */
+    function () {
+        if (this.uploadBtnDisabled) {
+            return 'btn btn-primary btn-lg disabled';
+        }
+        else {
+            return 'btn btn-primary btn-lg';
+        }
+    };
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    FileUploadComponent.prototype.findInvalidCharacter = /**
+     * @param {?} name
+     * @return {?}
+     */
+    function (name) {
+        /** @type {?} */
+        var charList = [];
+        this.invalidCharacters.split('|').forEach((/**
+         * @param {?} element
+         * @return {?}
+         */
+        function (element) {
+            if (name.indexOf(element) >= 0)
+                charList.push(element);
+        }));
+        return charList;
+    };
+    /**
+     * @param {?} file
+     * @return {?}
+     */
+    FileUploadComponent.prototype.hasFileType = /**
+     * @param {?} file
+     * @return {?}
+     */
+    function (file) {
+        return file.name.includes('.');
+    };
     /**
      * @param {?} $event
      * @return {?}
@@ -929,6 +1025,11 @@ var FileUploadComponent = /** @class */ (function () {
      */
     function ($event) {
         var _this = this;
+        if (this.uploadInfoErrorMessage) {
+            this.msgService.error(this.uploadInfoErrorMessage);
+            this.uploadBtnDisabled = true;
+            return;
+        }
         this.hasSelectedFile = true;
         this.selectedFiles = document.querySelector('#file');
         if (this.fileCount > 0) {
@@ -942,6 +1043,7 @@ var FileUploadComponent = /** @class */ (function () {
         var _loop_1 = function (i) {
             /** @type {?} */
             var selectedFile = this_1.selectedFiles.files[i];
+            selectedFile.isAllowedUpload = true;
             //selectedFile.slice
             /** @type {?} */
             var uuid = UUID.UUID();
@@ -949,12 +1051,94 @@ var FileUploadComponent = /** @class */ (function () {
                 this_1.nullFileList.push(selectedFile.name);
                 return "continue";
             }
+            if (this_1.fileNameLength > 0 && selectedFile.name.length > this_1.fileNameLength) {
+                this_1.fileNameOversizeList.push(selectedFile.name);
+                return "continue";
+            }
             if (this_1.maxFileSize != null && this_1.maxFileSize > 0) {
                 if (selectedFile.size > this_1.maxFileSize * 1000) {
                     this_1.beyondFileList.push(selectedFile.name);
                     return "continue";
                 }
             }
+            /** @type {?} */
+            var invalidCharList = this_1.findInvalidCharacter(selectedFile.name);
+            /** @type {?} */
+            var invalidCharListFilter = invalidCharList.filter((/**
+             * @param {?} s
+             * @return {?}
+             */
+            function (s) {
+                return s && s.trim();
+            }));
+            /** @type {?} */
+            var errorMessage = "";
+            if (invalidCharListFilter.length > 0) {
+                invalidCharListFilter.forEach((/**
+                 * @param {?} element
+                 * @param {?} index
+                 * @return {?}
+                 */
+                function (element, index) {
+                    errorMessage += "\"";
+                    errorMessage += element;
+                    errorMessage += "\"";
+                    errorMessage += (index === invalidCharListFilter.length - 1) ? "" : ",";
+                }));
+                if (this_1.selectedFiles.files.length === 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.msgService.warning(this_1.localepipe.transform('invalidCharacters') + errorMessage + this_1.localepipe.transform('rechooseFile'));
+                    return { value: void 0 };
+                }
+                if (this_1.selectedFiles.files.length > 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.invalidCharactersFileList.push(selectedFile.name);
+                    return "continue";
+                }
+            }
+            if (!this_1.hasFileType(selectedFile)) {
+                if (this_1.selectedFiles.files.length === 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.msgService.warning(selectedFile.name + this_1.localepipe.transform('UnrecognizedFileType') + this_1.localepipe.transform('rechooseFile'));
+                    return { value: void 0 };
+                }
+                if (this_1.selectedFiles.files.length > 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.unrecognizedTypeFileList.push(selectedFile.name);
+                    return "continue";
+                }
+            }
+            // let curFileSuffix = selectedFile.name.split('.')[1];
+            /** @type {?} */
+            var curFileSuffix = selectedFile.name.substr(selectedFile.name.lastIndexOf('.') + 1).toLowerCase();
+            /** @type {?} */
+            var extNames = this_1.listToString(this_1.invalidExtNames.split('|'));
+            /** @type {?} */
+            var extNamesAry = this_1.invalidExtNames.split('|');
+            if (!this_1.isWhiteList && extNamesAry.includes(curFileSuffix)) {
+                if (this_1.selectedFiles.files.length === 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.msgService.warning(selectedFile.name + this_1.localepipe.transform('invalidExtNames') + this_1.localepipe.transform('blackExtNames') + extNames + this_1.localepipe.transform('rechooseFile'));
+                    return { value: void 0 };
+                }
+                if (this_1.selectedFiles.files.length > 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.invalidExtNamesFileList.push(selectedFile.name);
+                    return "continue";
+                }
+            }
+            if (this_1.isWhiteList && !extNamesAry.includes(curFileSuffix)) {
+                if (this_1.selectedFiles.files.length === 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.msgService.warning(selectedFile.name + this_1.localepipe.transform('invalidExtNames') + this_1.localepipe.transform('whiteExtNames') + extNames + this_1.localepipe.transform('rechooseFile'));
+                    return { value: void 0 };
+                }
+                if (this_1.selectedFiles.files.length > 1) {
+                    selectedFile.isAllowedUpload = false;
+                    this_1.invalidExtNamesFileList.push(selectedFile.name);
+                    return "continue";
+                }
+            }
             if (!this_1.sameNameAllowed) {
                 if (this_1.uploadedFileInfoList.find((/**
                  * @param {?} x
@@ -1041,12 +1225,16 @@ var FileUploadComponent = /** @class */ (function () {
                     return "continue";
                 }
             }
-            this_1.uploadFile(uuid, selectedFile, selectedFile.name);
+            if (selectedFile.isAllowedUpload === true) {
+                this_1.uploadFile(uuid, selectedFile, selectedFile.name);
+            }
         };
         var this_1 = this;
         //this.flag = 0;
         for (var i = 0; i < this.selectedFiles.files.length; i++) {
-            _loop_1(i);
+            var state_1 = _loop_1(i);
+            if (typeof state_1 === "object")
+                return state_1.value;
         }
         if (this.errFileList.length > 0) {
             /** @type {?} */
@@ -1057,17 +1245,39 @@ var FileUploadComponent = /** @class */ (function () {
         if (this.nullFileList.length > 0) {
             /** @type {?} */
             var name_2 = this.listToString(this.nullFileList);
-            name_2 = name_2.substring(0, name_2.length - 1);
             this.msgService.warning(name_2 + this.localepipe.transform('sizeZero') + this.localepipe.transform('rechooseFile'));
             this.nullFileList = [];
         }
+        if (this.fileNameOversizeList.length > 0) {
+            /** @type {?} */
+            var name_3 = this.listToString(this.fileNameOversizeList);
+            this.msgService.warning(name_3 + this.localepipe.transform('fileNameOverSize') + this.fileNameLength + this.localepipe.transform('rechooseFile'));
+            this.fileNameOversizeList = [];
+        }
         if (this.beyondFileList.length > 0) {
             /** @type {?} */
-            var name_3 = this.listToString(this.beyondFileList);
-            name_3 = name_3.substring(0, name_3.length - 1);
-            this.msgService.warning(name_3 + this.localepipe.transform('sizeMax') + this.maxFileSize + "KB" + this.localepipe.transform('rechooseFile'));
+            var name_4 = this.listToString(this.beyondFileList);
+            this.msgService.warning(name_4 + this.localepipe.transform('sizeMax') + this.maxFileSize + "KB" + this.localepipe.transform('rechooseFile'));
             this.beyondFileList = [];
         }
+        if (this.invalidCharactersFileList.length > 0) {
+            /** @type {?} */
+            var name_5 = this.listToString(this.invalidCharactersFileList);
+            this.msgService.warning(name_5 + this.localepipe.transform('invalidCharacters') + this.localepipe.transform('rechooseFile'));
+            this.invalidCharactersFileList = [];
+        }
+        if (this.invalidExtNamesFileList.length > 0) {
+            /** @type {?} */
+            var name_6 = this.listToString(this.invalidExtNamesFileList);
+            this.msgService.warning(name_6 + this.localepipe.transform('invalidExtNames') + this.localepipe.transform('rechooseFile'));
+            this.invalidExtNamesFileList = [];
+        }
+        if (this.unrecognizedTypeFileList.length > 0) {
+            /** @type {?} */
+            var name_7 = this.listToString(this.unrecognizedTypeFileList);
+            this.msgService.warning(name_7 + this.localepipe.transform('UnrecognizedFileType') + this.localepipe.transform('rechooseFile'));
+            this.unrecognizedTypeFileList = [];
+        }
         this.files = this.files.slice();
         this.fileAllSelected = false;
         $event.target.value = '';
@@ -1119,7 +1329,8 @@ var FileUploadComponent = /** @class */ (function () {
             extensionDropListId: 0,
             extensionName: "",
             securityDropListId: 0,
-            securityInfo: this.securityInfoList[0]
+            securityInfo: this.securityInfoList[0],
+            style: {}
         };
         if (this.storageExtension != null)
             fileInfo.extensionName = this.defaultPropertyName;
@@ -1146,6 +1357,9 @@ var FileUploadComponent = /** @class */ (function () {
         else if (type.includes("powerpoint") || type.includes("presentation")) {
             this.addDocInfo(selectedFile, fileInfo, DocType.Powerpoint);
         }
+        else if (type.includes("zip") || selectedFile.name.includes(".rar")) {
+            this.addDocInfo(selectedFile, fileInfo, DocType.Zip);
+        }
         else {
             this.addDocInfo(selectedFile, fileInfo, DocType.Other);
             // let name: string = selectedFile.name;
@@ -1178,6 +1392,7 @@ var FileUploadComponent = /** @class */ (function () {
         uploadFileInfo.metadataId = uuid;
         uploadFileInfo.fileName = fileInfo.name;
         uploadFileInfo.fileSize = fileInfo.size;
+        uploadFileInfo.originalSize = fileInfo.fileSize;
         uploadFileInfo.state = state;
         uploadFileInfo.securityInfo = this.securityInfoList[0];
         //判断是否支持分片上传
@@ -1289,19 +1504,21 @@ var FileUploadComponent = /** @class */ (function () {
         }
         else {
             /** @type {?} */
-            var entity = new GspFormStreamEntity;
-            entity.formId = this.formId;
-            entity.metadataId = uuid;
-            entity.mode = OperatingModes.Temp;
-            entity.rootId = this.rootId;
-            entity.size = selectedFile.size;
-            entity.fileName = fileName;
+            var entity_1 = new GspFormStreamEntity;
+            entity_1.formId = this.formId;
+            entity_1.metadataId = uuid;
+            entity_1.mode = OperatingModes.Temp;
+            entity_1.rootId = this.rootId;
+            entity_1.size = selectedFile.size;
+            entity_1.fileName = fileName;
             if (this.haveExtensionProperty)
-                entity.exPropertyName = this.defaultPropertyName;
+                entity_1.exPropertyName = this.defaultPropertyName;
             /** @type {?} */
             var formData = new FormData();
-            formData.append('uploadEntity', JSON.stringify(entity));
+            formData.append('uploadEntity', JSON.stringify(entity_1));
             formData.append('file', selectedFile);
+            /** @type {?} */
+            var intervalId_1;
             this.uploadSingleFile(formData).subscribe((/**
              * @param {?} res
              * @return {?}
@@ -1319,26 +1536,70 @@ var FileUploadComponent = /** @class */ (function () {
                     _this.uploadedFileInfoList = _this.uploadedFileInfoList.concat(uploadFileInfo);
                     _this.uploadedFileTotal++;
                 }
+                clearInterval(intervalId_1);
             }));
+            /** @type {?} */
+            var index_1 = -1;
+            this.files.forEach((/**
+             * @param {?} x
+             * @return {?}
+             */
+            function (x) {
+                if (x.name == fileInfo.name) {
+                    if (index_1 == -1)
+                        index_1 = _this.files.indexOf(x);
+                }
+            }));
+            if (index_1 != -1 && index_1 != this.files.length - 1) {
+                this.files.splice(index_1, 1);
+                this.uploadFileInfoList.splice(index_1, 1);
+                this.uploadedFileInfoList.splice(index_1, 1);
+                this.uploadedFileTotal--;
+            }
+            intervalId_1 = setInterval((/**
+             * @return {?}
+             */
+            function () {
+                _this.getUploadProcess(entity_1.metadataId).subscribe((/**
+                 * @param {?} res
+                 * @return {?}
+                 */
+                function (res) {
+                    if (res.error != null)
+                        _this.files[_this.files.indexOf(fileInfo)].uploadProcess = 10;
+                    else {
+                        if (res < 10)
+                            res = 10;
+                        if (res > 90)
+                            res = 90;
+                        _this.files[_this.files.indexOf(fileInfo)].uploadProcess = res;
+                    }
+                }));
+            }), 200);
         }
+    };
+    /**
+     * @param {?} metadataId
+     * @return {?}
+     */
+    FileUploadComponent.prototype.getUploadProcess = /**
+     * @param {?} metadataId
+     * @return {?}
+     */
+    function (metadataId) {
         /** @type {?} */
-        var index = -1;
-        this.files.forEach((/**
-         * @param {?} x
+        var url = "/api/runtime/dfs/v1.0/formdoc/upload/process?metadataid=" + metadataId;
+        return this.httpclient.get(url).pipe(tap((/**
+         * @param {?} res
          * @return {?}
          */
-        function (x) {
-            if (x.name == fileInfo.name) {
-                if (index == -1)
-                    index = _this.files.indexOf(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--;
-        }
+        function (res) { })), catchError((/**
+         * @param {?} error
+         * @return {?}
+         */
+        function (error) {
+            return of$1(error);
+        })));
     };
     /**
      * @param {?} formdata
@@ -1351,7 +1612,9 @@ var FileUploadComponent = /** @class */ (function () {
     function (formdata) {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/single";
-        return this.httpclient.post(url, formdata).pipe(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, formdata).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -1374,7 +1637,9 @@ var FileUploadComponent = /** @class */ (function () {
     function (formdata) {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/slice";
-        return this.httpclient.post(url, formdata).pipe(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, formdata).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -1397,7 +1662,9 @@ var FileUploadComponent = /** @class */ (function () {
     function (request) {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/multi/init";
-        return this.httpclient.post(url, request).pipe(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, request).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -1420,7 +1687,9 @@ var FileUploadComponent = /** @class */ (function () {
     function (formdata) {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/multi/upload";
-        return this.httpclient.post(url, formdata).pipe(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, formdata).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -1443,7 +1712,9 @@ var FileUploadComponent = /** @class */ (function () {
     function (request) {
         /** @type {?} */
         var url = "/api/runtime/dfs/v1.0/formdoc/multi/complete";
-        return this.httpclient.post(url, request).pipe(tap((/**
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return this.httpclient.post(baseUrl, request).pipe(tap((/**
          * @param {?} res
          * @return {?}
          */
@@ -1639,32 +1910,37 @@ var FileUploadComponent = /** @class */ (function () {
         var _this = this;
         switch (docType) {
             case DocType.Word: {
-                fileInfo.source = "/platform/runtime/dfs/images/word.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/word.png");
                 this.files.push(fileInfo);
                 break;
             }
             case DocType.Pdf: {
-                fileInfo.source = "/platform/runtime/dfs/images/pdf.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/pdf.png");
                 this.files.push(fileInfo);
                 break;
             }
             case DocType.Excel: {
-                fileInfo.source = "/platform/runtime/dfs/images/excel.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/excel.png");
                 this.files.push(fileInfo);
                 break;
             }
             case DocType.Txt: {
-                fileInfo.source = "/platform/runtime/dfs/images/txt.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/txt.png");
+                this.files.push(fileInfo);
+                break;
+            }
+            case DocType.Zip: {
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/zip.png");
                 this.files.push(fileInfo);
                 break;
             }
             case DocType.Powerpoint: {
-                fileInfo.source = "/platform/runtime/dfs/images/ppt.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/ppt.png");
                 this.files.push(fileInfo);
                 break;
             }
             case DocType.Other: {
-                fileInfo.source = "/platform/runtime/dfs/images/file.png";
+                fileInfo.source = this.createBaseUrl("/platform/runtime/dfs/images/file.png");
                 this.files.push(fileInfo);
                 break;
             }
@@ -1685,6 +1961,7 @@ var FileUploadComponent = /** @class */ (function () {
                         imgUrl = sanitizer.bypassSecurityTrustResourceUrl(imgUrl);
                     }
                     fileInfo.source = imgUrl;
+                    fileInfo.style = { "max-width": "120px", "max-height": "118px" };
                     _this.files.push(fileInfo);
                     //因为异步处理的差异，补偿一次删除
                     /** @type {?} */
@@ -1717,10 +1994,16 @@ var FileUploadComponent = /** @class */ (function () {
      * @return {?}
      */
     function (strList) {
+        /** @type {?} */
+        var result = strList.filter((/**
+         * @param {?} item
+         * @return {?}
+         */
+        function (item) { return item.trim() !== ''; }));
         /** @type {?} */
         var name = "";
-        for (var i = 0; i < strList.length; i++) {
-            name += strList[i] + ",";
+        for (var i = 0; i < result.length; i++) {
+            name += result[i] + (i === result.length - 1 ? "" : ",");
         }
         return name;
     };
@@ -1949,11 +2232,24 @@ var FileUploadComponent = /** @class */ (function () {
     function (file) {
         file.mouseOn = false;
     };
+    /**
+     * @param {?} oldUrl
+     * @return {?}
+     */
+    FileUploadComponent.prototype.createBaseUrl = /**
+     * @param {?} oldUrl
+     * @return {?}
+     */
+    function (oldUrl) {
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(oldUrl);
+        return baseUrl;
+    };
     FileUploadComponent.decorators = [
         { type: 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        <farris-radio-group class=\"button_group_upload\" [(model)]=\"radioButtonGroupValue\" [horizontal]=\"false\">\n            <farris-radio-button [label]=\"'showByGroup'\" (click)=\"showByGroup()\">\n                <span  class=\"f-icon f-icon-sudoku-new\"> </span>\n            </farris-radio-button>\n            <farris-radio-button [label]=\"'showByList'\" (click)=\"showByList()\">\n                <span  class=\"f-icon f-icon-page-title-define\"> </span>\n            </farris-radio-button>\n\n        </farris-radio-group>\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; border: none;\"\n                    (click)=\"listDeleteFile(file)\">\n                    <span style=\"position: relative;  right: 2px; \" class=\"f-icon f-icon-delete\"> </span>\n                </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:90px}.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}"]
+                    template: "<div *ngIf=\"hasSelectedFile\">\r\n\r\n    <div class=\"farris-header\" style=\"height: 50px; width: 100%\">\r\n        <div class=\"btn btn-secondary upload_button\">\r\n            <img [src]=\"uploadLittleIconAddress\">\r\n            <span>{{'uploadFile' | locale}} </span>\r\n            <input type=\"file\" (focus)=\"showLoading()\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\"\r\n                title=\"\" [accept]=\"fileType\"  [disabled]=\"uploadBtnDisabled\">\r\n        </div>\r\n\r\n\r\n        <button *ngIf=\"showType==0 && !fileAllSelected && files.length >0 \" style=\"padding-left: 20px\"\r\n            class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">{{'selectAll' | locale}}</button>\r\n        <button *ngIf=\"showType==0 && fileAllSelected  && files.length >0 \" style=\"padding-left: 20px\"\r\n            class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">{{'selectNull' | locale}}</button>\r\n        <button *ngIf=\"showType==0 && selectedFileCount>0\" style=\"padding-left: 20px\"\r\n            class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\r\n\r\n        <button *ngIf=\"showType==1 && selectedFileCount>0\" style=\"padding-left: 20px\"\r\n            class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\r\n        <span class=\"help_text\"  *ngIf=\"files.length >0\">\u6587\u4EF6\u4E2A\u6570\uFF1A{{files.length}}</span>\r\n\r\n        <farris-radio-group class=\"button_group_upload\" [(model)]=\"radioButtonGroupValue\" [horizontal]=\"false\">\r\n            <farris-radio-button [label]=\"'showByGroup'\" (click)=\"showByGroup()\">\r\n                <span  class=\"f-icon f-icon-sudoku-new\"> </span>\r\n            </farris-radio-button>\r\n            <farris-radio-button [label]=\"'showByList'\" (click)=\"showByList()\">\r\n                <span  class=\"f-icon f-icon-page-title-define\"> </span>\r\n            </farris-radio-button>\r\n\r\n        </farris-radio-group>\r\n\r\n        <!-- <kendo-buttongroup [selection]=\"'single'\" class=\"button_group_upload \"\r\n            style=\"background-color: #ffffff; color: #388FFF;border: 1px solid #ddd;\" look=\"flat\">\r\n            <button kendoButton [selected]=\"true\" [toggleable]=\"true\"\r\n                [imageUrl]=\"'/platform/runtime/dfs/images/piclist.png'\" (click)=\"showByGroup()\"></button>\r\n            <button kendoButton [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/queuelist.png'\"\r\n                (click)=\"showByList()\"></button>\r\n        </kendo-buttongroup> -->\r\n\r\n\r\n    </div>\r\n\r\n    <!-- <div class=\"progress\" style=\"height: 12px;\">\r\n    <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"uploadProcess\"></div>\r\n  </div> -->\r\n\r\n    <div class=\"pic_list\" *ngIf=\"showType==0\">\r\n        <ul *ngFor=\"let file of files\">\r\n            <li (mouseenter)=\"mouseOver(file)\" (mouseleave)=\"mouseOut(file)\">\r\n                <div *ngIf=\"file.isUploading\">\r\n                    <farris-progress [type]=\"'circle'\" [percent]=\"file.uploadProcess\" [strokeLinecap]=\"'square'\"\r\n                        [status]=\"'active'\"></farris-progress>\r\n                </div>\r\n\r\n                <table *ngIf=\"!file.uploadResult && !file.isUploading\"\r\n                    style=\"margin: 0 auto; border: 1px solid #ddd; width: 135px; height: 160px;\">\r\n                    <tr style=\"margin: 0 auto ; height: 80px;\">\r\n                        <td style=\"text-align: center\"><span class=\"f-icon f-icon-warn\"></span></td>\r\n                    </tr>\r\n                    <tr style=\"margin: 0 auto ; height: 30px;\">\r\n                        <td style=\"text-align: center\"> {{'uploadFailure' | locale}} </td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td style=\"text-align: center\"><button style=\"margin: 0 auto ; height: 20px; \"\r\n                                class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">{{'detail' |\r\n                                locale}}</button></td>\r\n                    </tr>\r\n                </table>\r\n                <div *ngIf=\"!file.isUploading && file.uploadResult\" style=\"border: 1px solid #ddd;\">\r\n                    <img [src]='file.source' [ngStyle]=\"file.style\">\r\n                    <div *ngIf=\"haveExtensionProperty\"\r\n                        style=\"width: 133px; height: 25px; background-color: white; position: absolute;bottom: 0; \">\r\n\r\n                        <div style=\"width: 100px;height: 25px;position:absolute;margin: 0 17px;\">\r\n                            <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\"\r\n                                [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\"\r\n                                [enableClear]=\"false\">\r\n                                <!-- <ng-template #itemTemp let-item>\r\n                                    <div class=\"combo-list\">\r\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\r\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\r\n                                    </div>\r\n                                </ng-template> -->\r\n                            </farris-combo-list>\r\n                        </div>\r\n                    </div>\r\n                    <div *ngIf=\"haveSecurityInfo\"\r\n                        style=\"width: 133px; height: 25px; background-color: white; position: absolute;bottom: 0; \">\r\n\r\n                        <div style=\"width: 100px;height: 25px;position:absolute;margin: 0 17px;\">\r\n                            <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"securityInfoList\"\r\n                                [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"securityChange($event,file)\"\r\n                                [enableClear]=\"false\">\r\n                                <!-- <ng-template #itemTemp let-item>\r\n                                    <div class=\"combo-list\">\r\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\r\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\r\n                                    </div>\r\n                                </ng-template> -->\r\n                            </farris-combo-list>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <table *ngIf=\"!file.isUploading\">\r\n                    <tr style=\"height: 20px\">\r\n                        <td style=\"width: 15px; vertical-align: middle; text-align: center\">\r\n                            <!-- <input type=\"checkbox\" [id]=\"file.name\" (click)=\"checkoutSelectFile(file.name)\">  -->\r\n                            <div class=\"farris-input-wrap\" style=\"height: 20px\" (click)=\"checkoutSelectFile(file)\">\r\n                                <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0;height: 20px;\"\r\n                                    [ngStyle]=\"checkboxPos\">\r\n                                    <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\"\r\n                                        [(ngModel)]=\"file.selectd\">\r\n                                    <label class=\"custom-control-label\"\r\n                                        style=\"padding: 0 0 10px 0; position: relative; top: -8px;\"></label>\r\n                                </div>\r\n                            </div>\r\n                        </td>\r\n                        <td style=\"width: 120px; vertical-align: middle; text-align: center\" [title]=\"file.name\">\r\n                            {{file.picListDisplayName}}</td>\r\n                    </tr>\r\n                </table>\r\n                <!-- <span>{{file.picListDisplayName}}</span> -->\r\n                <!-- <p class=\"filename\">{{file.picListDisplayName}}</p> -->\r\n                <button *ngIf=\"!file.isUploading && file.mouseOn\"\r\n                    style=\"position: absolute; top: 0; right: 0px; width: 24px; height: 24px; border: none;\"\r\n                    (click)=\"listDeleteFile(file)\">\r\n                    <span style=\"position: relative;  right: 2px; \" class=\"f-icon f-icon-delete\"> </span>\r\n                </button>\r\n                <!-- <button *ngIf=\"file.hasUploaded\" class=\"k-primary\" kendoButton [icon]=\"'check'\" [disabled]=\"true\"></button> -->\r\n            </li>\r\n        </ul>\r\n        <br>\r\n    </div>\r\n\r\n    <div class=\"queue_list\" *ngIf=\"showType==1\">\r\n        <table>\r\n            <tr style=\"height: 50px; table-layout:fixed;\">\r\n                <th style=\"width: 40px; vertical-align: middle; text-align: center\">\r\n                    <!-- <input type=\"checkbox\" id=\"allCheckBox\" (click)=\"selectAllFile()\"> -->\r\n                    <div class=\"farris-input-wrap\" (click)=\"selectAllFile()\">\r\n                        <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0\">\r\n                            <input class=\"custom-control-input\" type=\"checkbox\" id=\"allCheckBox\"\r\n                                [(ngModel)]=\"fileAllSelected\">\r\n                            <label class=\"custom-control-label\" style=\"padding: 0\"></label>\r\n                        </div>\r\n                    </div>\r\n                </th>\r\n                <th style=\"vertical-align: middle\" [ngStyle]=\"queueListStyle\">{{'fileName' | locale}}</th>\r\n                <th style=\"width: 100px; vertical-align: middle\">{{'size' | locale}}</th>\r\n                <th style=\"width: 170px; vertical-align: middle; text-align: center\">{{'state' | locale}}</th>\r\n                <th *ngIf=\"haveExtensionProperty\" style=\"width: 100px; vertical-align: middle; text-align: center\">\r\n                    {{storageExtension.extensionName}}\r\n                </th>\r\n                <th style=\"width: 140px; vertical-align: middle; text-align: center\">{{'operation' | locale}}</th>\r\n            </tr>\r\n        </table>\r\n        <div style=\"height: 370px; overflow: auto;\">\r\n            <table>\r\n                <tr *ngFor=\"let file of files\" style=\"height: 40px\">\r\n                    <td colspan=\"5\" *ngIf=\"file.isUploading\">\r\n                        <!-- <div style=\"width:100%; display: table-cell; vertical-align: middle; text-align: center; \"> -->\r\n                        <div style=\"width: 500px;margin:0 auto\">\r\n                            <farris-progress [percent]=\"file.uploadProcess\" [status]=\"'active'\">\r\n                            </farris-progress>\r\n                        </div>\r\n\r\n                    </td>\r\n                    <td *ngIf=\"!file.isUploading\" style=\" width: 40px; vertical-align: middle; text-align: center\">\r\n                        <!-- <input type=\"checkbox\" [id]=\"file.name\" (click)=\"checkoutSelectFile(file.name)\"> -->\r\n                        <div class=\"farris-input-wrap\" (click)=\"checkoutSelectFile(file)\">\r\n                            <div class=\"custom-control custom-checkbox\" style=\"margin: 4px 0 0\">\r\n                                <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\"\r\n                                    [(ngModel)]=\"file.selectd\">\r\n                                <label class=\"custom-control-label\" style=\"padding: 0\"></label>\r\n                            </div>\r\n                        </div>\r\n                    </td>\r\n                    <td *ngIf=\"!file.isUploading\" style=\"vertical-align: middle\" [ngStyle]=\"queueListStyle\">\r\n                        {{file.queueListDisplayName}}</td>\r\n                    <td *ngIf=\"!file.isUploading\" style=\"width: 100px; vertical-align: middle\">{{file.size}}</td>\r\n                    <td *ngIf=\"!file.isUploading\" style=\"text-align: center; width: 170px; vertical-align: middle;\">\r\n                        <table *ngIf=\"!file.uploadResult\" style=\"margin: 0 auto\">\r\n                            <tr style=\"margin: 0 auto\">\r\n                                <td><span class=\"f-icon f-icon-error\"></span></td>\r\n                                <td> {{'uploadFailure' | locale}} </td>\r\n                                <td><button style=\"height: 24px\" class=\"btn-link btn ng-star-inserted\"\r\n                                        (click)=\"showErrorMessage(file)\">{{'detail' | locale}}</button></td>\r\n                            </tr>\r\n                        </table>\r\n                        <!-- <span *ngIf=\"!file.uploadResult\"><span class=\"f-icon f-icon-error\"></span> \u4E0A\u4F20\u5931\u8D25 <button\r\n              class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">\u8BE6\u60C5</button></span> -->\r\n                        <span *ngIf=\"file.uploadResult\"><span class=\"f-icon f-icon-success\"></span> {{'uploadSucceed' |\r\n                            locale}}</span>\r\n                    </td>\r\n                    <td *ngIf=\"!file.isUploading&&haveExtensionProperty\"\r\n                        style=\"text-align: center; width: 100px; vertical-align: middle;\">\r\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\"\r\n                            [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\"\r\n                            [enableClear]=\"false\">\r\n                            <!-- <ng-template #itemTemp let-item>\r\n                                    <div class=\"combo-list\">\r\n                                        <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\r\n                                        <span class=\"combo-list-label\">{{item.label}}</span>\r\n                                    </div>\r\n                                </ng-template> -->\r\n                        </farris-combo-list>\r\n                    </td>\r\n                    <td *ngIf=\"!file.isUploading&&haveSecurityInfo\"\r\n                        style=\"text-align: center; width: 100px; vertical-align: middle;\">\r\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"securityInfoList\"\r\n                            [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"securityChange($event,file)\"\r\n                            [enableClear]=\"false\">\r\n                            <!-- <ng-template #itemTemp let-item>\r\n                            <div class=\"combo-list\">\r\n                                <span [class]=\"'combo-list-circle combo-list-'+item.state\"></span>\r\n                                <span class=\"combo-list-label\">{{item.label}}</span>\r\n                            </div>\r\n                        </ng-template> -->\r\n                        </farris-combo-list>\r\n                    </td>\r\n\r\n                    <td *ngIf=\"!file.isUploading\" style=\"text-align: center; width: 140px; vertical-align: middle;\">\r\n                        <!-- <button *ngIf=\"file.uploadResult\" class=\"btn-link btn ng-star-inserted\" (click)=\"retryUploadFile(file.name)\">\u91CD\u8BD5</button> -->\r\n                        <button class=\"btn-link btn ng-star-inserted\" style=\"margin: 0 auto\"\r\n                            (click)=\"listDeleteFile(file)\">{{'delete' | locale}}</button>\r\n                    </td>\r\n\r\n                </tr>\r\n            </table>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"!hasSelectedFile\" class='home_page'>\r\n    <img [src]=\"uploadIconAddress\">\r\n    <div>\r\n        <span [class]=\"getRightClass()\">{{'uploadFile' | locale}} </span>\r\n        <input type=\"file\" style=\"height: 32px;\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\" [disabled]=\"uploadBtnDisabled\">\r\n        <!-- <input type=\"file\" (focus)=\"showLoading()\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\"> -->\r\n    </div>\r\n</div>\r\n",
+                    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:90px}.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:400px;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:60px;max-height:60px;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}input#file:disabled{cursor:not-allowed}.help_text{color:rgba(0,0,0,.35);position:absolute;top:16px;right:120px}"]
                 }] }
     ];
     /** @nocollapse */
@@ -1970,6 +2266,7 @@ var FileUploadComponent = /** @class */ (function () {
         fileCount: [{ type: Input }],
         oldIdList: [{ type: Input }],
         securityInfo: [{ type: Input }],
+        fileNameLength: [{ type: Input }],
         opCell: [{ type: ViewChild, args: ['opCell',] }]
     };
     return FileUploadComponent;
@@ -1993,7 +2290,11 @@ var DownloadService = /** @class */ (function () {
      * @return {?}
      */
     function (metadataId, rootId) {
-        return "/api/runtime/dfs/v1.0/doc/filecontent?metadataid=" + metadataId + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var url = "/api/runtime/dfs/v1.0/doc/filecontent?metadataid=" + metadataId + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return baseUrl;
     };
     /**
      * @param {?} metadataId
@@ -2006,7 +2307,11 @@ var DownloadService = /** @class */ (function () {
      * @return {?}
      */
     function (metadataId, rootId) {
-        return "/api/runtime/dfs/v1.0/formdoc/stream?metadataid=" + metadataId + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var url = "/api/runtime/dfs/v1.0/formdoc/stream?metadataid=" + metadataId + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return baseUrl;
     };
     /**
      * @param {?} metadataIdList
@@ -2021,7 +2326,11 @@ var DownloadService = /** @class */ (function () {
     function (metadataIdList, rootId) {
         /** @type {?} */
         var list = JSON.parse(metadataIdList);
-        return "/api/runtime/dfs/v1.0/doc/multiple/download?metadataidlist=" + metadataIdList + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(list[0], rootId));
+        /** @type {?} */
+        var url = "/api/runtime/dfs/v1.0/doc/multiple/download?metadataidlist=" + metadataIdList + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(list[0], rootId));
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return baseUrl;
     };
     /**
      * @param {?} metadataIdList
@@ -2042,7 +2351,11 @@ var DownloadService = /** @class */ (function () {
             zipName = 'unifile.zip';
         if (!zipName.endsWith(".zip"))
             zipName += '.zip';
-        return "/api/runtime/dfs/v1.0/doc/compress/download?metadataidlist=" + metadataIdList + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(list[0], rootId)) + "&zipName=" + encodeURIComponent(zipName);
+        /** @type {?} */
+        var url = "/api/runtime/dfs/v1.0/doc/compress/download?metadataidlist=" + metadataIdList + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(list[0], rootId)) + "&zipName=" + encodeURIComponent(zipName);
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return baseUrl;
     };
     /**
      * @param {?} metadataId
@@ -2058,7 +2371,11 @@ var DownloadService = /** @class */ (function () {
      */
     function (metadataId, rootId, version) {
         //let list:string[]=JSON.parse(metadataIdList);
-        return "/api/runtime/dfs/v1.0/doc/historycontent?metadataid=" + metadataId + "&rootid=" + rootId + "&version=" + version + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var url = "/api/runtime/dfs/v1.0/doc/historycontent?metadataid=" + metadataId + "&rootid=" + rootId + "&version=" + version + "&token=" + this.getToken(this.mergeString(metadataId, rootId));
+        /** @type {?} */
+        var baseUrl = BasePathService.convertPath(url);
+        return baseUrl;
     };
     /**
      * @private
@@ -2167,6 +2484,7 @@ var UploadModule = /** @class */ (function () {
                     declarations: [FileUploadComponent, LocalLangPipe],
                     imports: [
                         CommonModule,
+                        FarrisRTFModule,
                         NotifyModule,
                         MessagerModule.forRoot(),
                         LoadingModule.forRoot(),
@@ -2389,6 +2707,7 @@ var UploadDialogService = /** @class */ (function () {
             if (limit != null) {
                 uploadRef.instance.fileCount = limit.fileCount;
                 uploadRef.instance.securityInfo = limit.securityInfo;
+                uploadRef.instance.fileNameLength = limit.fileNameLength;
                 if (limit.fileType != null && limit.fileType != "")
                     uploadRef.instance.fileType = limit.fileType;
             }
@@ -2486,6 +2805,7 @@ var UploadLimit = /** @class */ (function () {
         this.fileType = "*";
         this.fileCount = 0;
         this.securityInfo = null;
+        this.fileNameLength = 0;
     }
     return UploadLimit;
 }());