NapCatQQ/.pnpm-store/v3/files/fb/429c141897e6a8ccb6df2cf963195a0b05d5d7d66804f95a669f4550dbb5a9d7c52c57c5b2119768696a002676ed4a8c1f6d46d2ffacd3af41a89f434e68a1

import React, { Component } from "react";
import Dropzone from "../../";

export class TestReactDragEvt extends Component {
  getFiles = async (event: React.DragEvent<HTMLDivElement>) => {
    const files = Array.from(event.dataTransfer.files);
    return files;
  };

  render() {
    return (
      <div>
        <Dropzone getFilesFromEvent={this.getFiles}>
          {({ getRootProps }) => <div {...getRootProps()} />}
        </Dropzone>
      </div>
    );
  }
}

export class TestDataTransferItems extends Component {
  getFiles = async (event: React.DragEvent<HTMLDivElement>) => {
    const items = Array.from(event.dataTransfer.items);
    return items;
  };

  render() {
    return (
      <div>
        <Dropzone getFilesFromEvent={this.getFiles}>
          {({ getRootProps }) => <div {...getRootProps()} />}
        </Dropzone>
      </div>
    );
  }
}

export class TestNativeDragEventEvt extends Component {
  getFiles = async (event: DragEvent) => {
    const files = Array.from(event.dataTransfer.files);
    return files;
  };

  render() {
    return (
      <div>
        <Dropzone getFilesFromEvent={this.getFiles}>
          {({ getRootProps }) => <div {...getRootProps()} />}
        </Dropzone>
      </div>
    );
  }
}

export class TestChangeEvt extends Component {
  getFiles = async (event: React.ChangeEvent<HTMLInputElement>) => {
    const files = Array.from(event.target.files);
    return files;
  };

  render() {
    return (
      <div>
        <Dropzone getFilesFromEvent={this.getFiles}>
          {({ getRootProps }) => <div {...getRootProps()} />}
        </Dropzone>
      </div>
    );
  }
}

export class TestNativeEvt extends Component {
  getFiles = async (event: Event) => {
    const files = Array.from((event.target as HTMLInputElement).files);
    return files;
  };

  render() {
    return (
      <div>
        <Dropzone getFilesFromEvent={this.getFiles}>
          {({ getRootProps }) => <div {...getRootProps()} />}
        </Dropzone>
      </div>
    );
  }
}