feat(module:upload): add nz-upload component

Author: cipchk

src/components/locale/locales/en-US.ts

@@ -61,5 +61,12 @@ export const enUS: NzLocale = {
     searchPlaceholder: 'Search here',
     itemUnit: 'item',
     itemsUnit: 'items',
+  },
+
+  Upload: {
+    uploading: 'Uploading...',
+    removeFile: 'Remove',
+    uploadError: 'Error',
+    previewFile: 'Preview',
   }
 };

src/components/locale/locales/ru-RU.ts

@@ -61,5 +61,12 @@ export const ruRU: NzLocale = {
     searchPlaceholder: 'Поиск',
     itemUnit: 'элемент',
     itemsUnit: 'элементов',
+  },
+
+  Upload: {
+    uploading: 'Закачиваю...',
+    removeFile: 'Удалить файл',
+    uploadError: 'Ошибка при закачке',
+    previewFile: 'Предпросмотр файла',
   }
 };

src/components/locale/locales/tr-TR.ts

@@ -61,5 +61,12 @@ export const trTR: NzLocale = {
     searchPlaceholder: 'Burada ara',
     itemUnit: 'öğe',
     itemsUnit: 'öğeler',
+  },
+
+  Upload: {
+    uploading: 'Yükleniyor...',
+    removeFile: `Dosyayı kaldır`,
+    uploadError: 'Yükleme Hatası',
+    previewFile: `Dosyayı Önizle`,
   }
 };

src/components/locale/locales/zh-CN.ts

@@ -61,5 +61,12 @@ export const zhCN: NzLocale = {
     searchPlaceholder: '请输入',
     itemUnit: '项目',
     itemsUnit: '项目',
+  },
+
+  Upload: {
+    uploading: '文件上传中',
+    removeFile: '删除文件',
+    uploadError: '上传错误',
+    previewFile: '预览文件',
   }
 };

src/components/locale/locales/zh-TW.ts

@@ -61,5 +61,12 @@ export const zhTW: NzLocale = {
     searchPlaceholder: '搜尋資料',
     itemUnit: '項目',
     itemsUnit: '項目',
+  },
+
+  Upload: {
+    uploading: '正在上傳...',
+    removeFile: '刪除檔案',
+    uploadError: '上傳失敗',
+    previewFile: '檔案預覽',
   }
 };

src/components/locale/nz-locale.class.ts

@@ -61,4 +61,11 @@ export class NzLocale {
     itemUnit: string,
     itemsUnit: string,
   };
+
+  Upload: {
+    uploading: string,
+    removeFile: string,
+    uploadError: string,
+    previewFile: string,
+  };
 }

src/components/ng-zorro-antd.module.ts

@@ -52,6 +52,7 @@ import { NzTimePickerModule } from './time-picker/nz-timepicker.module';
 import { NzTimelineModule } from './timeline/nz-timeline.module';
 import { NzToolTipModule } from './tooltip/nz-tooltip.module';
 import { NzTransferModule } from './transfer/nz-transfer.module';
+import { NzUploadModule } from './upload/nz-upload.module';
 import { LoggerModule } from './util/logger/index';
 import { NzUtilModule } from './util/nz-util.module';
 
@@ -120,6 +121,7 @@ export { NzAffixModule } from './affix/nz-affix.module';
 export { NzAnchorModule } from './anchor/nz-anchor.module';
 export { NzAvatarModule } from './avatar/nz-avatar.module';
 export { NzTransferModule } from './transfer/nz-transfer.module';
+export { NzUploadModule } from './upload/nz-upload.module';
 
 // Components
 export { NzRowComponent } from './grid/nz-row.component';
@@ -226,6 +228,8 @@ export { NzAnchorLinkComponent } from './anchor/nz-anchor-link.component';
 export { NzAnchorComponent } from './anchor/nz-anchor.component';
 export { NzAvatarComponent } from './avatar/nz-avatar.component';
 export { NzTransferComponent } from './transfer/nz-transfer.component';
+export { NzUploadComponent } from './upload/nz-upload.component';
+export * from './upload/interface';
 
 // Services
 export { NzNotificationService } from './notification/nz-notification.service';
@@ -291,7 +295,8 @@ export { NZ_ROOT_CONFIG, NzRootConfig } from './root/nz-root-config';
     NzAffixModule,
     NzAnchorModule,
     NzAvatarModule,
-    NzTransferModule
+    NzTransferModule,
+    NzUploadModule
   ]
 })
 export class NgZorroAntdModule {

src/components/upload/interface.ts

@@ -0,0 +1,67 @@
+// tslint:disable:prefer-method-signature
+import { Observable } from 'rxjs/Observable';
+import { Subscription } from 'rxjs/Subscription';
+
+// tslint:disable:no-any
+/** 状态 */
+export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
+
+/** 上传方式 */
+export type UploadType = 'select' | 'drag';
+
+/** 上传列表的内建样式 */
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+
+/** 文件对象 */
+export interface UploadFile {
+  uid: string;
+  size: number;
+  name: string;
+  filename?: string;
+  lastModified?: string;
+  lastModifiedDate?: Date;
+  url?: string;
+  status?: UploadFileStatus;
+  originFileObj?: File;
+  percent?: number;
+  thumbUrl?: string;
+  response?: any;
+  error?: any;
+  linkProps?: any;
+  type: string;
+  [key: string]: any;
+}
+
+export interface UploadChangeParam {
+  file: UploadFile;
+  fileList: UploadFile[];
+  event?: { percent: number };
+}
+
+export interface ShowUploadListInterface {
+  showRemoveIcon?: boolean;
+  showPreviewIcon?: boolean;
+}
+
+export interface ZipButtonOptions {
+  disabled?: boolean;
+  accept?: string;
+  action?: string;
+  beforeUpload?: (file: UploadFile, fileList: UploadFile[]) => boolean | Observable<any>;
+  customRequest?: (item: any) => Subscription;
+  data?: {} | ((file: UploadFile) => {});
+  headers?: {};
+  name?: string;
+  multiple?: boolean;
+  withCredentials?: boolean;
+  filters?: UploadFilter[];
+  onStart?: (file: UploadFile) => void;
+  onProgress?: (e: any, file: UploadFile) => void;
+  onSuccess?: (ret: any, file: UploadFile, xhr: any) => void;
+  onError?: (err: any, file: UploadFile) => void;
+}
+
+export interface UploadFilter {
+  name: string;
+  fn: (fileList: UploadFile[]) => UploadFile[];
+}