@dignite-ng/expand.file-explorer 0.0.3 → 0.0.5

package/src/lib/components/file-modal-tree/file-modal-tree.component.ts

@@ -1,207 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewContainerRef } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { NzFormatEmitEvent } from 'ng-zorro-antd/tree';
-import * as DescriptorService from '../../proxy/dignite/file-explorer/directories';
-import {  ToasterService } from '@abp/ng.theme.shared';
-import { NzFormatBeforeDropEvent } from 'ng-zorro-antd/tree';
-import {  of } from 'rxjs';
-import { FileApiService } from '../../services/file-api.service';
-import { LocalizationService } from '@abp/ng.core';
-var that;
-@Component({
-  selector: 'fe-file-modal-tree',
-  templateUrl: './file-modal-tree.component.html',
-  styleUrls: ['./file-modal-tree.component.scss']
-})
-export class FileModalTreeComponent {
-  constructor(
-    private _DescriptorService: DescriptorService.FileDescriptorService,
-    private fb: FormBuilder,
-    private toaster: ToasterService,
-    public _FileApiService: FileApiService,
-    public _LocalizationService: LocalizationService,
-  ) {
-    that = this
-  }
-
-  /**文件分组列表 */
-  fileGroupList: any[] = [];
-
-  /**选择的tree节点 */
-  _theSelectedTreeNode: any = '';
-  @Input()
-  public set theSelectedTreeNode(v: any) {
-    this._theSelectedTreeNode = v;
-    if (v.length > 0) {
-      this.loadData()
-    }
-  }
-
-  /**正在编辑的节点 */
-  theNodeBeingEdited: any = '';
-
-  /**已展开的节点 */
-  anExpandedNode: any[] = [];
-
-  /**图片容器 */
-  _fileContainerName: string;
-
-  /**tree节点选择回调 */
-  @Output() nodeClick = new EventEmitter();
-
-
-  @Input()
-  public set fileContainerName(v: string) {
-    if (v) {
-      this._fileContainerName = v;
-      this.loadData()
-    }
-  }
-
-  handleClick = (event) => event.stopPropagation();
-
-  loadData() {
-    if (this._fileContainerName) {
-      this.getFileGroupList()
-    }
-  }
-
-
-  /**获取文件分组 */
-  getFileGroupList() {
-    this._DescriptorService.getList({
-      containerName: this._fileContainerName,
-    }).subscribe(async (res) => {
-      this.fileGroupList = await this.setTheValueOfTheNodeRecursively(res.items)
-    })
-  }
-  
-  /**递归设置节点的值 */
-  setTheValueOfTheNodeRecursively(array: any[]): any {
-    return new Promise((reslove, rejects) => {
-      array.forEach((el) => {
-        el.title = el.name
-        el.key = el.id
-        el.expanded = this.anExpandedNode.includes(el.key)
-        if (el.children.length > 0) {
-          this.setTheValueOfTheNodeRecursively(el.children)
-        }
-      })
-      reslove(array)
-    })
-  }
-
-  /**tree-拖拽 */
-  nzEvent(event: NzFormatEmitEvent): void {
-  }
-
-  /**tree-拖拽 -验证*/
-  beforeDrop(arg: NzFormatBeforeDropEvent) {
-    if (arg.pos === 0 || arg.pos === 1) {
-      that._DescriptorService.move(arg.dragNode.key, {
-        "parentId": arg.pos === 1 ? (arg.node.parentNode?.key||'') : arg.node.key,
-        "order": arg.pos === 1 ? arg.node.origin.order + 1 : arg.node.origin.children.length + 1
-      }).subscribe(res => {
-        // that.toaster.success("拖拽完成");
-        that.getFileGroupList()
-      })
-      return of(true)
-    } else {
-      return of(false);
-    }
-  }
-
-  /**tree--选择节点 */
-  activeNode(event) {
-    this._theSelectedTreeNode = event.node
-    this.nodeClick.emit(event.node)
-  }
-
-  /**判断节点是否选中 */
-  isNodeSelected = (el) => el.key === this._theSelectedTreeNode?.key
-
-  /**点击展开树节点图标触发 */
-  nzExpandChange(event) {
-    let anExpandedNode = this.anExpandedNode
-    if (anExpandedNode.includes(event.node.key)) {
-      anExpandedNode = anExpandedNode.filter(key => key !== event.node.key)
-    } else {
-      anExpandedNode.push(event.node.key)
-    }
-    this.anExpandedNode = anExpandedNode
-  }
-
-
-  /**增加分组 */
-  addDescriptorBtn(items: any = '', edit = false) {
-    this.ModalDescriptorOpen = true
-    this.ModalDescriptorForm = this.fb.group({
-      containerName: [this._fileContainerName || '', Validators.required],
-      name: ['', Validators.required],
-      parentId: [items?.key || '', Validators.required],
-    })
-    /**编辑 */
-    if (edit) {
-      this.theNodeBeingEdited = items.origin
-      this.ModalDescriptorForm.patchValue({
-        name: items.origin.name
-      })
-    }
-  }
-
-  /**删除分组 */
-  deleteDescriptorBtn(node) {
-    this._DescriptorService.delete(node.key).subscribe(res => {
-      // this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
-      this.ModalDescriptorOpen = false
-      if (this.theNodeBeingEdited.key == node.key) this.theNodeBeingEdited = ''
-      this.getFileGroupList()
-    })
-  }
-
-  
-
-  /**分组 */
-  /**模态框-状态-是否打开 */
-  ModalDescriptorOpen: boolean = false
-
-  /**模态框-descriptor-繁忙状态-用于确定模态的繁忙状态是否为真 */
-  ModalDescriptorBusy: boolean = false
-
-  /**模态框-descriptor-表单 */
-  ModalDescriptorForm: FormGroup | undefined;
-  
-  /**模态框-descriptor-表单--控件模板-动态赋值表单控件 */
-  @ViewChild('ModalFormDescriptorSubmit', { static: false }) ModalFormDescriptorSubmit: ElementRef;
-
-  /**模态框-descriptor-状态改变回调 */
-  ModalDescriptorVisibleChange(event) {
-    if (!event) {
-      this.ModalDescriptorForm = undefined
-      this.theNodeBeingEdited = ''
-      return
-    }
-  }
-
-  /**f分组模态框保存 */
-  createOrEditSave() {
-    let input = this.ModalDescriptorForm.value
-    if (this.theNodeBeingEdited) {
-      this._DescriptorService.update(this.theNodeBeingEdited.key, input).subscribe(res => {
-        // this.toaster.success("保存成功");
-        this.ModalDescriptorOpen = false
-        this.getFileGroupList()
-      })
-      return
-    }
-    this._DescriptorService.create(input).subscribe(res => {
-      // this.toaster.success("保存成功");
-      this.ModalDescriptorOpen = false
-      this.getFileGroupList()
-    })
-  }
-
-
-
-
-}

