@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2020/ng-nest-ui-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-upload.mjs","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  override 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/fesm2020/ng-nest-ui.mjs

@@ -0,0 +1,89 @@
+export * from '@ng-nest/ui/core';
+export * from '@ng-nest/ui/border';
+export * from '@ng-nest/ui/button';
+export * from '@ng-nest/ui/color';
+export * from '@ng-nest/ui/container';
+export * from '@ng-nest/ui/layout';
+export * from '@ng-nest/ui/icon';
+export * from '@ng-nest/ui/i18n';
+export * from '@ng-nest/ui/link';
+export * from '@ng-nest/ui/theme';
+export * from '@ng-nest/ui/typography';
+export * from '@ng-nest/ui/avatar';
+export * from '@ng-nest/ui/badge';
+export * from '@ng-nest/ui/card';
+export * from '@ng-nest/ui/carousel';
+export * from '@ng-nest/ui/collapse';
+export * from '@ng-nest/ui/calendar';
+export * from '@ng-nest/ui/comment';
+export * from '@ng-nest/ui/description';
+export * from '@ng-nest/ui/empty';
+export * from '@ng-nest/ui/outlet';
+export * from '@ng-nest/ui/pagination';
+export * from '@ng-nest/ui/progress';
+export * from '@ng-nest/ui/statistic';
+export * from '@ng-nest/ui/table';
+export * from '@ng-nest/ui/tag';
+export * from '@ng-nest/ui/text-retract';
+export * from '@ng-nest/ui/time-ago';
+export * from '@ng-nest/ui/time-range';
+export * from '@ng-nest/ui/timeline';
+export * from '@ng-nest/ui/tree';
+export * from '@ng-nest/ui/tree-file';
+export * from '@ng-nest/ui/alert';
+export * from '@ng-nest/ui/dialog';
+export * from '@ng-nest/ui/drawer';
+export * from '@ng-nest/ui/loading';
+export * from '@ng-nest/ui/message';
+export * from '@ng-nest/ui/message-box';
+export * from '@ng-nest/ui/notification';
+export * from '@ng-nest/ui/popconfirm';
+export * from '@ng-nest/ui/popover';
+export * from '@ng-nest/ui/result';
+export * from '@ng-nest/ui/skeleton';
+export * from '@ng-nest/ui/tooltip';
+export * from '@ng-nest/ui/auto-complete';
+export * from '@ng-nest/ui/base-form';
+export * from '@ng-nest/ui/cascade';
+export * from '@ng-nest/ui/checkbox';
+export * from '@ng-nest/ui/color-picker';
+export * from '@ng-nest/ui/date-picker';
+export * from '@ng-nest/ui/form';
+export * from '@ng-nest/ui/find';
+export * from '@ng-nest/ui/input';
+export * from '@ng-nest/ui/input-number';
+export * from '@ng-nest/ui/list';
+export * from '@ng-nest/ui/radio';
+export * from '@ng-nest/ui/rate';
+export * from '@ng-nest/ui/select';
+export * from '@ng-nest/ui/slider-select';
+export * from '@ng-nest/ui/switch';
+export * from '@ng-nest/ui/time-picker';
+export * from '@ng-nest/ui/transfer';
+export * from '@ng-nest/ui/textarea';
+export * from '@ng-nest/ui/upload';
+export * from '@ng-nest/ui/affix';
+export * from '@ng-nest/ui/anchor';
+export * from '@ng-nest/ui/back-top';
+export * from '@ng-nest/ui/crumb';
+export * from '@ng-nest/ui/dropdown';
+export * from '@ng-nest/ui/menu';
+export * from '@ng-nest/ui/page-header';
+export * from '@ng-nest/ui/steps';
+export * from '@ng-nest/ui/tabs';
+export * from '@ng-nest/ui/doc';
+export * from '@ng-nest/ui/examples';
+export * from '@ng-nest/ui/api';
+export * from '@ng-nest/ui/pattern';
+export * from '@ng-nest/ui/slider';
+export * from '@ng-nest/ui/highlight';
+export * from '@ng-nest/ui/inner';
+
+/**
+ * Core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ng-nest-ui.mjs.map

package/fesm2020/ng-nest-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui.mjs","sources":["../../../../lib/ng-nest/ui/index.ts","../../../../lib/ng-nest/ui/ng-nest-ui.ts"],"sourcesContent":["/**\r\n * Core\r\n */\r\nexport * from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Basic\r\n */\r\nexport * from '@ng-nest/ui/border';\r\nexport * from '@ng-nest/ui/button';\r\nexport * from '@ng-nest/ui/color';\r\nexport * from '@ng-nest/ui/container';\r\nexport * from '@ng-nest/ui/layout';\r\nexport * from '@ng-nest/ui/icon';\r\nexport * from '@ng-nest/ui/i18n';\r\nexport * from '@ng-nest/ui/link';\r\nexport * from '@ng-nest/ui/theme';\r\nexport * from '@ng-nest/ui/typography';\r\n\r\n/**\r\n * Data\r\n */\r\nexport * from '@ng-nest/ui/avatar';\r\nexport * from '@ng-nest/ui/badge';\r\nexport * from '@ng-nest/ui/card';\r\nexport * from '@ng-nest/ui/carousel';\r\nexport * from '@ng-nest/ui/collapse';\r\nexport * from '@ng-nest/ui/calendar';\r\nexport * from '@ng-nest/ui/comment';\r\nexport * from '@ng-nest/ui/description';\r\nexport * from '@ng-nest/ui/empty';\r\nexport * from '@ng-nest/ui/outlet';\r\nexport * from '@ng-nest/ui/pagination';\r\nexport * from '@ng-nest/ui/progress';\r\nexport * from '@ng-nest/ui/statistic';\r\nexport * from '@ng-nest/ui/table';\r\nexport * from '@ng-nest/ui/tag';\r\nexport * from '@ng-nest/ui/text-retract';\r\nexport * from '@ng-nest/ui/time-ago';\r\nexport * from '@ng-nest/ui/time-range';\r\nexport * from '@ng-nest/ui/timeline';\r\nexport * from '@ng-nest/ui/tree';\r\nexport * from '@ng-nest/ui/tree-file';\r\n\r\n/**\r\n * Feedback\r\n */\r\nexport * from '@ng-nest/ui/alert';\r\nexport * from '@ng-nest/ui/dialog';\r\nexport * from '@ng-nest/ui/drawer';\r\nexport * from '@ng-nest/ui/loading';\r\nexport * from '@ng-nest/ui/message';\r\nexport * from '@ng-nest/ui/message-box';\r\nexport * from '@ng-nest/ui/notification';\r\nexport * from '@ng-nest/ui/popconfirm';\r\nexport * from '@ng-nest/ui/popover';\r\nexport * from '@ng-nest/ui/result';\r\nexport * from '@ng-nest/ui/skeleton';\r\nexport * from '@ng-nest/ui/tooltip';\r\n\r\n/**\r\n * Form\r\n */\r\nexport * from '@ng-nest/ui/auto-complete';\r\nexport * from '@ng-nest/ui/base-form';\r\nexport * from '@ng-nest/ui/cascade';\r\nexport * from '@ng-nest/ui/checkbox';\r\nexport * from '@ng-nest/ui/color-picker';\r\nexport * from '@ng-nest/ui/date-picker';\r\nexport * from '@ng-nest/ui/form';\r\nexport * from '@ng-nest/ui/find';\r\nexport * from '@ng-nest/ui/input';\r\nexport * from '@ng-nest/ui/input-number';\r\nexport * from '@ng-nest/ui/list';\r\nexport * from '@ng-nest/ui/radio';\r\nexport * from '@ng-nest/ui/rate';\r\nexport * from '@ng-nest/ui/select';\r\nexport * from '@ng-nest/ui/slider-select';\r\nexport * from '@ng-nest/ui/switch';\r\nexport * from '@ng-nest/ui/time-picker';\r\nexport * from '@ng-nest/ui/transfer';\r\nexport * from '@ng-nest/ui/textarea';\r\nexport * from '@ng-nest/ui/upload';\r\n\r\n/**\r\n * Navigation\r\n */\r\nexport * from '@ng-nest/ui/affix';\r\nexport * from '@ng-nest/ui/anchor';\r\nexport * from '@ng-nest/ui/back-top';\r\nexport * from '@ng-nest/ui/crumb';\r\nexport * from '@ng-nest/ui/dropdown';\r\nexport * from '@ng-nest/ui/menu';\r\nexport * from '@ng-nest/ui/page-header';\r\nexport * from '@ng-nest/ui/steps';\r\nexport * from '@ng-nest/ui/tabs';\r\n\r\n/**\r\n * Others\r\n */\r\nexport * from '@ng-nest/ui/doc';\r\nexport * from '@ng-nest/ui/examples';\r\nexport * from '@ng-nest/ui/api';\r\nexport * from '@ng-nest/ui/pattern';\r\nexport * from '@ng-nest/ui/slider';\r\nexport * from '@ng-nest/ui/highlight';\r\nexport * from '@ng-nest/ui/inner';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;ACAA;;"}

