@ng-nest/ui 20.1.6 → 20.1.7

package/upload/index.d.ts

@@ -1,7 +1,7 @@
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XBoolean, XTemplate, XNumber, XPosition, XCorner } from '@ng-nest/ui/core';
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { HttpEvent } from '@angular/common/http';
 import * as rxjs from 'rxjs';
 import { XI18nUpload } from '@ng-nest/ui/i18n';
@@ -77,6 +77,31 @@ declare class XUploadProperty extends XUploadProperty_base {
      * @en_US Request address
      */
     readonly action: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域
+     * @en_US Drag and drop upload area
+     */
+    readonly dropContainer: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的图标
+     * @en_US Drag and drop upload area icon
+     */
+    readonly dropIcon: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的标题
+     * @en_US Drag and drop upload area title
+     */
+    readonly dropTitle: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的描述
+     * @en_US Drag and drop upload area description
+     */
+    readonly dropDescription: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 直接显示可拖拽上传的区域
+     * @en_US Show the drag and drop upload area directly
+     */
+    readonly showDrop: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上传文件类型，与原生的 input file 组件一致
      * @en_US Upload file type, consistent with native input file component
@@ -158,7 +183,7 @@ declare class XUploadProperty extends XUploadProperty_base {
      */
     readonly uploadError: _angular_core.OutputEmitterRef<XUploadNode>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XUploadProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XUploadProperty, "x-upload-property", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "imgFallback": { "alias": "imgFallback"; "required": false; "isSignal": true; }; "imgCut": { "alias": "imgCut"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "multipleModel": { "alias": "multipleModel"; "required": false; "isSignal": true; }; "filesTpl": { "alias": "filesTpl"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, { "removeClick": "removeClick"; "uploadReady": "uploadReady"; "uploading": "uploading"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XUploadProperty, "x-upload-property", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "dropContainer": { "alias": "dropContainer"; "required": false; "isSignal": true; }; "dropIcon": { "alias": "dropIcon"; "required": false; "isSignal": true; }; "dropTitle": { "alias": "dropTitle"; "required": false; "isSignal": true; }; "dropDescription": { "alias": "dropDescription"; "required": false; "isSignal": true; }; "showDrop": { "alias": "showDrop"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "imgFallback": { "alias": "imgFallback"; "required": false; "isSignal": true; }; "imgCut": { "alias": "imgCut"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "multipleModel": { "alias": "multipleModel"; "required": false; "isSignal": true; }; "filesTpl": { "alias": "filesTpl"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, { "removeClick": "removeClick"; "uploadReady": "uploadReady"; "uploading": "uploading"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; }, never, never, true, never>;
 }
 /**
  * @zh_CN Upload 数据对象
@@ -265,6 +290,12 @@ declare class XUploadComponent extends XUploadProperty {
     private portalService;
     private viewContainerRef;
     private i18n;
+    private renderer;
+    private dragOverlayService;
+    private dropSubscription?;
+    private dragCounter;
+    elementRef: ElementRef<any>;
+    get getShowDrop(): boolean;
     file: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     files: _angular_core.WritableSignal<XUploadNode[]>;
     showUpload: _angular_core.WritableSignal<boolean>;
@@ -281,8 +312,14 @@ declare class XUploadComponent extends XUploadProperty {
     writeValue(value: XUploadNode[]): void;
     acceptSignal: _angular_core.Signal<string | undefined>;
     constructor();
+    ngAfterViewInit(): void;
+    ngOnDestory(): void;
+    private setupDropContainer;
+    private addDragOverStyle;
+    private removeDragOverStyle;
     setFiles(): void;
     change(event: Event): void;
+    handleFiles(fileList: FileList): void;
     remove(file: XUploadNode, index: number): void;
     uploadClick(): void;
     onUploading(): void;