package/src/lib/components/file-picker/file-picker.component.html

@@ -1,28 +0,0 @@
-<button class="btn btn-sm btn-primary ms-2" type="button" (click.stop)="ModalOpen = true">{{'FileExplorer::SelectFile' | abpLocalization}}</button>
-<fe-file-modal [(visible)]="ModalOpen" [selectPickerFile]="selectFormFile"  (selectFilefn)="_selectFilefn($event)" [fileContainerName]="_fileContainerName"></fe-file-modal>
-<table class="table" *ngIf="_fileShowTable.length>0">
-    <thead>
-        <tr>
-            <th scope="col">{{'FileExplorer::FileName' | abpLocalization}}</th>
-            <th scope="col">{{'FileExplorer::FileSize' | abpLocalization}}</th>
-            <th scope="col"></th>
-        </tr>
-    </thead>
-    <tbody>
-        <ng-container *ngFor="let item of _fileShowTable;let i =index">
-            <tr>
-                <th scope="row">
-                    <div>{{item.name}}</div>
-                </th>
-                <td >{{_FileApiService.formatFileSize(item.size)}}</td>
-                <td>
-                    <button class="btn btn-sm p-0 btn-light " (click.stop)="deleteFileTableItem(i,item)">
-                        <i class="fas fa-trash p-2"></i>
-                    </button>
-                </td>
-            </tr>
-        </ng-container>
-    </tbody>
-</table>
-
-