package/find/examples/en_US/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: 'Base'
+---

package/find/examples/en_US/default/bordered/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: 'No Border'
+---
+
+Use `bordered="false"` to set the boundless box mode.

package/find/examples/en_US/default/default/README.md

@@ -0,0 +1,10 @@
+---
+order: 1
+label: 'Table select'
+---
+
+- `ngModel` property to bind the data object.
+- The properties at the beginning of `table` refer to how the table component is set.
+- The properties at the beginning of `tree` refer to how the tree component is set.
+- The properties at the beginning of `dialog` refers to how the dialog component is set.
+- Support some of the functions of the above components and refer to the configuration described in the API.

package/find/examples/en_US/default/disabled/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: 'Disabled'
+---
+
+Use the `disabled` property to disable the selection.

package/find/examples/en_US/default/label/README.md

@@ -0,0 +1,7 @@
+---
+order: 4
+label: 'Label'
+---
+
+- Use the `label` property to display text label.
+- Use the `direction` property to set the layout.

package/find/examples/en_US/default/size/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: 'Size'
+---
+
+Use `size` to set the display size, support attributes `big`, `large`, `medium`, `small`, `mini`.

package/find/examples/en_US/default/tree/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Tree select'
+---
+
+- Tree node selection.

package/find/examples/en_US/default/tree-table/README.md

