@ng-nest/ui 12.0.5 → 12.0.10

package/fesm2015/ng-nest-ui-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-upload.js","sources":["../../../../lib/ng-nest/ui/upload/upload.property.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.html","../../../../lib/ng-nest/ui/upload/upload.component.ts","../../../../lib/ng-nest/ui/upload/upload.component.html","../../../../lib/ng-nest/ui/upload/upload.module.ts","../../../../lib/ng-nest/ui/upload/ng-nest-ui-upload.ts"],"sourcesContent":["import { XInputBoolean, XBoolean, XTemplate, XPosition, XCorner } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Upload\r\n * @selector x-upload\r\n * @decorator component\r\n */\r\nexport const XUploadPrefix = 'x-upload';\r\n\r\n/**\r\n * Upload Property\r\n */\r\n@Component({ template: '' })\r\nexport class XUploadProperty extends XControlValueAccessor<XUploadNode[]> {\r\n  /**\r\n   * @zh_CN 显示文字\r\n   * @en_US Display text\r\n   */\r\n  @Input() text?: XTemplate;\r\n  /**\r\n   * @zh_CN 请求地址\r\n   * @en_US Request address\r\n   */\r\n  @Input() action?: string;\r\n  /**\r\n   * @zh_CN 上传文件类型，与原生的 input file 组件一致\r\n   * @en_US Upload file type, consistent with native input file component\r\n   */\r\n  @Input() accept?: string;\r\n  /**\r\n   * @zh_CN 文件显示类型\r\n   * @en_US File display type\r\n   */\r\n  @Input() type: XUploadType = 'list';\r\n  /**\r\n   * @zh_CN 图片剪裁\r\n   * @en_US Picture cropping\r\n   */\r\n  @Input() @XInputBoolean() imgCut?: XBoolean;\r\n  /**\r\n   * @zh_CN 多文件上传\r\n   * @en_US Multiple file upload\r\n   */\r\n  @Input() @XInputBoolean() multiple?: XBoolean;\r\n  /**\r\n   * @zh_CN 删除按钮的事件\r\n   * @en_US Delete button event\r\n   */\r\n  @Output() removeClick = new EventEmitter<{ file: XUploadNode; index: number }>();\r\n}\r\n\r\n/**\r\n * @zh_CN Upload 数据对象\r\n * @en_US Upload data object\r\n */\r\nexport interface XUploadNode extends File {\r\n  /**\r\n   * @zh_CN 地址\r\n   * @en_US address\r\n   */\r\n  url?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US status\r\n   */\r\n  state?: XStateType;\r\n  /**\r\n   * @zh_CN 上传进度\r\n   * @en_US Upload progress\r\n   */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * @zh_CN 文件状态\r\n * @en_US File status\r\n */\r\nexport type XStateType = 'ready' | 'uploading' | 'success' | 'error';\r\n\r\n/**\r\n * @zh_CN 文件显示类型\r\n * @en_US File display type\r\n */\r\nexport type XUploadType = 'list' | 'img';\r\n\r\n/**\r\n * @zh_CN 剪裁的方位\r\n * @en_US Tailored orientation\r\n */\r\nexport type XUploadCutType = XPosition | XCorner | '';\r\n\r\n/**\r\n * Upload Portal\r\n * @selector x-upload-portal\r\n * @decorator component\r\n */\r\nexport const XUploadPortalPrefix = 'x-upload-portal';\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef,\r\n  Inject\r\n} from '@angular/core';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { debounceTime, map, takeUntil, tap } from 'rxjs/operators';\r\nimport { XClamp } from '@ng-nest/ui/core';\r\nimport { XUploadCutType, XUploadNode, XUploadPortalPrefix } from './upload.property';\r\n\r\n@Component({\r\n  selector: `${XUploadPortalPrefix}`,\r\n  templateUrl: './upload-portal.component.html',\r\n  styleUrls: ['./upload-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XUploadPortalComponent {\r\n  file!: XUploadNode;\r\n  @ViewChild('imgRef') imgRef!: ElementRef;\r\n  @ViewChild('imgClipRef') imgClipRef!: ElementRef;\r\n  @ViewChild('boundaryRef') boundaryRef!: ElementRef;\r\n  @ViewChild('cutRef') cutRef!: ElementRef;\r\n  ready = false;\r\n  cutType: XUploadCutType = '';\r\n  proportion = 1;\r\n  originalSize = {\r\n    width: 0,\r\n    height: 0\r\n  };\r\n  boundaryBox!: {\r\n    width: 0;\r\n    height: 0;\r\n  };\r\n  cutBox = {\r\n    width: 0,\r\n    height: 0,\r\n    x: 0,\r\n    y: 0\r\n  };\r\n  clipRect!: {\r\n    top: number;\r\n    right: number;\r\n    bottom: number;\r\n    left: number;\r\n  };\r\n\r\n  doc: Document;\r\n\r\n  closePortal!: () => void;\r\n  destroyPortal!: () => void;\r\n  surePortal!: (blob: Blob) => void;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(private renderer: Renderer2, private cdr: ChangeDetectorRef, @Inject(DOCUMENT) document: any) {\r\n    this.doc = document;\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngAfterViewInit() {\r\n    this.setCut();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.complete();\r\n  }\r\n\r\n  setCut() {\r\n    let width = this.imgRef.nativeElement.clientWidth;\r\n    let height = this.imgRef.nativeElement.clientHeight;\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'height', `${height}px`);\r\n    this.cutBox.width = width;\r\n    this.cutBox.height = height;\r\n    this.boundaryBox = { width, height };\r\n    this.clipRect = {\r\n      top: 0,\r\n      right: width,\r\n      bottom: height,\r\n      left: 0\r\n    };\r\n    this.setOriginalSize();\r\n    this.ready = true;\r\n    this.cdr.detectChanges();\r\n\r\n    const mouseDown = fromEvent<MouseEvent>(this.cutRef.nativeElement, 'mousedown').pipe(takeUntil(this._unSubject));\r\n\r\n    mouseDown.subscribe((downMe: MouseEvent) => {\r\n      let x = downMe.pageX;\r\n      let y = downMe.pageY;\r\n      let offsetX = 0;\r\n      let offsetY = 0;\r\n      const _unSub = new Subject<void>();\r\n      let className = (downMe.target as HTMLDivElement).className;\r\n      const spt = `${XUploadPortalPrefix}-cut-`;\r\n      if (className.includes(spt)) {\r\n        this.cutType = className.replace(spt, '') as XUploadCutType;\r\n        this.cdr.detectChanges();\r\n      }\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mousemove')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe((moveMe: MouseEvent) => {\r\n          offsetX = moveMe.pageX - x;\r\n          offsetY = moveMe.pageY - y;\r\n          x = moveMe.pageX;\r\n          y = moveMe.pageY;\r\n          this.setCutEle(this.cutType, offsetX, offsetY);\r\n        });\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mouseup')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe((x) => {\r\n          this.cutType = '';\r\n          this.cdr.detectChanges();\r\n          _unSub.next();\r\n          _unSub.complete();\r\n        });\r\n    });\r\n  }\r\n\r\n  setOriginalSize() {\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.onload = () => {\r\n      this.originalSize = { width: img.width, height: img.height };\r\n      this.proportion = this.boundaryBox.width / this.originalSize.width;\r\n    };\r\n  }\r\n\r\n  setCutEle(position: XUploadCutType, x: number, y: number) {\r\n    switch (position) {\r\n      case 'top-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top':\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'right':\r\n        this.cutBox.width += x;\r\n        break;\r\n      case 'bottom-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom':\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height += y;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case 'left':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case '':\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n    }\r\n    const boundaryRect = this.boundaryRef.nativeElement.getBoundingClientRect();\r\n\r\n    const maxY = boundaryRect.height - this.cutBox.height;\r\n    const maxX = boundaryRect.width - this.cutBox.width;\r\n\r\n    this.cutBox.x = XClamp(this.cutBox.x, 0, maxX);\r\n    this.cutBox.y = XClamp(this.cutBox.y, 0, maxY);\r\n\r\n    // const maxWidth = boundaryRect.height - this.cutBox.y;\r\n    // const maxHeight = boundaryRect.width - this.cutBox.x;\r\n\r\n    // this.cutBox.width = XClamp(this.cutBox.width, 0, maxWidth);\r\n    // this.cutBox.height = XClamp(this.cutBox.width, 0, maxHeight);\r\n\r\n    this.clipRect = {\r\n      top: this.cutBox.y,\r\n      right: this.cutBox.width + this.cutBox.x,\r\n      bottom: this.cutBox.height + this.cutBox.y,\r\n      left: this.cutBox.x\r\n    };\r\n    this.renderer.setStyle(\r\n      this.imgClipRef.nativeElement,\r\n      'clip',\r\n      `rect(${this.clipRect.top}px,${this.clipRect.right}px,${this.clipRect.bottom}px,${this.clipRect.left}px)`\r\n    );\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${this.cutBox.width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${this.cutBox.height}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'transform', `translate3d(${this.cutBox.x}px, ${this.cutBox.y}px, 0)`);\r\n  }\r\n\r\n  sure() {\r\n    const canvas = this.doc.createElement('canvas');\r\n    canvas.width = this.cutBox.width / this.proportion;\r\n    canvas.height = this.cutBox.height / this.proportion;\r\n    const context = canvas.getContext('2d')!;\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.crossOrigin = 'anonymous';\r\n    img.onload = () => {\r\n      context.drawImage(img, -this.cutBox.x / this.proportion, -this.cutBox.y / this.proportion);\r\n      canvas.toBlob((blob) => {\r\n        this.surePortal(blob as Blob);\r\n        this.closePortal();\r\n      });\r\n    };\r\n  }\r\n}\r\n","<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n","import { HttpClient, HttpEventType, HttpRequest, HttpEvent } from '@angular/common/http';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewChild,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XUploadPrefix, XUploadNode, XUploadProperty, XUploadPortalPrefix } from './upload.property';\r\nimport { XIsTemplateRef } from '@ng-nest/ui/core';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService, XI18nUpload } from '@ng-nest/ui/i18n';\r\nimport { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XUploadPrefix}`,\r\n  templateUrl: './upload.component.html',\r\n  styleUrls: ['./upload.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XUploadComponent)]\r\n})\r\nexport class XUploadComponent extends XUploadProperty {\r\n  @ViewChild('file', { static: true }) file!: ElementRef;\r\n  files: XUploadNode[] = [];\r\n  showUpload = false;\r\n  uploadNodes: XUploadNode[] = [];\r\n  locale: XI18nUpload = {};\r\n  portal!: XPortalOverlayRef<XUploadPortalComponent>;\r\n\r\n  get getText() {\r\n    return this.text || this.locale.uploadText;\r\n  }\r\n\r\n  get isTemplateText() {\r\n    return XIsTemplateRef(this.getText);\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  writeValue(value: XUploadNode[]) {\r\n    this.value = value;\r\n    this.setFiles();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public http: HttpClient,\r\n    public cdr: ChangeDetectorRef,\r\n    public portalService: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.upload as XI18nUpload),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n    if (this.type === 'img') this.accept = 'image/*';\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setFiles() {\r\n    if (!Array.isArray(this.value)) return;\r\n    if (this.type !== 'img') return;\r\n    this.files = this.value.map((x) => {\r\n      if (!x.state) x.state = 'success';\r\n      return x;\r\n    });\r\n  }\r\n\r\n  change(event: Event) {\r\n    let input = event.target as HTMLInputElement;\r\n    if (typeof input === 'undefined' || input.files?.length === 0) return;\r\n    let files: XUploadNode[] = [];\r\n    for (let i = 0; i < (input.files as FileList).length; i++) {\r\n      let file: XUploadNode = (input.files as FileList).item(i) as XUploadNode;\r\n      file.state = 'ready';\r\n      files = [...files, file];\r\n    }\r\n    if (files.length > 0) this.showUpload = true;\r\n    this.files = files;\r\n    this.value = [];\r\n    this.uploading();\r\n    input.value = '';\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  remove(file: XUploadNode, index: number) {\r\n    this.files.splice(index, 1);\r\n    if (this.files.length === 0) this.file.nativeElement.value = '';\r\n    this.showUpload = this.files.find((x) => x.state === 'ready') != null;\r\n    this.removeClick.emit({ file: file, index: index });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  uploadClick() {\r\n    if (this.disabled) return;\r\n    this.file.nativeElement.click();\r\n  }\r\n\r\n  uploading() {\r\n    if (!this.action) return;\r\n    let readyFiles = this.files.filter((x) => x.state === 'ready');\r\n    readyFiles.forEach((x) => {\r\n      this.uploadFile(x);\r\n    });\r\n  }\r\n\r\n  uploadFile(file: XUploadNode, index = -1) {\r\n    let formData = new FormData();\r\n    formData.append('file', file);\r\n    const req = new HttpRequest('POST', this.action as string, formData, {\r\n      reportProgress: true,\r\n      responseType: 'arraybuffer'\r\n    });\r\n    this.http\r\n      .request(req)\r\n      .pipe(\r\n        map((event) =>\r\n          this.getEventMessage(event, file, (body: BlobPart) => {\r\n            let blob = new Blob([body]);\r\n            let reader = new FileReader();\r\n            reader.readAsText(blob, 'utf-8');\r\n            reader.onload = () => {\r\n              file.url = JSON.parse(reader.result as string)[0];\r\n              if (index === -1) {\r\n                this.value.push(file);\r\n              } else {\r\n                this.value[index] = file;\r\n                this.files[index] = file;\r\n              }\r\n              this.cdr.detectChanges();\r\n            };\r\n          })\r\n        )\r\n      )\r\n      .subscribe(\r\n        () => {\r\n          this.showUpload = this.files.find((y) => y.state === 'ready') != null;\r\n          this.cdr.detectChanges();\r\n        },\r\n        () => {\r\n          file.state = 'error';\r\n          this.cdr.detectChanges();\r\n        }\r\n      );\r\n  }\r\n\r\n  getEventMessage(event: HttpEvent<any>, file: XUploadNode, fun: Function) {\r\n    switch (event.type) {\r\n      case HttpEventType.Sent:\r\n        file.state = 'ready';\r\n        return `开始上传文件`;\r\n      case HttpEventType.UploadProgress:\r\n        file.state = 'uploading';\r\n        if (event.total) file.percent = Math.round((100 * event.loaded) / event.total);\r\n        return `上传中`;\r\n      case HttpEventType.Response:\r\n        file.state = 'success';\r\n        fun(event.body);\r\n        return `文件上传完毕`;\r\n    }\r\n    return;\r\n  }\r\n\r\n  trackByItem(index: number, item: XUploadNode) {\r\n    return `${item.name}-${item.lastModified}`;\r\n  }\r\n\r\n  onImgCut(file: XUploadNode, index: number) {\r\n    this.portal = this.portalService.attach({\r\n      content: XUploadPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        panelClass: [XUploadPortalPrefix],\r\n        hasBackdrop: true,\r\n        positionStrategy: this.portalService.setPlace('center')\r\n      }\r\n    });\r\n    this.setInstance(file, index);\r\n  }\r\n\r\n  setInstance(file: XUploadNode, index: number) {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    Object.assign(componentRef.instance, {\r\n      file: file,\r\n      closePortal: () => this.closePortal(),\r\n      destroyPortal: () => this.destroyPortal(),\r\n      surePortal: (blob: Blob) => {\r\n        const fl = new File([blob], file.name, { type: blob.type }) as XUploadNode;\r\n        fl.state = 'ready';\r\n        this.uploadFile(fl, index);\r\n      }\r\n    });\r\n    componentRef.changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.cdr.detectChanges();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  destroyPortal() {\r\n    this.portal?.overlayRef?.dispose();\r\n  }\r\n\r\n  imgError(event: Event, file: XUploadNode) {\r\n    file.state = 'error';\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  imgLoad(event: Event, file: XUploadNode) {\r\n    file.state = 'success';\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad($event, file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XUploadComponent } from './upload.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XUploadProperty } from './upload.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],\r\n  exports: [XUploadComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    DragDropModule,\r\n    XPortalModule,\r\n    XOutletModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XI18nModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XUploadModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-upload.js","sources":["../../../../lib/ng-nest/ui/upload/upload.property.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.ts","../../../../lib/ng-nest/ui/upload/upload-portal.component.html","../../../../lib/ng-nest/ui/upload/upload.component.ts","../../../../lib/ng-nest/ui/upload/upload.component.html","../../../../lib/ng-nest/ui/upload/upload.module.ts","../../../../lib/ng-nest/ui/upload/ng-nest-ui-upload.ts"],"sourcesContent":["import { XInputBoolean, XBoolean, XTemplate, XPosition, XCorner } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Upload\r\n * @selector x-upload\r\n * @decorator component\r\n */\r\nexport const XUploadPrefix = 'x-upload';\r\n\r\n/**\r\n * Upload Property\r\n */\r\n@Component({ template: '' })\r\nexport class XUploadProperty extends XControlValueAccessor<XUploadNode[]> {\r\n  /**\r\n   * @zh_CN 显示文字\r\n   * @en_US Display text\r\n   */\r\n  @Input() text?: XTemplate;\r\n  /**\r\n   * @zh_CN 请求地址\r\n   * @en_US Request address\r\n   */\r\n  @Input() action?: string;\r\n  /**\r\n   * @zh_CN 上传文件类型，与原生的 input file 组件一致\r\n   * @en_US Upload file type, consistent with native input file component\r\n   */\r\n  @Input() accept?: string;\r\n  /**\r\n   * @zh_CN 文件显示类型\r\n   * @en_US File display type\r\n   */\r\n  @Input() type: XUploadType = 'list';\r\n  /**\r\n   * @zh_CN 图片剪裁\r\n   * @en_US Picture cropping\r\n   */\r\n  @Input() @XInputBoolean() imgCut?: XBoolean;\r\n  /**\r\n   * @zh_CN 多文件上传\r\n   * @en_US Multiple file upload\r\n   */\r\n  @Input() @XInputBoolean() multiple?: XBoolean;\r\n  /**\r\n   * @zh_CN 删除按钮的事件\r\n   * @en_US Delete button event\r\n   */\r\n  @Output() removeClick = new EventEmitter<{ file: XUploadNode; index: number }>();\r\n}\r\n\r\n/**\r\n * @zh_CN Upload 数据对象\r\n * @en_US Upload data object\r\n */\r\nexport interface XUploadNode extends File {\r\n  /**\r\n   * @zh_CN 地址\r\n   * @en_US address\r\n   */\r\n  url?: string;\r\n  /**\r\n   * @zh_CN 状态\r\n   * @en_US status\r\n   */\r\n  state?: XStateType;\r\n  /**\r\n   * @zh_CN 上传进度\r\n   * @en_US Upload progress\r\n   */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * @zh_CN 文件状态\r\n * @en_US File status\r\n */\r\nexport type XStateType = 'ready' | 'uploading' | 'success' | 'error';\r\n\r\n/**\r\n * @zh_CN 文件显示类型\r\n * @en_US File display type\r\n */\r\nexport type XUploadType = 'list' | 'img';\r\n\r\n/**\r\n * @zh_CN 剪裁的方位\r\n * @en_US Tailored orientation\r\n */\r\nexport type XUploadCutType = XPosition | XCorner | '';\r\n\r\n/**\r\n * Upload Portal\r\n * @selector x-upload-portal\r\n * @decorator component\r\n */\r\nexport const XUploadPortalPrefix = 'x-upload-portal';\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef,\r\n  Inject\r\n} from '@angular/core';\r\nimport { fromEvent, Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XClamp } from '@ng-nest/ui/core';\r\nimport { XUploadCutType, XUploadNode, XUploadPortalPrefix } from './upload.property';\r\n\r\n@Component({\r\n  selector: `${XUploadPortalPrefix}`,\r\n  templateUrl: './upload-portal.component.html',\r\n  styleUrls: ['./upload-portal.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XUploadPortalComponent {\r\n  file!: XUploadNode;\r\n  @ViewChild('imgRef') imgRef!: ElementRef;\r\n  @ViewChild('imgClipRef') imgClipRef!: ElementRef;\r\n  @ViewChild('boundaryRef') boundaryRef!: ElementRef;\r\n  @ViewChild('cutRef') cutRef!: ElementRef;\r\n  ready = false;\r\n  cutType: XUploadCutType = '';\r\n  proportion = 1;\r\n  originalSize = {\r\n    width: 0,\r\n    height: 0\r\n  };\r\n  boundaryBox!: {\r\n    width: 0;\r\n    height: 0;\r\n  };\r\n  cutBox = {\r\n    width: 0,\r\n    height: 0,\r\n    x: 0,\r\n    y: 0\r\n  };\r\n  clipRect!: {\r\n    top: number;\r\n    right: number;\r\n    bottom: number;\r\n    left: number;\r\n  };\r\n\r\n  doc: Document;\r\n\r\n  closePortal!: () => void;\r\n  destroyPortal!: () => void;\r\n  surePortal!: (blob: Blob) => void;\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(private renderer: Renderer2, private cdr: ChangeDetectorRef, @Inject(DOCUMENT) document: any) {\r\n    this.doc = document;\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngAfterViewInit() {\r\n    this.setCut();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._unSubject.next();\r\n    this._unSubject.complete();\r\n  }\r\n\r\n  setCut() {\r\n    let width = this.imgRef.nativeElement.clientWidth;\r\n    let height = this.imgRef.nativeElement.clientHeight;\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.boundaryRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgRef.nativeElement, 'height', `${height}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'width', `${width}px`);\r\n    this.renderer.setStyle(this.imgClipRef.nativeElement, 'height', `${height}px`);\r\n    this.cutBox.width = width;\r\n    this.cutBox.height = height;\r\n    this.boundaryBox = { width, height };\r\n    this.clipRect = {\r\n      top: 0,\r\n      right: width,\r\n      bottom: height,\r\n      left: 0\r\n    };\r\n    this.setOriginalSize();\r\n    this.ready = true;\r\n    this.cdr.detectChanges();\r\n\r\n    const mouseDown = fromEvent<MouseEvent>(this.cutRef.nativeElement, 'mousedown').pipe(takeUntil(this._unSubject));\r\n\r\n    mouseDown.subscribe((downMe: MouseEvent) => {\r\n      let x = downMe.pageX;\r\n      let y = downMe.pageY;\r\n      let offsetX = 0;\r\n      let offsetY = 0;\r\n      const _unSub = new Subject<void>();\r\n      let className = (downMe.target as HTMLDivElement).className;\r\n      const spt = `${XUploadPortalPrefix}-cut-`;\r\n      if (className.includes(spt)) {\r\n        this.cutType = className.replace(spt, '') as XUploadCutType;\r\n        this.cdr.detectChanges();\r\n      }\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mousemove')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe((moveMe: MouseEvent) => {\r\n          offsetX = moveMe.pageX - x;\r\n          offsetY = moveMe.pageY - y;\r\n          x = moveMe.pageX;\r\n          y = moveMe.pageY;\r\n          this.setCutEle(this.cutType, offsetX, offsetY);\r\n        });\r\n      fromEvent<MouseEvent>(this.doc.documentElement, 'mouseup')\r\n        .pipe(takeUntil(_unSub))\r\n        .subscribe(() => {\r\n          this.cutType = '';\r\n          this.cdr.detectChanges();\r\n          _unSub.next();\r\n          _unSub.complete();\r\n        });\r\n    });\r\n  }\r\n\r\n  setOriginalSize() {\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.onload = () => {\r\n      this.originalSize = { width: img.width, height: img.height };\r\n      this.proportion = this.boundaryBox.width / this.originalSize.width;\r\n    };\r\n  }\r\n\r\n  setCutEle(position: XUploadCutType, x: number, y: number) {\r\n    switch (position) {\r\n      case 'top-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top':\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'top-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height -= y;\r\n        this.cutBox.y += y;\r\n        break;\r\n      case 'right':\r\n        this.cutBox.width += x;\r\n        break;\r\n      case 'bottom-end':\r\n        this.cutBox.width += x;\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom':\r\n        this.cutBox.height += y;\r\n        break;\r\n      case 'bottom-start':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.height += y;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case 'left':\r\n        this.cutBox.width -= x;\r\n        this.cutBox.x += x;\r\n        break;\r\n      case '':\r\n        this.cutBox.x += x;\r\n        this.cutBox.y += y;\r\n        break;\r\n    }\r\n    const boundaryRect = this.boundaryRef.nativeElement.getBoundingClientRect();\r\n\r\n    const maxY = boundaryRect.height - this.cutBox.height;\r\n    const maxX = boundaryRect.width - this.cutBox.width;\r\n\r\n    this.cutBox.x = XClamp(this.cutBox.x, 0, maxX);\r\n    this.cutBox.y = XClamp(this.cutBox.y, 0, maxY);\r\n\r\n    // const maxWidth = boundaryRect.height - this.cutBox.y;\r\n    // const maxHeight = boundaryRect.width - this.cutBox.x;\r\n\r\n    // this.cutBox.width = XClamp(this.cutBox.width, 0, maxWidth);\r\n    // this.cutBox.height = XClamp(this.cutBox.width, 0, maxHeight);\r\n\r\n    this.clipRect = {\r\n      top: this.cutBox.y,\r\n      right: this.cutBox.width + this.cutBox.x,\r\n      bottom: this.cutBox.height + this.cutBox.y,\r\n      left: this.cutBox.x\r\n    };\r\n    this.renderer.setStyle(\r\n      this.imgClipRef.nativeElement,\r\n      'clip',\r\n      `rect(${this.clipRect.top}px,${this.clipRect.right}px,${this.clipRect.bottom}px,${this.clipRect.left}px)`\r\n    );\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'width', `${this.cutBox.width}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'height', `${this.cutBox.height}px`);\r\n    this.renderer.setStyle(this.cutRef.nativeElement, 'transform', `translate3d(${this.cutBox.x}px, ${this.cutBox.y}px, 0)`);\r\n  }\r\n\r\n  sure() {\r\n    const canvas = this.doc.createElement('canvas');\r\n    canvas.width = this.cutBox.width / this.proportion;\r\n    canvas.height = this.cutBox.height / this.proportion;\r\n    const context = canvas.getContext('2d')!;\r\n    const img = new Image();\r\n    img.src = this.file.url!;\r\n    img.crossOrigin = 'anonymous';\r\n    img.onload = () => {\r\n      context.drawImage(img, -this.cutBox.x / this.proportion, -this.cutBox.y / this.proportion);\r\n      canvas.toBlob((blob) => {\r\n        this.surePortal(blob as Blob);\r\n        this.closePortal();\r\n      });\r\n    };\r\n  }\r\n}\r\n","<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n","import { HttpClient, HttpEventType, HttpRequest, HttpEvent } from '@angular/common/http';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewChild,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XUploadPrefix, XUploadNode, XUploadProperty, XUploadPortalPrefix } from './upload.property';\r\nimport { XIsTemplateRef } from '@ng-nest/ui/core';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService, XI18nUpload } from '@ng-nest/ui/i18n';\r\nimport { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XUploadPrefix}`,\r\n  templateUrl: './upload.component.html',\r\n  styleUrls: ['./upload.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XUploadComponent)]\r\n})\r\nexport class XUploadComponent extends XUploadProperty {\r\n  @ViewChild('file', { static: true }) file!: ElementRef;\r\n  files: XUploadNode[] = [];\r\n  showUpload = false;\r\n  uploadNodes: XUploadNode[] = [];\r\n  locale: XI18nUpload = {};\r\n  portal!: XPortalOverlayRef<XUploadPortalComponent>;\r\n\r\n  get getText() {\r\n    return this.text || this.locale.uploadText;\r\n  }\r\n\r\n  get isTemplateText() {\r\n    return XIsTemplateRef(this.getText);\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  writeValue(value: XUploadNode[]) {\r\n    this.value = value;\r\n    this.setFiles();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public http: HttpClient,\r\n    public cdr: ChangeDetectorRef,\r\n    public portalService: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.upload as XI18nUpload),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n    if (this.type === 'img') this.accept = 'image/*';\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setFiles() {\r\n    if (!Array.isArray(this.value)) return;\r\n    if (this.type !== 'img') return;\r\n    this.files = this.value.map((x) => {\r\n      if (!x.state) x.state = 'success';\r\n      return x;\r\n    });\r\n  }\r\n\r\n  change(event: Event) {\r\n    let input = event.target as HTMLInputElement;\r\n    if (typeof input === 'undefined' || input.files?.length === 0) return;\r\n    let files: XUploadNode[] = [];\r\n    for (let i = 0; i < (input.files as FileList).length; i++) {\r\n      let file: XUploadNode = (input.files as FileList).item(i) as XUploadNode;\r\n      file.state = 'ready';\r\n      files = [...files, file];\r\n    }\r\n    if (files.length > 0) this.showUpload = true;\r\n    this.files = files;\r\n    this.value = [];\r\n    this.uploading();\r\n    input.value = '';\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  remove(file: XUploadNode, index: number) {\r\n    this.files.splice(index, 1);\r\n    if (this.files.length === 0) this.file.nativeElement.value = '';\r\n    this.showUpload = this.files.find((x) => x.state === 'ready') != null;\r\n    this.removeClick.emit({ file: file, index: index });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  uploadClick() {\r\n    if (this.disabled) return;\r\n    this.file.nativeElement.click();\r\n  }\r\n\r\n  uploading() {\r\n    if (!this.action) return;\r\n    let readyFiles = this.files.filter((x) => x.state === 'ready');\r\n    readyFiles.forEach((x) => {\r\n      this.uploadFile(x);\r\n    });\r\n  }\r\n\r\n  uploadFile(file: XUploadNode, index = -1) {\r\n    let formData = new FormData();\r\n    formData.append('file', file);\r\n    const req = new HttpRequest('POST', this.action as string, formData, {\r\n      reportProgress: true,\r\n      responseType: 'arraybuffer'\r\n    });\r\n    this.http\r\n      .request(req)\r\n      .pipe(\r\n        map((event) =>\r\n          this.getEventMessage(event, file, (body: BlobPart) => {\r\n            let blob = new Blob([body]);\r\n            let reader = new FileReader();\r\n            reader.readAsText(blob, 'utf-8');\r\n            reader.onload = () => {\r\n              file.url = JSON.parse(reader.result as string)[0];\r\n              if (index === -1) {\r\n                this.value.push(file);\r\n              } else {\r\n                this.value[index] = file;\r\n                this.files[index] = file;\r\n              }\r\n              this.cdr.detectChanges();\r\n            };\r\n          })\r\n        )\r\n      )\r\n      .subscribe(\r\n        () => {\r\n          this.showUpload = this.files.find((y) => y.state === 'ready') != null;\r\n          this.cdr.detectChanges();\r\n        },\r\n        () => {\r\n          file.state = 'error';\r\n          this.cdr.detectChanges();\r\n        }\r\n      );\r\n  }\r\n\r\n  getEventMessage(event: HttpEvent<any>, file: XUploadNode, fun: Function) {\r\n    switch (event.type) {\r\n      case HttpEventType.Sent:\r\n        file.state = 'ready';\r\n        return `开始上传文件`;\r\n      case HttpEventType.UploadProgress:\r\n        file.state = 'uploading';\r\n        if (event.total) file.percent = Math.round((100 * event.loaded) / event.total);\r\n        return `上传中`;\r\n      case HttpEventType.Response:\r\n        file.state = 'success';\r\n        fun(event.body);\r\n        return `文件上传完毕`;\r\n    }\r\n    return;\r\n  }\r\n\r\n  trackByItem(_index: number, item: XUploadNode) {\r\n    return `${item.name}-${item.lastModified}`;\r\n  }\r\n\r\n  onImgCut(file: XUploadNode, index: number) {\r\n    this.portal = this.portalService.attach({\r\n      content: XUploadPortalComponent,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        panelClass: [XUploadPortalPrefix],\r\n        hasBackdrop: true,\r\n        positionStrategy: this.portalService.setPlace('center')\r\n      }\r\n    });\r\n    this.setInstance(file, index);\r\n  }\r\n\r\n  setInstance(file: XUploadNode, index: number) {\r\n    let componentRef = this.portal?.componentRef;\r\n    if (!componentRef) return;\r\n    Object.assign(componentRef.instance, {\r\n      file: file,\r\n      closePortal: () => this.closePortal(),\r\n      destroyPortal: () => this.destroyPortal(),\r\n      surePortal: (blob: Blob) => {\r\n        const fl = new File([blob], file.name, { type: blob.type }) as XUploadNode;\r\n        fl.state = 'ready';\r\n        this.uploadFile(fl, index);\r\n      }\r\n    });\r\n    componentRef.changeDetectorRef.detectChanges();\r\n  }\r\n\r\n  portalAttached() {\r\n    return this.portal?.overlayRef?.hasAttached();\r\n  }\r\n\r\n  closePortal() {\r\n    if (this.portalAttached()) {\r\n      this.portal?.overlayRef?.detach();\r\n      this.cdr.detectChanges();\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  destroyPortal() {\r\n    this.portal?.overlayRef?.dispose();\r\n  }\r\n\r\n  imgError(event: ErrorEvent, file: XUploadNode) {\r\n    file.state = 'error';\r\n    console.error(event.error);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  imgLoad(file: XUploadNode) {\r\n    file.state = 'success';\r\n    this.cdr.detectChanges();\r\n  }\r\n}\r\n","<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad(file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XUploadComponent } from './upload.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XUploadProperty } from './upload.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XUploadPortalComponent } from './upload-portal.component';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],\r\n  exports: [XUploadComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    DragDropModule,\r\n    XPortalModule,\r\n    XOutletModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XI18nModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XUploadModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/find/find.component.d.ts

@@ -54,7 +54,7 @@ export declare class XFindComponent extends XFindProperty implements OnInit {
     treeMultiple(node: XTreeNode): void;
     treeActivatedClick(node: XTreeNode): void;
     treeCheckboxChange(node: XTreeNode): void;
-    trackByItem(index: number, item: any): any;
+    trackByItem(_index: number, item: any): any;
     formControlChanges(): void;
     searchKeyDown(event: KeyboardEvent): void;
     searchClick(): void;

package/find/find.property.d.ts

@@ -1,4 +1,4 @@
-import { XBoolean, XData, XNumber, XSort, XQuery, XFilter } from '@ng-nest/ui/core';
+import { XBoolean, XData, XNumber, XSort, XQuery, XFilter, XSize } from '@ng-nest/ui/core';
 import { EventEmitter } from '@angular/core';
 import { XTableColumn, XTableRow } from '@ng-nest/ui/table';
 import { XTreeNode } from '@ng-nest/ui/tree';
@@ -18,6 +18,16 @@ export interface XFindSearchOption extends XFilter {
  * Find Property
  */
 export declare class XFindProperty extends XControlValueAccessor<any | any[]> implements XFindOption {
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size: XSize;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered: XBoolean;
     /**
      * @zh_CN 多选
      * @en_US Multiple choice
@@ -201,13 +211,23 @@ export declare class XFindProperty extends XControlValueAccessor<any | any[]> im
      */
     search: XFindSearchOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<XFindProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XFindProperty, "ng-component", never, { "multiple": "multiple"; "columnLabel": "columnLabel"; "dialogTitle": "dialogTitle"; "dialogWidth": "dialogWidth"; "dialogHeight": "dialogHeight"; "dialogVisible": "dialogVisible"; "dialogButtonsCenter": "dialogButtonsCenter"; "tableData": "tableData"; "tableIndex": "tableIndex"; "tableSize": "tableSize"; "tableQuery": "tableQuery"; "tableTotal": "tableTotal"; "tableColumns": "tableColumns"; "tableActivatedRow": "tableActivatedRow"; "tableCheckedRow": "tableCheckedRow"; "tableLoading": "tableLoading"; "tableVirtualScroll": "tableVirtualScroll"; "tableBodyHeight": "tableBodyHeight"; "tableMinBufferPx": "tableMinBufferPx"; "tableMaxBufferPx": "tableMaxBufferPx"; "tableAdaptionHeight": "tableAdaptionHeight"; "tableDocPercent": "tableDocPercent"; "tableRowHeight": "tableRowHeight"; "treeData": "treeData"; "treeActivatedId": "treeActivatedId"; "treeExpandedLevel": "treeExpandedLevel"; "treeChecked": "treeChecked"; "treeCheckbox": "treeCheckbox"; "treeTableConnect": "treeTableConnect"; "search": "search"; }, { "dialogVisibleChange": "dialogVisibleChange"; "tableIndexChange": "tableIndexChange"; "tableSizeChange": "tableSizeChange"; "tableSortChange": "tableSortChange"; "tableRowEmit": "tableRowEmit"; "treeActivatedChange": "treeActivatedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFindProperty, "ng-component", never, { "size": "size"; "bordered": "bordered"; "multiple": "multiple"; "columnLabel": "columnLabel"; "dialogTitle": "dialogTitle"; "dialogWidth": "dialogWidth"; "dialogHeight": "dialogHeight"; "dialogVisible": "dialogVisible"; "dialogButtonsCenter": "dialogButtonsCenter"; "tableData": "tableData"; "tableIndex": "tableIndex"; "tableSize": "tableSize"; "tableQuery": "tableQuery"; "tableTotal": "tableTotal"; "tableColumns": "tableColumns"; "tableActivatedRow": "tableActivatedRow"; "tableCheckedRow": "tableCheckedRow"; "tableLoading": "tableLoading"; "tableVirtualScroll": "tableVirtualScroll"; "tableBodyHeight": "tableBodyHeight"; "tableMinBufferPx": "tableMinBufferPx"; "tableMaxBufferPx": "tableMaxBufferPx"; "tableAdaptionHeight": "tableAdaptionHeight"; "tableDocPercent": "tableDocPercent"; "tableRowHeight": "tableRowHeight"; "treeData": "treeData"; "treeActivatedId": "treeActivatedId"; "treeExpandedLevel": "treeExpandedLevel"; "treeChecked": "treeChecked"; "treeCheckbox": "treeCheckbox"; "treeTableConnect": "treeTableConnect"; "search": "search"; }, { "dialogVisibleChange": "dialogVisibleChange"; "tableIndexChange": "tableIndexChange"; "tableSizeChange": "tableSizeChange"; "tableSortChange": "tableSortChange"; "tableRowEmit": "tableRowEmit"; "treeActivatedChange": "treeActivatedChange"; }, never, never>;
 }
 /**
  * Find Option
  * @undocument true
  */
 export interface XFindOption extends XFormOption {
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XSize;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: XBoolean;
     /**
      * @zh_CN 多选
      * @en_US Multiple select

package/form/control.component.d.ts

@@ -23,7 +23,7 @@ export declare class XControlComponent extends XControlProperty implements OnIni
     setProps(): void;
     setPattern(): void;
     getPatternMsg(pattern: string): any;
-    setMessages(state: 'INVALID' | 'VALID' | 'DISABLED'): void;
+    setMessages(state: 'VALID' | 'INVALID' | 'PENDING' | 'DISABLED'): void;
     createControl(option: XFormControlOption): XInputControl | XSelectControl | XCascadeControl | XCheckboxControl | XColorPickerControl | XDatePickerControl | XInputNumberControl | XRadioControl | XRateControl | XSliderSelectControl | XSwitchControl | XTimePickerControl | XTextareaControl | XFindControl | XAutoCompleteControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<XControlComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XControlComponent, "x-control", never, { "option": "option"; "form": "form"; }, {}, never, never>;

package/form/form.component.d.ts

@@ -20,7 +20,7 @@ export declare class XFormComponent extends XFormProperty implements OnInit {
     setClassMap(): void;
     setDisabled(): void;
     getValidatorMessages(): string[];
-    trackByControl(index: number, item: XFormControlOption): any;
+    trackByControl(_index: number, item: XFormControlOption): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XFormComponent, "x-form", never, {}, {}, never, never>;
 }

package/form/form.property.d.ts

@@ -70,18 +70,13 @@ export declare class XFormProperty extends XFormProp {
      * @en_US Form width
      */
     width: string;
-    /**
-     * @zh_CN 表单禁用
-     * @en_US Form disabled
-     */
-    disabled: XBoolean;
     /**
      * @zh_CN 自定义模板
      * @en_US Custom template
      */
     controlTpl: XFormTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<XFormProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XFormProperty, "ng-component", never, { "formGroup": "formGroup"; "title": "title"; "space": "space"; "span": "span"; "labelSuffix": "labelSuffix"; "controls": "controls"; "width": "width"; "disabled": "disabled"; "controlTpl": "controlTpl"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFormProperty, "ng-component", never, { "formGroup": "formGroup"; "title": "title"; "space": "space"; "span": "span"; "labelSuffix": "labelSuffix"; "controls": "controls"; "width": "width"; "controlTpl": "controlTpl"; }, {}, never, never>;
 }
 /**
  * @zh_CN 控件对象
@@ -199,6 +194,11 @@ export declare class XControl extends XIdentity implements XControlOption {
      * @en_US External change event
      */
     change?: () => void;
+    /**
+     * @zh_CN 设置验证
+     * @en_US Set verification
+     */
+    setValidators?: () => void;
     /**
      * @zh_CN 自定义属性
      * @en_US Custom attributes

package/i18n/i18n.property.d.ts

@@ -76,6 +76,9 @@ export interface XI18nDatePicker {
     october?: string;
     november?: string;
     december?: string;
+    yesterday?: string;
+    today?: string;
+    tomorrow?: string;
 }
 export interface XI18nEmpty {
     noData?: string;

package/i18n/languages/ar_EG.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/bg_BG.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/ca_ES.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/cs_CZ.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/da_DK.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/de_DE.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/el_GR.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/en_GB.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/en_US.d.ts

@@ -42,6 +42,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -63,6 +64,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -72,6 +76,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/es_ES.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;

package/i18n/languages/et_EE.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         december: string;
     };
     datePicker: {
+        sure: string;
         month: string;
         year: string;
         january: string;
@@ -62,6 +63,9 @@ declare const _default: {
         friday: string;
         saturday: string;
         sunday: string;
+        yesterday: string;
+        today: string;
+        tomorrow: string;
     };
     empty: {
         noData: string;
@@ -71,6 +75,10 @@ declare const _default: {
         next: string;
         total: string;
         item: string;
+        first: string;
+        last: string;
+        jump: string;
+        sizePage: string;
     };
     textRetract: {
         unfold: string;