fd91331dd6a1659bb77f86b94c2208a763a6975ce5be78e1dd6f0d726a18c43ee4a4674d7274823ae3f4e4f10a3040f7a615b7bbc8bf867555641e6824fb8b 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. import Delta from 'quill-delta';
  2. import Emitter from '../core/emitter.js';
  3. import Module from '../core/module.js';
  4. class Uploader extends Module {
  5. constructor(quill, options) {
  6. super(quill, options);
  7. quill.root.addEventListener('drop', e => {
  8. e.preventDefault();
  9. let native = null;
  10. if (document.caretRangeFromPoint) {
  11. native = document.caretRangeFromPoint(e.clientX, e.clientY);
  12. // @ts-expect-error
  13. } else if (document.caretPositionFromPoint) {
  14. // @ts-expect-error
  15. const position = document.caretPositionFromPoint(e.clientX, e.clientY);
  16. native = document.createRange();
  17. native.setStart(position.offsetNode, position.offset);
  18. native.setEnd(position.offsetNode, position.offset);
  19. }
  20. const normalized = native && quill.selection.normalizeNative(native);
  21. if (normalized) {
  22. const range = quill.selection.normalizedToRange(normalized);
  23. if (e.dataTransfer?.files) {
  24. this.upload(range, e.dataTransfer.files);
  25. }
  26. }
  27. });
  28. }
  29. upload(range, files) {
  30. const uploads = [];
  31. Array.from(files).forEach(file => {
  32. if (file && this.options.mimetypes?.includes(file.type)) {
  33. uploads.push(file);
  34. }
  35. });
  36. if (uploads.length > 0) {
  37. // @ts-expect-error Fix me later
  38. this.options.handler.call(this, range, uploads);
  39. }
  40. }
  41. }
  42. Uploader.DEFAULTS = {
  43. mimetypes: ['image/png', 'image/jpeg'],
  44. handler(range, files) {
  45. if (!this.quill.scroll.query('image')) {
  46. return;
  47. }
  48. const promises = files.map(file => {
  49. return new Promise(resolve => {
  50. const reader = new FileReader();
  51. reader.onload = () => {
  52. resolve(reader.result);
  53. };
  54. reader.readAsDataURL(file);
  55. });
  56. });
  57. Promise.all(promises).then(images => {
  58. const update = images.reduce((delta, image) => {
  59. return delta.insert({
  60. image
  61. });
  62. }, new Delta().retain(range.index).delete(range.length));
  63. this.quill.updateContents(update, Emitter.sources.USER);
  64. this.quill.setSelection(range.index + images.length, Emitter.sources.SILENT);
  65. });
  66. }
  67. };
  68. export default Uploader;
  69. //# sourceMappingURL=uploader.js.map