@@ -0,0 +1,5 @@
+---
+order: 3
+label: 'Tree table'
+---
+

package/find/examples/zh_CN/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: '默认'
+---

package/find/examples/zh_CN/default/bordered/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: '无边框'
+---
+
+使用 `bordered="false"` 来设置无边框模式。

package/find/examples/zh_CN/default/default/README.md

@@ -0,0 +1,10 @@
+---
+order: 1
+label: '表格选择'
+---
+
+- `ngModel` 属性来绑定数据对象。
+- `table` 开头的属性参考 表格组件 的设置方式。
+- `tree` 开头的属性参考 树组件 的设置方式。
+- `dialog` 开头的属性参考 弹框组件 的设置方式。
+- 支持以上组件的部分功能，可以参考 API 中说明的配置。

package/find/examples/zh_CN/default/disabled/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: '禁用'
+---
+
+使用 `disabled` 属性来禁用选择。

package/find/examples/zh_CN/default/label/README.md

@@ -0,0 +1,7 @@
+---
+order: 4
+label: '标签'
+---
+
+- 使用 `label` 属性设置显示文本标签。
+- 使用 `direction` 属性设置排版方式。

package/find/examples/zh_CN/default/size/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: '尺寸'
+---
+
+使用 `size` 来设置显示尺寸，支持属性 `big`, `large`, `medium`, `small`, `mini`。

package/find/examples/zh_CN/default/tree/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: '树节点选择'
+---
+
+- 树节点选择。

package/find/examples/zh_CN/default/tree-table/README.md

@@ -0,0 +1,5 @@
+---
+order: 3
+label: '树加表格选择'
+---
+

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/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "../bundles/ng-nest-ui-find.umd.js",
-  "module": "../fesm2015/ng-nest-ui-find.js",
-  "es2015": "../fesm2015/ng-nest-ui-find.js",
-  "esm2015": "../esm2015/find/ng-nest-ui-find.js",
-  "fesm2015": "../fesm2015/ng-nest-ui-find.js",
+  "module": "../fesm2015/ng-nest-ui-find.mjs",
+  "es2020": "../fesm2020/ng-nest-ui-find.mjs",
+  "esm2020": "../esm2020/find/ng-nest-ui-find.mjs",
+  "fesm2020": "../fesm2020/ng-nest-ui-find.mjs",
+  "fesm2015": "../fesm2015/ng-nest-ui-find.mjs",
   "typings": "ng-nest-ui-find.d.ts",
   "sideEffects": false,
   "name": "@ng-nest/ui/find"

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/examples/en_US/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+title: 'defalut'
+---

package/form/examples/en_US/default/default/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: 'Base'
+---
+
+The default style.

package/form/examples/en_US/default/label-row/README.md

@@ -0,0 +1,5 @@
+---
+order: 2
+label: 'label position'
+---
+

package/form/examples/en_US/default/title/README.md

@@ -0,0 +1,4 @@
+---
+order: 3
+label: 'No title'
+---

package/form/examples/zh_CN/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+title: '默认'
+---

package/form/examples/zh_CN/default/default/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: '基本样式'
+---
+
+默认样式。

package/form/examples/zh_CN/default/label-row/README.md

@@ -0,0 +1,5 @@
+---
+order: 2
+label: '标签位置'
+---
+

package/form/examples/zh_CN/default/title/README.md

