项目初始化

src/app/shared/components/file-manager/file-manager-img.component.ts

@@ -0,0 +1,108 @@
+import { moveItemInArray } from '@angular/cdk/drag-drop';
+import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewChild } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { ArrayService, copy } from '@delon/util';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzFormatEmitEvent } from 'ng-zorro-antd/tree';
+
+import { FileManagerComponent } from './file-manager.component';
+
+@Component({
+  selector: 'file-manager-img',
+  templateUrl: './file-manager-img.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class FileManagerImgComponent implements AfterViewInit {
+  result: any[] = [];
+  cat: any = {
+    ls: [],
+    item: {}
+  };
+
+  @Input()
+  params = {
+    type: 'file',
+    q: '',
+    is_img: true,
+    parent_id: 0,
+    orderby: 0
+  };
+  @Input() multiple: boolean | number = false;
+  @ViewChild('fm', { static: false }) fm!: FileManagerComponent;
+
+  constructor(
+    private http: _HttpClient,
+    private arrSrv: ArrayService,
+    private msg: NzMessageService,
+    private modal: NzModalRef,
+    private cdr: ChangeDetectorRef
+  ) {}
+
+  ngAfterViewInit(): void {
+    this.loadCat();
+  }
+
+  copyData(type: 'link' | 'code'): void {
+    copy(this.result.map(v => this.fm.getCode(v.mp, type)).join('\n')).then(() => this.msg.success('Copy Success'));
+  }
+
+  // #region category
+
+  changeCat(e: NzFormatEmitEvent): void {
+    this.cat.item = e.node!.origin;
+    this.params.parent_id = e.node!.origin.id;
+    this.fm.load(1);
+    this.cdr.detectChanges();
+  }
+
+  loadCat(): void {
+    this.http.get('/file/folder').subscribe((res: any[]) => {
+      res.splice(0, 0, { id: 0, title: '所有图片' });
+      this.cat.ls = this.arrSrv.arrToTreeNode(res, {
+        cb: (item, parent, deep) => {
+          item.expanded = deep <= 1;
+          item.selected = item.id === 0;
+        }
+      });
+      this.cat.item = res[0];
+      this.cdr.detectChanges();
+    });
+  }
+
+  // #endregion
+
+  load(): void {
+    this.fm.load(1);
+  }
+
+  cho(i: any): void {
+    if (i.on === true) {
+      this.result.splice(this.result.indexOf(i), 1);
+      i.on = false;
+      return;
+    }
+    if (!this.multiple) {
+      this.result.push(i);
+      this.ok();
+      return;
+    }
+
+    if (typeof this.multiple === 'number' && this.result.length >= this.multiple) {
+      this.msg.error(`最多只能选取${this.multiple}张`);
+      return;
+    }
+    i.on = true;
+    this.result.push(i);
+    this.cdr.detectChanges();
+  }
+
+  drop(e: any): void {
+    moveItemInArray(this.result, e.previousIndex, e.currentIndex);
+    this.cdr.detectChanges();
+  }
+
+  ok(): void {
+    this.modal.close(this.result);
+  }
+}