签章组件 拖拽不够精确的bug

one_stop_public/libs/PictureSignature/PictureSignature.js

@@ -223,7 +223,6 @@ export default function PictureSignature({
                     <div
                       key={g.key}
                       data-mes={g.key}
-                      data-get={'draggable'} // 可拖拽元素
                       draggable={false}
                       className={styles.oneSetItem}
                       style={{

one_stop_public/libs/PictureSignature/ShowItem.js

@@ -49,16 +49,6 @@ export const dragEventList = (setOtherProps, otherProps) => {
     function(event) {
       // 保存拖动元素的引用(ref.)
       draggedRef = event.target;
-      // 使其半透明
-       draggedRef.nextSibling.style.display = 'none'; // 使兄弟元素隐藏
-      // let displayNoneDoms = document.querySelectorAll('div[data-get="draggable"]');
-      // for(let item of displayNoneDoms){
-      //   if(item.dataset.mes !== draggedRef.dataset.mes){
-      //     item.style.display = 'none';
-      //     // item.style.opacity = 0.5;
-      //   }
-      // }
-
       event.target.style.opacity = 0.5;
     },
     false,
@@ -68,12 +58,6 @@ export const dragEventList = (setOtherProps, otherProps) => {
     (event) => {
       // 重置透明度
       event.target.style.opacity = '';
-      event.target.nextSibling.style.display = 'block';
-      // let displayNoneDoms = document.querySelectorAll("div[get=draggable]");
-      // for(let item of displayNoneDoms){
-      //   item.style.display = 'block';
-      //   // item.style.opacity = 1;
-      // }
     },
     false,
   );
@@ -93,9 +77,6 @@ export const dragEventList = (setOtherProps, otherProps) => {
       // 阻止默认动作（如打开一些元素的链接）
       event.preventDefault();
       // 将拖动的元素到所选择的放置目标节点中
-      // console.log('drop');
-      // console.log(event.target);
-      console.log(event.clientX, event.clientY);
       let infoClientRect = document.getElementById('dropZone').getBoundingClientRect();
       let leftNew = Math.ceil(event.clientX - infoClientRect.left);
       let topNew = Math.ceil(event.clientY - infoClientRect.top);
@@ -120,34 +101,6 @@ export const dragEventList = (setOtherProps, otherProps) => {
       draggedRef.style.left = leftNew; // `${left}px`;
       draggedRef.style.top = topNew; // `${top}px`;
       return true;
-      //
-      // if (event.target.id === 'dropZone') {
-      //   let left = event.offsetX;
-      //   if (left > event.target.offsetWidth - draggedRef.offsetWidth - 10) {
-      //     console.log('拖拽到了图片区域外部,不能进行拖拽');
-      //     return false;
-      //   }
-      //   let top = event.offsetY;
-      //   let key = draggedRef?.dataset?.mes || draggedRef?.parentNode?.dataset?.mes;
-      //   let item = otherProps.signConfig.find((g) => {
-      //     return g.key === key;
-      //   });
-      //   if(!item){
-      //     return false;
-      //   }
-      //   // left = left - (item.x /2 );
-      //   // top = top - (item.y / 2);
-      //   item.x = left;
-      //   item.y = top;
-      //   // console.log(left, top);
-      //   setOtherProps({
-      //     ...otherProps,
-      //     signConfig: otherProps.signConfig,
-      //   })
-      //   draggedRef.style.left = left; // `${left}px`;
-      //   draggedRef.style.top = top; // `${top}px`;
-      // }
-      return true;
     },
     false,
   );