ngx-pluto/lib/draggable-pics/draggable-pics.d.ts

ngx-pluto组件库

import { OnInit } from '@angular/core';
import { ViewportRuler } from '@angular/cdk/overlay';
import { CdkDropListGroup, CdkDropList, CdkDragMove, CdkDrag } from '../drag-drop/index';
/**
 * 可拖拽图片组件 - 上传多张图片时展示多图并可拖拽改变排列顺序
 *
 * <example-url>https://stackblitz.com/edit/np-draggable-pics-sample?embed=1&file=src/app/app.component.html</example-url>
 */
export declare class NpDraggablePics implements OnInit {
    private viewportRuler;
    listGroup: CdkDropListGroup<CdkDropList>;
    placeholder: CdkDropList;
    /**包含图片url的图片列表，可选值id（unique） */
    items: Array<{
        url: string;
        id?: string;
    }>;
    /**图片展示宽度 */
    itemWidth: number;
    /**图片展示高度 */
    itemHeight: number;
    /**是否禁用图片可拖拽删除 */
    isDisabled: boolean;
    target: CdkDropList;
    targetIndex: number;
    source: CdkDropList;
    sourceIndex: number;
    dragIndex: number;
    activeContainer: any;
    constructor(viewportRuler: ViewportRuler);
    ngOnInit(): void;
    ngAfterViewInit(): void;
    dragMoved(e: CdkDragMove): void;
    dropListDropped(): void;
    dropListEnterPredicate: (drag: CdkDrag<any>, drop: CdkDropList<any>) => boolean;
    /** Determines the point of the page that was touched by the user. */
    getPointerPositionOnPage(event: MouseEvent | TouchEvent): {
        x: number;
        y: number;
    };
    onRemove(item: {
        url: string;
        id?: string;
    }): void;
}