复制任务为表格形式 - qq.com

2023/10/25 15:15:01
当前为 2023-12-29 提交的版本，查看最新版本。
换行
// ==UserScript==
// @license MIT
// @name        复制任务为表格形式 - qq.com
// @namespace   Violentmonkey Scripts
// @match       https://codesign.qq.com/*
// @grant       none
// @version     1.2.2
// @author      -
// @description 2023/10/25 15:15:01
// ==/UserScript==

function getPreConfig () {
    const pos = JSON.parse(localStorage.getItem('__ffPosition') || '{}')
    return pos[location.pathname] || {"top":"10px","left":"10px", "collapsed": false };
  }
  
  function persistConfig ({top, left, collapsed}) {
    let posMap = JSON.parse(localStorage.getItem('__ffPosition') || '{}')
    posMap[location.pathname] = {top, left, collapsed};
    posStr = JSON.stringify(posMap)
    localStorage.setItem('__ffPosition', posStr)
  }
  
  
  
  function debounce(fn, delay) {
    // 1.定义一个定时器, 保存上一次的定时器
    let timer = null
  
    // 2.真正执行的函数
    const _debounce = function(...args) {
      // 取消上一次的定时器
      if (timer) clearTimeout(timer)
      // 延迟执行
      timer = setTimeout(() => {
        // 外部传入的真正要执行的函数
        fn(...args)
      }, delay)
    }
  
    return _debounce
  }
  const debouncePersistConfig = debounce(persistConfig, 300);
  function createFloatMenu (opts) {
      const id = 'ff-' + Math.floor(Math.random() * 10);
      var div = document.createElement('div');
      div.id = id;
      div.classList.add('ff-container');
      const optsHtml = opts.map(({text}, idx) => `<div class="ff-action" data-index="${idx}">${text}</div>`).join(' ');
      const {top, left} = getPreConfig();
      div.innerHTML = `
          <style>
              .ff-container {
                position: absolute;
                z-index: 1999;
                left: ${left};
                top: ${top};
                background-color: #f1f1f1;
                text-align: center;
                border-radius: 2px;
                font-size: 14px;
                overflow: hidden;
                box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
              }
  
              .ff-header {
                padding: 0 5px;
                cursor: move;
                z-index: 2999;
                background-color: #2196F3;
                display: flex;
                align-items: center;
                justify-content: center;
                justify-content: space-between;
                color: #fff;
                min-width: 80px;
              }
  
              .ff-action {
                  padding:4px 6px;
                  background:white;
                  cursor:pointer;
              }
  
              .ff-hidden {
                    display: none;
              }
              .ff-toggle {
                font-weight: bold;
                cursor: pointer;
              }
          </style>
          <div id="${id}header" class="ff-header">
            <span class="ff-toggle">-</span>
            <span>: :</span>
          </div>
          <div class='ff-wrapper'>
            ${optsHtml}
          </div>
      `;
  
      document.body.appendChild(div);
      const wrapper = div.querySelector('.ff-wrapper');
      const toggleHandler = div.querySelector('.ff-toggle');
      wrapper.addEventListener('click', (event) => {
        const index = event.target.getAttribute('data-index');
        opts[index]?.onClick();
      });
      toggleHandler.addEventListener('click', (event) => {
        const symb = toggleHandler.innerText;
        if (symb === '+') {
          toggleHandler.innerText = '-';
          wrapper.classList.remove('ff-hidden');
        } else {
          toggleHandler.innerText = '+';
          wrapper.classList.add('ff-hidden');
        }
      });
      dragElement(div);
  
      function dragElement(elmnt) {
        var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
        if (document.getElementById(elmnt.id + "header")) {
          /* if present, the header is where you move the DIV from:*/
          document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
        } else {
          /* otherwise, move the DIV from anywhere inside the DIV:*/
          elmnt.onmousedown = dragMouseDown;
        }
  
        function dragMouseDown(e) {
          e = e || window.event;
          e.preventDefault();
          // get the mouse cursor position at startup:
          pos3 = e.clientX;
          pos4 = e.clientY;
          document.onmouseup = closeDragElement;
          // call a function whenever the cursor moves:
          document.onmousemove = elementDrag;
        }
  
        function elementDrag(e) {
          e = e || window.event;
          e.preventDefault();
          // calculate the new cursor position:
          pos1 = pos3 - e.clientX;
          pos2 = pos4 - e.clientY;
          pos3 = e.clientX;
          pos4 = e.clientY;
          // set the element's new position:
          const top = (elmnt.offsetTop - pos2) + "px";
          const left = (elmnt.offsetLeft - pos1) + "px";
          elmnt.style.top = top;
          elmnt.style.left = left;
          debouncePersistConfig({top, left, collapsed: wrapper.classList.contains('ff-hidden') })
        }
  
        function closeDragElement() {
          /* stop moving when mouse button is released:*/
          document.onmouseup = null;
          document.onmousemove = null;
        }
      }
  }
  
  function copyToTable () {
    if (!document.querySelector('.board-screen-list__section')) {
      return alert('当前页面不适用该脚本');
    }
    var assignee = prompt('请输入默认指派人', '翟')
    if (assignee) {
        var estimateText = `ui: 0h, 联调: 0h(0个Api)`
        var taskNames = Array.from(document.querySelectorAll('.board-screen-list__section')).map(it => {
            const groupName = it.querySelector('.board-screen-list__section-name').innerText;
            var res = Array.from(it.querySelectorAll('.board-screen-list__item-container>div')).map(it => ` \t${it.innerText}\t${assignee}\t0\t${estimateText}`);
            res[0] = groupName + res[0];
            return res;
        }).flat().join('\n');
  
       // console.log('taskNames: ', taskNames);
       navigator.clipboard.writeText(taskNames)
        .then(() => {alert('复制成功！');})
        .catch(err => {
          alert('复制失败！');
        })
      /*
        var tx = document.createElement('textarea');
        tx.style = "max-height:0;"
        tx.value = taskNames;
        setTimeout(() => {
          document.body.append(tx)
          tx.select();
          document.execCommand('copy');
          alert('复制成功');
          setTimeout(() => tx.remove(), 800)
        })
        */
    }
  }
  
  createFloatMenu([{onClick: copyToTable, text: '复制成表格'}])
欢迎访问Greasy Fork镜像