package/src/lib/components/file-picker/file-picker.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FilePickerComponent } from './file-picker.component';
-
-describe('FilePickerComponent', () => {
-  let component: FilePickerComponent;
-  let fixture: ComponentFixture<FilePickerComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [FilePickerComponent]
-    });
-    fixture = TestBed.createComponent(FilePickerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/file-picker/file-picker.component.ts

@@ -1,58 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild, ViewContainerRef } from '@angular/core';
-import { FileApiService } from '../../services/file-api.service';
-
-@Component({
-  selector: 'fe-file-picker',
-  templateUrl: './file-picker.component.html',
-  styleUrls: ['./file-picker.component.scss']
-})
-export class FilePickerComponent implements OnChanges{
-
-
-  constructor(
-    private _FileApiService: FileApiService,
-  ) {
-  }
-
-
-  /**图片容器 */
-  _fileContainerName: string = 'images'
-  @Input()
-  public set fileContainerName(v: string) {
-    this._fileContainerName = v;
-  }
-
-  /**已选定的文件 */
-  @Input() selectFormFile:any[]
- 
-  ngOnChanges(changes: SimpleChanges): void {
-    let selectFormFilengOnChanges=changes.selectFormFile['currentValue']
-    if(selectFormFilengOnChanges.length>0){
-      this._fileShowTable=selectFormFilengOnChanges
-    }
-  }
-
-  @Output() selectedFileChange = new EventEmitter()
-
-  _fileShowTable: any[] = []
-
-  /**表格选择的文件回调 */
-  _selectFilefn(event: any[]) {
-    let _fileShowTable= this._FileApiService.deepClone(event)
-    this._fileShowTable =_fileShowTable
-    this.selectFormFile=_fileShowTable
-    this.selectedFileChange.emit(_fileShowTable)
-  }
-
-  /**模态框-状态-是否打开 */
-  ModalOpen: boolean = false
-
-  /**删除文件表格项 */
-  deleteFileTableItem(i, file) {
-    this._fileShowTable.splice(i, 1)
-    this.selectFormFile=this._fileShowTable
-    this.selectedFileChange.emit([])
-    this.selectedFileChange.emit(this.selectFormFile)
-  }
-
-}

package/src/lib/components/index.ts

@@ -1,5 +0,0 @@
-export * from './dome/file-dome.component'
-export * from './file-edit/file-edit.component'
-export * from './file-modal/file-modal.component'
-export * from './file-modal-tree/file-modal-tree.component'
-export * from './file-picker/file-picker.component'

