@gsp-svc/formdoc-upload 0.1.23 → 0.1.28

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

@@ -10,8 +10,8 @@ import { LoadingService, LoadingModule } from '@farris/ui-loading';
 import { ProgressModule } from '@farris/ui-progress';
 import { FormsModule } from '@angular/forms';
 import { ComboListModule } from '@farris/ui-combo-list';
-import { HttpService } from '@ecp-caf/caf-common';
-import { Injectable, Component, NgModule, Injector, ComponentFactoryResolver, ViewChild, Input, defineInjectable } from '@angular/core';
+import { LanguageService, HttpService } from '@ecp-caf/caf-common';
+import { Injectable, Pipe, Inject, LOCALE_ID, NgModule, Injector, ComponentFactoryResolver, Component, ViewChild, Input, defineInjectable } from '@angular/core';
 import { BsModalService } from '@farris/ui-modal';
 import { of as of$1 } from 'rxjs';
 import { HttpClientModule } from '@angular/common/http';
@@ -65,6 +65,7 @@ var FormdocUploadComponent = /** @class */ (function () {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+var ɵ0 = localStorage.getItem('languageCode') || 'zh-CHS';
 var FormdocUploadModule = /** @class */ (function () {
     function FormdocUploadModule() {
     }
@@ -72,7 +73,9 @@ var FormdocUploadModule = /** @class */ (function () {
         { type: NgModule, args: [{
                     declarations: [FormdocUploadComponent],
                     imports: [],
-                    exports: [FormdocUploadComponent]
+                    exports: [FormdocUploadComponent],
+                    providers: [LanguageService,
+                        { provide: LOCALE_ID, useValue: ɵ0 },]
                 },] }
     ];
     return FormdocUploadModule;
@@ -446,6 +449,18 @@ var ExStorageFileInfo = /** @class */ (function () {
     return ExStorageFileInfo;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @enum {number} */
+var FileState = {
+    New: 0,
+    Update: 1,
+};
+FileState[FileState.New] = 'New';
+FileState[FileState.Update] = 'Update';
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -560,13 +575,17 @@ var FileUploadComponent = /** @class */ (function () {
      */
     function ($event) {
         var _this = this;
+        /** @type {?} */
+        var loading = this.loadService.show({
+            message: this.localepipe.transform('uploading')
+        });
         this.hasSelectedFile = true;
         this.selectedFiles = document.querySelector('#file');
         if (this.fileCount > 0) {
             if (this.selectedFiles.files.length + this.files.length > this.fileCount) {
                 /** @type {?} */
                 var selectedNum = ((/** @type {?} */ (this.selectedFiles.files.length))) + this.files.length;
-                this.msgService.warning('已选择' + selectedNum + '个文件，超过系统设置的数量限制' + this.fileCount + '个，请重新选择上传文件。');
+                this.msgService.warning(this.localepipe.transform('selectedCount') + selectedNum + this.localepipe.transform('limitCount') + this.fileCount + this.localepipe.transform('rechooseFile'));
                 return;
             }
         }
@@ -588,11 +607,11 @@ var FileUploadComponent = /** @class */ (function () {
                     //   this.uploadFile(uuid, selectedFile);
                     // })
                     /** @type {?} */
-                    var msg_1 = this_1.msgService.show('warning', '已上传过同名文件: ' + selectedFile.name, {
+                    var msg_1 = this_1.msgService.show('warning', this_1.localepipe.transform('haveSameName') + selectedFile.name, {
                         initialState: {
                             buttons: [
                                 {
-                                    text: '重命名',
+                                    text: this_1.localepipe.transform('rename'),
                                     cls: 'btn btn-secondary',
                                     handle: (/**
                                      * @return {?}
@@ -623,7 +642,7 @@ var FileUploadComponent = /** @class */ (function () {
                                     })
                                 },
                                 {
-                                    text: '替换',
+                                    text: this_1.localepipe.transform('replace'),
                                     cls: 'btn btn-secondary',
                                     handle: (/**
                                      * @return {?}
@@ -634,7 +653,7 @@ var FileUploadComponent = /** @class */ (function () {
                                          * @return {?}
                                          */
                                         function (x) { return x.fileName == selectedFile.name; })).metadataId;
-                                        _this.uploadFile(uuid, selectedFile, selectedFile.name);
+                                        _this.uploadFile(uuid, selectedFile, selectedFile.name, FileState.Update);
                                         _this.uploadedFileTotal--;
                                         if (_this.oldUploadedFileList.find((/**
                                          * @param {?} x
@@ -652,7 +671,7 @@ var FileUploadComponent = /** @class */ (function () {
                                     })
                                 },
                                 {
-                                    text: '取消',
+                                    text: this_1.localepipe.transform('cancel'),
                                     cls: 'btn btn-secondary',
                                     handle: (/**
                                      * @return {?}
@@ -692,14 +711,14 @@ var FileUploadComponent = /** @class */ (function () {
         if (this.errFileList.length > 0) {
             /** @type {?} */
             var name_1 = this.listToString(this.errFileList);
-            this.msgService.warning('已上传同名文件: ' + name_1 + '请重新选择上传文件。');
+            this.msgService.warning(this.localepipe.transform('haveSameName') + name_1 + this.localepipe.transform('rechooseFile'));
             this.errFileList = [];
         }
         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 + ' 大小为0，请重新选择上传文件。');
+            this.msgService.warning(name_2 + this.localepipe.transform('sizeZero') + this.localepipe.transform('rechooseFile'));
             this.nullFileList = [];
         }
         // if (this.errTypeList.length > 0) {
@@ -710,6 +729,7 @@ var FileUploadComponent = /** @class */ (function () {
         this.files = this.files.slice();
         this.fileAllSelected = false;
         $event.target.value = '';
+        loading.close();
     };
     /**
      * @param {?} file
@@ -720,22 +740,25 @@ var FileUploadComponent = /** @class */ (function () {
      * @return {?}
      */
     function (file) {
-        this.msgService.error('上传附件失败。' + file.errorMessage);
+        this.msgService.error(this.localepipe.transform('uploadFailure') + file.errorMessage);
     };
     /**
      * @param {?} uuid
      * @param {?} selectedFile
      * @param {?} fileName
+     * @param {?=} state
      * @return {?}
      */
     FileUploadComponent.prototype.uploadFile = /**
      * @param {?} uuid
      * @param {?} selectedFile
      * @param {?} fileName
+     * @param {?=} state
      * @return {?}
      */
-    function (uuid, selectedFile, fileName) {
+    function (uuid, selectedFile, fileName, state) {
         var _this = this;
+        if (state === void 0) { state = FileState.New; }
         /** @type {?} */
         var fileInfo;
         // let uuid = UUID.UUID();
@@ -773,6 +796,7 @@ var FileUploadComponent = /** @class */ (function () {
         uploadFileInfo.metadataId = uuid;
         uploadFileInfo.fileName = fileInfo.name;
         uploadFileInfo.fileSize = fileInfo.size;
+        uploadFileInfo.state = state;
         var _loop_2 = function () {
             /** @type {?} */
             var uploadInfo = new GspFormUploadEntity;
@@ -1208,7 +1232,7 @@ var FileUploadComponent = /** @class */ (function () {
             // this.notifyService.success(<NotifyOptions>{
             //   msg: '保存成功！', timeout: 3000
             // });
-            this.msgService.warning('等一下，文档正在上传。');
+            this.msgService.warning(this.localepipe.transform('wait'));
             return of$1(false);
         }
         if (this.storageExtension == null)
@@ -1219,15 +1243,15 @@ var FileUploadComponent = /** @class */ (function () {
             else {
                 /** @type {?} */
                 var loading_1 = this.loadService.show({
-                    message: '正在将文件保存到' + this.storageExtension.extensionName
+                    message: this.localepipe.transform('saveTo') + this.storageExtension.extensionName
                 });
                 return this.uploadService.changeStorageInstance(this.exStorageFileList, this.rootId).pipe(map((/**
                  * @param {?} res
                  * @return {?}
                  */
                 function (res) {
-                    if (res != null)
-                        _this.msgService.error('保存到' + _this.storageExtension.extensionName + "失败，上传文件自动保存到" + _this.storageExtension.defaultPropertyName + "存储。" + res.error.Message);
+                    // if (res != null)
+                    //   this.msgService.error('保存到' + this.storageExtension.extensionName + "失败，上传文件自动保存到" + this.storageExtension.defaultPropertyName + "存储。" + res.error.Message);
                     loading_1.close();
                     return _this.uploadFileInfoList;
                 })));
@@ -1357,7 +1381,7 @@ var FileUploadComponent = /** @class */ (function () {
     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>\u4E0A\u4F20\u6587\u4EF6 </span>\n            <input type=\"file\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\">\n        </div>\n\n\n        <button *ngIf=\"showType==0 && !fileAllSelected && files.length >0 \" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">\u5168\u9009</button>\n        <button *ngIf=\"showType==0 && fileAllSelected  && files.length >0 \" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">\u5168\u4E0D\u9009</button>\n        <button *ngIf=\"showType==0 && selectedFileCount>0\" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">\u5220\u9664</button>\n\n        <button *ngIf=\"showType==1 && selectedFileCount>0\" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">\u5220\u9664</button>\n\n        <kendo-buttongroup [selection]=\"'single'\" class=\"button_group_upload \" style=\"background-color: #ffffff; color: #388FFF;border: 1px solid #ddd;\" look=\"flat\">\n            <button kendoButton [selected]=\"true\" [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/piclist.png'\" (click)=\"showByGroup()\"></button>\n            <button kendoButton [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/queuelist.png'\" (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'\" [status]=\"'active'\"></farris-progress>\n                </div>\n\n                <table *ngIf=\"!file.uploadResult && !file.isUploading\" 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-error\"></span></td>\n                    </tr>\n                    <tr style=\"margin: 0 auto ; height: 30px;\">\n                        <td style=\"text-align: center\"> \u4E0A\u4F20\u5931\u8D25 </td>\n                    </tr>\n                    <tr>\n                        <td style=\"text-align: center\"><button style=\"margin: 0 auto ; height: 20px; \" class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">\u8BE6\u60C5</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\" 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\" [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\" [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                                    <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\" [(ngModel)]=\"file.selectd\">\n                                    <label class=\"custom-control-label\" 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\" style=\"position: absolute; top: 0; right: 0px; width: 24px; height: 24px;\" kendoButton [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\" [(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\">\u6587\u4EF6\u540D</th>\n                <th style=\"width: 100px; vertical-align: middle\">\u5927\u5C0F</th>\n                <th style=\"width: 170px; vertical-align: middle; text-align: center\">\u72B6\u6001</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\">\u64CD\u4F5C</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\" [(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> \u4E0A\u4F20\u5931\u8D25 </td>\n                                <td><button style=\"height: 24px\" class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">\u8BE6\u60C5</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> \u4E0A\u4F20\u6210\u529F</span>\n                    </td>\n                    <td *ngIf=\"!file.isUploading&&haveExtensionProperty\" style=\"text-align: center; width: 100px; vertical-align: middle;\">\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\" [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\" [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\" 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\" (click)=\"listDeleteFile(file)\">\u5220\u9664</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\">\u4E0A\u4F20\u6587\u4EF6 </span>\n        <input type=\"file\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\">\n    </div>\n</div>",
+                    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\" (change)=\"fileSelected($event)\" id=\"file\" multiple=\"multiple\" title=\"\" [accept]=\"fileType\">\n        </div>\n\n\n        <button *ngIf=\"showType==0 && !fileAllSelected && files.length >0 \" style=\"padding-left: 20px\" 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\" class=\"btn-link btn ng-star-inserted\" (click)=\"selectAllFile()\">{{'selectNull' | locale}}</button>\n        <button *ngIf=\"showType==0 && selectedFileCount>0\" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\n\n        <button *ngIf=\"showType==1 && selectedFileCount>0\" style=\"padding-left: 20px\" class=\"btn-link btn ng-star-inserted\" (click)=\"listMultipleDeleteFile()\">{{'delete' | locale}}</button>\n\n        <kendo-buttongroup [selection]=\"'single'\" class=\"button_group_upload \" style=\"background-color: #ffffff; color: #388FFF;border: 1px solid #ddd;\" look=\"flat\">\n            <button kendoButton [selected]=\"true\" [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/piclist.png'\" (click)=\"showByGroup()\"></button>\n            <button kendoButton [toggleable]=\"true\" [imageUrl]=\"'/platform/runtime/dfs/images/queuelist.png'\" (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'\" [status]=\"'active'\"></farris-progress>\n                </div>\n\n                <table *ngIf=\"!file.uploadResult && !file.isUploading\" 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-error\"></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; \" class=\"btn-link btn ng-star-inserted\" (click)=\"showErrorMessage(file)\">{{'detail' | 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\" 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\" [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\" [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                                    <input class=\"custom-control-input\" type=\"checkbox\" [id]=\"file.name\" [(ngModel)]=\"file.selectd\">\n                                    <label class=\"custom-control-label\" 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\" style=\"position: absolute; top: 0; right: 0px; width: 24px; height: 24px;\" kendoButton [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\" [(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\" [(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\" (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' | locale}}</span>\n                    </td>\n                    <td *ngIf=\"!file.isUploading&&haveExtensionProperty\" style=\"text-align: center; width: 100px; vertical-align: middle;\">\n                        <farris-combo-list [(ngModel)]=\"file.extensionDropListId\" [data]=\"propertiesNames\" [idField]=\"'id'\" [textField]=\"'name'\" (selectChange)=\"typeChange($event,file)\" [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\" 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\" (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\">\u4E0A\u4F20\u6587\u4EF6 </span>\n        <input type=\"file\" (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}"]
                 }] }
     ];
@@ -1433,7 +1457,7 @@ 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=" + zipName;
+        return "/api/runtime/dfs/v1.0/doc/compress/download?metadataidlist=" + metadataIdList + "&rootid=" + rootId + "&token=" + this.getToken(this.mergeString(list[0], rootId)) + "&zipName=" + encodeURIComponent(zipName);
     };
     /**
      * @param {?} metadataId
@@ -1549,12 +1573,160 @@ var DownloadService = /** @class */ (function () {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/** @type {?} */
+var LANG_RESOURCES = {
+    'zh-CHS': {
+        'uploadFile': '上传文件',
+        'uploading': '正在上传文件……',
+        'selectedCount': '已选择文件数量：',
+        'limitCount': '超出系统限制数量：',
+        'rechooseFile': ',重新选择上传文件。',
+        'save': '保存',
+        'cancel': '取消',
+        'haveSameName': '已上传过同名文件: ',
+        'rename': '重命名',
+        'replace': '替换',
+        'sizeZero': '文件大小为0',
+        'uploadFailure': '上传失败',
+        'uploadSucceed': '上传成功',
+        'wait': '等一下，文档正在上传。',
+        'saveTo': '正在将文件保存到',
+        'delete': '删除',
+        'selectAll': '全选',
+        'selectNull': '全不选',
+        'detail': '详情',
+        'fileName': '文件名',
+        'state': '状态',
+        'operation': '操作',
+        'size': '大小',
+        'close': '关闭',
+        'loading': '拼命加载中'
+    },
+    'en-US': {
+        'uploadFile': 'Upload File',
+        'uploading': 'File Uploading……',
+        'selectedCount': 'Selected files count：',
+        'limitCount': 'System limit count：',
+        'rechooseFile': ',Reselect upload file.',
+        'save': 'Save',
+        'cancel': 'Cancel',
+        'haveSameName': 'A file with the same name has been uploaded: ',
+        'rename': 'Rename',
+        'replace': 'Replace',
+        'sizeZero': 'File size is 0',
+        'uploadFailure': 'Upload failed',
+        'uploadSucceed': 'Upload successfully',
+        'wait': 'Wait a minute, the file is uploading.',
+        'saveTo': 'Saving file to',
+        'delete': 'Delete',
+        'selectAll': 'Select all',
+        'selectNull': 'Not at all',
+        'detail': 'Details',
+        'fileName': 'Filename',
+        'state': 'State',
+        'operation': 'Operation',
+        'size': 'Size',
+        'close': 'Close',
+        'loading': 'Loading'
+    },
+    'en': {
+        'uploadFile': 'Upload File',
+        'uploading': 'File Uploading……',
+        'selectedCount': 'Selected files count：',
+        'limitCount': 'System limit count：',
+        'rechooseFile': ',Reselect upload file.',
+        'save': 'Save',
+        'cancel': 'Cancel',
+        'haveSameName': 'A file with the same name has been uploaded: ',
+        'rename': 'Rename',
+        'replace': 'Replace',
+        'sizeZero': 'File size is 0',
+        'uploadFailure': 'Upload failed',
+        'uploadSucceed': 'Upload successfully',
+        'wait': 'Wait a minute, the file is uploading.',
+        'saveTo': 'Saving file to',
+        'delete': 'Delete',
+        'selectAll': 'Select all',
+        'selectNull': 'Not at all',
+        'detail': 'Details',
+        'fileName': 'Filename',
+        'state': 'State',
+        'operation': 'Operation',
+        'size': 'Size',
+        'close': 'Close',
+        'loading': 'Loading'
+    },
+    'zh-CHT': {
+        'uploadFile': '上傳文件',
+        'uploading': '正在上傳文件……',
+        'selectedCount': '已選擇文件數量：',
+        'limitCount': '超出系統限制數量：',
+        'rechooseFile': ',重新選擇上傳文件。',
+        'save': '保存',
+        'cancel': '取消',
+        'haveSameName': '已上傳過同名文件: ',
+        'rename': '重命名',
+        'replace': '替換',
+        'sizeZero': '文件大小為0',
+        'uploadFailure': '上傳失敗',
+        'uploadSucceed': '上傳成功',
+        'wait': '等一下，文件正在上傳。',
+        'saveTo': '正在將文件保存到',
+        'delete': '删除',
+        'selectAll': '全選',
+        'selectNull': '全不選',
+        'detail': '詳情',
+        'fileName': '文件名',
+        'state': '狀態',
+        'operation': '操作',
+        'size': '大小',
+        'close': '關閉',
+        'loading': '拼命加載中'
+    },
+};
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var LocalLangPipe = /** @class */ (function () {
+    function LocalLangPipe(localeId) {
+        this.defaultLang = "zh-CHS";
+        this.langCode = localStorage.getItem("languageCode") || localeId || this.defaultLang;
+        this.lang = LANG_RESOURCES[this.langCode] || LANG_RESOURCES[this.defaultLang];
+    }
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    LocalLangPipe.prototype.transform = /**
+     * @param {?} name
+     * @return {?}
+     */
+    function (name) {
+        return this.lang[name] || name;
+    };
+    LocalLangPipe.decorators = [
+        { type: Pipe, args: [{ name: 'locale' },] }
+    ];
+    /** @nocollapse */
+    LocalLangPipe.ctorParameters = function () { return [
+        { type: String, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
+    ]; };
+    return LocalLangPipe;
+}());
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ɵ0$1 = localStorage.getItem('languageCode') || 'zh-CHS';
 var UploadModule = /** @class */ (function () {
     function UploadModule() {
     }
     UploadModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [FileUploadComponent],
+                    declarations: [FileUploadComponent, LocalLangPipe],
                     imports: [
                         CommonModule,
                         ButtonsModule,
@@ -1567,7 +1739,8 @@ var UploadModule = /** @class */ (function () {
                     ],
                     exports: [FileUploadComponent],
                     entryComponents: [FileUploadComponent],
-                    providers: [UploadService, DownloadService]
+                    providers: [UploadService, DownloadService, LanguageService,
+                        { provide: LOCALE_ID, useValue: ɵ0$1 },]
                 },] }
     ];
     return UploadModule;
@@ -1655,6 +1828,11 @@ var UploadDialogService = /** @class */ (function () {
         this.componentFactoryResolver = componentFactoryResolver;
         this.injector = injector;
         this.fileInfoList = [];
+        if (this.injector) {
+            this.modalService = this.injector.get(BsModalService);
+            this.localeid = localStorage.getItem("languageCode") || this.injector.get(LOCALE_ID);
+            this.localpipe = new LocalLangPipe(this.localeid);
+        }
     }
     /**
      * @param {?} formId
@@ -1682,11 +1860,11 @@ var UploadDialogService = /** @class */ (function () {
             viewerRef.instance.rootId = rootId;
             viewerRef.instance.formId = formId;
             _this.dlg = _this.modalService.show(viewerRef, {
-                title: '上传文件',
+                title: _this.localpipe.transform('uploadFile'),
                 width: 950, height: 570,
                 buttons: [
                     {
-                        text: '保存', cls: 'k-button k-button-icontext k-primary', handle: (/**
+                        text: _this.localpipe.transform('save'), cls: 'k-button k-button-icontext k-primary', handle: (/**
                          * @return {?}
                          */
                         function () {
@@ -1704,7 +1882,7 @@ var UploadDialogService = /** @class */ (function () {
                         })
                     },
                     {
-                        text: '关闭', cls: 'k-button k-button-icontext', handle: (/**
+                        text: _this.localpipe.transform('close'), cls: 'k-button k-button-icontext', handle: (/**
                          * @return {?}
                          */
                         function () {
@@ -1778,11 +1956,11 @@ var UploadDialogService = /** @class */ (function () {
             uploadRef.instance.formId = formId;
             uploadRef.instance.oldIdList = oldIdList;
             _this.dlg = _this.modalService.show(uploadRef, {
-                title: '上传文件',
+                title: _this.localpipe.transform('uploadFile'),
                 width: 950, height: 570,
                 buttons: [
                     {
-                        text: '保存', cls: 'k-button k-button-icontext k-primary', handle: (/**
+                        text: _this.localpipe.transform('save'), cls: 'k-button k-button-icontext k-primary', handle: (/**
                          * @return {?}
                          */
                         function () {
@@ -1800,7 +1978,7 @@ var UploadDialogService = /** @class */ (function () {
                         })
                     },
                     {
-                        text: '关闭', cls: 'k-button k-button-icontext', handle: (/**
+                        text: _this.localpipe.transform('close'), cls: 'k-button k-button-icontext', handle: (/**
                          * @return {?}
                          */
                         function () {
@@ -1892,6 +2070,16 @@ var GspDocMetaProperty = /** @class */ (function () {
     return GspDocMetaProperty;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var FileInfo = /** @class */ (function () {
+    function FileInfo() {
+    }
+    return FileInfo;
+}());
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1902,6 +2090,6 @@ var GspDocMetaProperty = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { FormdocUploadService, FormdocUploadComponent, FormdocUploadModule, UploadDialogMoudle, UploadDialogComponent, UploadDialogService, UploadService, DownloadService, FileUploadComponent, UploadFileInfo, UploadModule, ɵa, UploadLimit, GspFormDocOperateEntity, GspFormRemoveListEntity, GspFormUploadListEntity, GspFormDocInfo, GspDocMetaProperty, GspFormUploadEntity };
+export { FormdocUploadService, FormdocUploadComponent, FormdocUploadModule, UploadDialogMoudle, UploadDialogComponent, UploadDialogService, UploadService, DownloadService, FileUploadComponent, UploadFileInfo, UploadModule, ɵa, UploadLimit, GspFormDocOperateEntity, GspFormRemoveListEntity, GspFormUploadListEntity, GspFormDocInfo, GspDocMetaProperty, GspFormUploadEntity, FileInfo, OperatingModes, FileState, LocalLangPipe as ɵb };
 
 //# sourceMappingURL=gsp-svc-formdoc-upload.js.map