import * as interaction from 'wasei-useful-util/interaction';
  
  elm.addEventListener('click', () => {
    fetch('/download', { method: 'POST' }).then(resp => {
      return resp.blob().then(file => {
        return { file, filename: resp.headers.get('content-disposition').match(/filename=(.*?)$/)[ 1 ] };
      });
    }).then(data => {
      const { file, filename } = data;
      interaction.download(file, filename);
    });
  }, false);

  import * as interaction from 'wasei-useful-util/interaction';
  
  document.querySelector('#fz').addEventListener('click', () => {
    if (interaction.clipboard('复制')) alert('复制成功');
  }, false);

  import * as interaction from 'wasei-useful-util/interaction';
  
  const waterfallFunc = interaction.createWaterfull(3);
  document.querySelector('#pbl').addEventListener('click', () => {
    const waterfallElm = document.querySelector('.waterfall-box');
    waterfallFunc(waterfallElm.querySelectorAll('div'));
  }, false);

  import * as interaction from 'wasei-useful-util/interaction';
  
  alert(interaction.calcElmApartPageVericalDistance(document.querySelector('.waterfall-box')));

  import * as interaction from 'wasei-useful-util/interaction';
  
  document.querySelector('#getOffsetTop').addEventListener('click', () => {
    alert(interaction.calcElmApartElmVericalDistance(document.querySelectorAll('.waterfall-box>div')[4], document.querySelector('.waterfall-box')));
  }, false);

  import * as interaction from 'wasei-useful-util/interaction';
  
  document.querySelector('#checkInContainer2').addEventListener('click', () => {
    alert(interaction.checkElmInContainer(document.querySelectorAll('.waterfall-box>div')[1], document.querySelector('.waterfall-box')));
  }, false);