package/src/lib/file-explorer-routing.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Router, RouterModule, Routes } from '@angular/router';
-import { FileDomeComponent } from './components/dome/file-dome.component';
-
-const routes: Routes = [
-  {
-    path: 'file-dome',
-    component: FileDomeComponent
-},
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class FileExplorerRoutingModule { 
-  
-}

package/src/lib/file-explorer.module.ts

@@ -1,46 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CoreModule, LIST_QUERY_DEBOUNCE_TIME, ListService } from '@abp/ng.core';
-import { ThemeSharedModule } from '@abp/ng.theme.shared';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import { NzTreeModule } from 'ng-zorro-antd/tree';
-import { NgxValidateCoreModule } from '@ngx-validate/core';
-import { FileExplorerRoutingModule } from './file-explorer-routing.module';
-import { FileEditComponent, FilePickerComponent, FileModalComponent, FileModalTreeComponent, FileDomeComponent } from './components';
-@NgModule({
-  declarations: [
-    FileEditComponent,
-    FilePickerComponent,
-    FileModalComponent,
-    FileModalTreeComponent,
-    FileDomeComponent,
-  ],
-  imports: [
-    FormsModule,
-    CoreModule,
-    ThemeSharedModule,
-    ReactiveFormsModule,
-    NgbDropdownModule,
-    NzTreeModule,
-    NgxValidateCoreModule,
-    FileExplorerRoutingModule,
-  ],
-  exports: [
-    FileEditComponent,
-    FilePickerComponent,
-    FileModalComponent,
-    FileModalTreeComponent,
-    FileDomeComponent
-  ],
-  providers: [
-    // [Required]
-    ListService,
-    // [Optional]
-    // Provide this token if you want a different debounce time.
-    // Default is 300. Cannot be 0. Any value below 100 is not recommended.
-    { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-  ],
-})
-export class FileExplorerModule {
-
-}

package/src/lib/proxy/README.md

@@ -1,17 +0,0 @@
-# Proxy Generation Output
-
-This directory includes the output of the latest proxy generation.
-The files and folders in it will be overwritten when proxy generation is run again.
-Therefore, please do not place your own content in this folder.
-
-In addition, `generate-proxy.json` works like a lock file.
-It includes information used by the proxy generator, so please do not delete or modify it.
-
-Finally, the name of the files and folders should not be changed for two reasons:
-- Proxy generator will keep creating them at those paths and you will have multiple copies of the same content.
-- ABP Suite generates files which include imports from this folder.
-
-> **Important Notice:** If you are building a module and are planning to publish to npm,
-> some of the generated proxies are likely to be exported from public-api.ts file. In such a case,
-> please make sure you export files directly and not from barrel exports. In other words,
-> do not include index.ts exports in your public-api.ts exports.

package/src/lib/proxy/dignite/file-explorer/directories/file-descriptor.service.ts

@@ -1,65 +0,0 @@
-import type { CreateDirectoryInput, DirectoryDescriptorDto, DirectoryDescriptorInfoDto, GetDirectoriesInput, MoveDirectoryInput, UpdateDirectoryInput } from './models';
-import { RestService, Rest } from '@abp/ng.core';
-import type { PagedResultDto } from '@abp/ng.core';
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FileDescriptorService {
-  apiName = 'FileExplorer';
-  
-
-  create = (input: CreateDirectoryInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, DirectoryDescriptorDto>({
-      method: 'POST',
-      url: '/api/file-explorer/directories',
-      body: input,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  delete = (id: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, void>({
-      method: 'DELETE',
-      url: `/api/file-explorer/directories/${id}`,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  get = (id: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, DirectoryDescriptorDto>({
-      method: 'GET',
-      url: `/api/file-explorer/directories/${id}`,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  getList = (input: GetDirectoriesInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, PagedResultDto<DirectoryDescriptorInfoDto>>({
-      method: 'GET',
-      url: '/api/file-explorer/directories',
-      params: { containerName: input.containerName },
-    },
-    { apiName: this.apiName,...config });
-  
-
-  move = (id: string, input: MoveDirectoryInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, DirectoryDescriptorDto>({
-      method: 'PUT',
-      url: `/api/file-explorer/directories/${id}/move`,
-      body: input,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  update = (id: string, input: UpdateDirectoryInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, DirectoryDescriptorDto>({
-      method: 'PUT',
-      url: `/api/file-explorer/directories/${id}`,
-      body: input,
-    },
-    { apiName: this.apiName,...config });
-
-  constructor(private restService: RestService) {}
-}

package/src/lib/proxy/dignite/file-explorer/files/file-descriptor.service.ts

@@ -1,86 +0,0 @@
-import type { CreateFileInput, FileContainerConfigurationDto, FileDescriptorDto, GetFilesInput, ImageResizeInput, UpdateFileInput } from './models';
-import { RestService, Rest } from '@abp/ng.core';
-import type { PagedResultDto } from '@abp/ng.core';
-import { Injectable } from '@angular/core';
-import type { FileResult } from '../../../microsoft/asp-net-core/mvc/models';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FileDescriptorService {
-  apiName = 'FileExplorer';
-  
-
-  create = (input: CreateFileInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, FileDescriptorDto>({
-      method: 'POST',
-      url: '/api/file-explorer/files',
-      params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
-      body: input.file,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  delete = (id: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, void>({
-      method: 'DELETE',
-      url: `/api/file-explorer/files/${id}`,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  download = (containerName: string, blobName: string, fileName: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, FileResult>({
-      method: 'GET',
-      url: `/api/file-explorer/files/download/${containerName}/${blobName}`,
-      params: { fileName },
-    },
-    { apiName: this.apiName,...config });
-  
-
-  get = (id: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, FileDescriptorDto>({
-      method: 'GET',
-      url: `/api/file-explorer/files/${id}`,
-    },
-    { apiName: this.apiName,...config });
-  
-
-  getFileContainerConfiguration = (containerName: string, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, FileContainerConfigurationDto>({
-      method: 'GET',
-      url: '/api/file-explorer/files/configuration',
-      params: { containerName },
-    },
-    { apiName: this.apiName,...config });
-  
-
-  getList = (input: GetFilesInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, PagedResultDto<FileDescriptorDto>>({
-      method: 'GET',
-      url: '/api/file-explorer/files',
-      params: { containerName: input.containerName, directoryId: input.directoryId, creatorId: input.creatorId, filter: input.filter, entityId: input.entityId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-    },
-    { apiName: this.apiName,...config });
-  
-
-  getStream = (containerName: string, blobName: string, imageResize?: ImageResizeInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, Blob>({
-      method: 'GET',
-      responseType: 'blob',
-      url: `/api/file-explorer/files/${containerName}/${blobName}`,
-      params: { width: imageResize.width, height: imageResize.height },
-    },
-    { apiName: this.apiName,...config });
-  
-
-  update = (id: string, input: UpdateFileInput, config?: Partial<Rest.Config>) =>
-    this.restService.request<any, FileDescriptorDto>({
-      method: 'PUT',
-      url: `/api/file-explorer/files/${id}`,
-      body: input,
-    },
-    { apiName: this.apiName,...config });
-
-  constructor(private restService: RestService) {}
-}

package/src/lib/proxy/dignite/file-explorer/files/models.ts

@@ -1,58 +0,0 @@
-import type { IRemoteStreamContent } from '../../../volo/abp/content/models';
-import type { CreationAuditedEntityDto, PagedAndSortedResultRequestDto } from '@abp/ng.core';
-
-export interface CreateFileInput {
-  containerName: string;
-  cellName?: string;
-  directoryId?: string;
-  entityId?: string;
-  // file: any;
-  file: IRemoteStreamContent;
-}
-
-export interface FileCellDto {
-  name?: string;
-  displayName?: string;
-}
-
-export interface FileContainerConfigurationDto {
-  maxBlobSize: number;
-  allowedFileTypeNames: string[];
-  fileCells: FileCellDto[];
-  createDirectoryPermissionName?: string;
-  createFilePermissionName?: string;
-  updateFilePermissionName?: string;
-  deleteFilePermissionName?: string;
-  getFilePermissionName?: string;
-}
-
-export interface FileDescriptorDto extends CreationAuditedEntityDto<string> {
-  entityId?: string;
-  containerName?: string;
-  blobName?: string;
-  cellName?: string;
-  directoryId?: string;
-  size: number;
-  name?: string;
-  mimeType?: string;
-  url?: string;
-}
-
-export interface GetFilesInput extends PagedAndSortedResultRequestDto {
-  containerName: string;
-  directoryId?: string;
-  creatorId?: string;
-  filter?: string;
-  entityId?: string;
-}
-
-export interface ImageResizeInput {
-  width?: number;
-  height?: number;
-}
-
-export interface UpdateFileInput {
-  cellName?: string;
-  directoryId?: string;
-  name?: string;
-}