@@ -0,0 +1,4 @@
+---
+order: 3
+label: '不要标题'
+---

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/form/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "../bundles/ng-nest-ui-form.umd.js",
-  "module": "../fesm2015/ng-nest-ui-form.js",
-  "es2015": "../fesm2015/ng-nest-ui-form.js",
-  "esm2015": "../esm2015/form/ng-nest-ui-form.js",
-  "fesm2015": "../fesm2015/ng-nest-ui-form.js",
+  "module": "../fesm2015/ng-nest-ui-form.mjs",
+  "es2020": "../fesm2020/ng-nest-ui-form.mjs",
+  "esm2020": "../esm2020/form/ng-nest-ui-form.mjs",
+  "fesm2020": "../fesm2020/ng-nest-ui-form.mjs",
+  "fesm2015": "../fesm2015/ng-nest-ui-form.mjs",
   "typings": "ng-nest-ui-form.d.ts",
   "sideEffects": false,
   "name": "@ng-nest/ui/form"

package/highlight/examples/en_US/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: 'HTML'
+---

package/highlight/examples/en_US/default/html/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: 'html'
+---
+
+Display HTML code.

package/highlight/examples/en_US/default/scss/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'SCSS'
+---
+
+Display SCSS code

package/highlight/examples/en_US/default/typescript/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Typescript'
+---
+
+Display Typescript code

package/highlight/examples/zh_CN/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: 'HTML'
+---

package/highlight/examples/zh_CN/default/html/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: 'html'
+---
+
+HTML 代码显示。

package/highlight/examples/zh_CN/default/scss/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'SCSS'
+---
+
+SCSS 代码显示。

package/highlight/examples/zh_CN/default/typescript/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Typescript'
+---
+
+Typescript 代码显示。

package/highlight/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "../bundles/ng-nest-ui-highlight.umd.js",
-  "module": "../fesm2015/ng-nest-ui-highlight.js",
-  "es2015": "../fesm2015/ng-nest-ui-highlight.js",
-  "esm2015": "../esm2015/highlight/ng-nest-ui-highlight.js",
-  "fesm2015": "../fesm2015/ng-nest-ui-highlight.js",
+  "module": "../fesm2015/ng-nest-ui-highlight.mjs",
+  "es2020": "../fesm2020/ng-nest-ui-highlight.mjs",
+  "esm2020": "../esm2020/highlight/ng-nest-ui-highlight.mjs",
+  "fesm2020": "../fesm2020/ng-nest-ui-highlight.mjs",
+  "fesm2015": "../fesm2015/ng-nest-ui-highlight.mjs",
   "typings": "ng-nest-ui-highlight.d.ts",
   "sideEffects": false,
   "name": "@ng-nest/ui/highlight"

package/i18n/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "../bundles/ng-nest-ui-i18n.umd.js",
-  "module": "../fesm2015/ng-nest-ui-i18n.js",
-  "es2015": "../fesm2015/ng-nest-ui-i18n.js",
-  "esm2015": "../esm2015/i18n/ng-nest-ui-i18n.js",
-  "fesm2015": "../fesm2015/ng-nest-ui-i18n.js",
+  "module": "../fesm2015/ng-nest-ui-i18n.mjs",
+  "es2020": "../fesm2020/ng-nest-ui-i18n.mjs",
+  "esm2020": "../esm2020/i18n/ng-nest-ui-i18n.mjs",
+  "fesm2020": "../fesm2020/ng-nest-ui-i18n.mjs",
+  "fesm2015": "../fesm2015/ng-nest-ui-i18n.mjs",
   "typings": "ng-nest-ui-i18n.d.ts",
   "sideEffects": false,
   "name": "@ng-nest/ui/i18n"

package/icon/examples/en_US/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: 'HTML'
+---

package/icon/examples/en_US/default/ant-design/README.md

@@ -0,0 +1,12 @@
+---
+order: 2
+label: 'Ant Design'
+---
+
+- Official offers three subject styles, corresponding to `x-icon`s method:
+
+| theme    | Corresponding keyword | Write        |
+| -------- | --------------------- | ------------ |
+| Outlined | ado                   | ado-shopping |
+| Filled   | adf                   | adf-shopping |
+| TwoTone  | adt                   | adt-shopping |

package/icon/examples/en_US/default/eva/README.md

@@ -0,0 +1,11 @@
+---
+order: 3
+label: 'Eva'
+---
+
+- The official provides two kinds of theme style, corresponding to `x-icon`s method:
+
+| Theme    | Corresponding Keyword | Writing      |
+| -------- | --------------------- | ------------ |
+| Outlined | eao                   | eao-activity |
+| Filled   | eaf                   | eaf-activity |

package/icon/examples/en_US/default/feather/README.md

@@ -0,0 +1,8 @@
+---
+order: 1
+label: 'Feather'
+---
+
+| Theme   | Corresponding Keyword | Writing      |
+| ------- | --------------------- | ------------ |
+| Default | fto                   | fto-activity |