snowy-designer/dist/hooks/src/common/element.cjs

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),s=require("@vueuse/core"),i=require("../store/index.cjs");function d(){const t=f.ref(!1),e=f.ref(!1),a=f.ref(!1);return s.onKeyDown(" ",()=>{t.value=!0}),s.onKeyUp(" ",()=>{t.value=!1}),s.onKeyDown("Shift",l=>{l.preventDefault(),e.value=!0}),s.onKeyUp("Shift",()=>{e.value=!1}),s.onKeyDown("Control",l=>{l.preventDefault(),a.value=!0}),s.onKeyUp("Control",()=>{a.value=!1}),{pressCtrl:a,pressShift:e,pressSpace:t}}function v(t){const{pressSpace:e}=i.useStore(),a=new Image(1,1);a.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";let l=0,r=0;function u(n,c=!1){var o;c&&(l=n.x,r=n.y,(o=n.dataTransfer)==null||o.setDragImage(document.createElement("div"),0,0))}function A(n,c=!1){if(n.preventDefault(),!n.x||!n.y||!c)return;const o=n.x-l,y=n.y-r;l=n.x,r=n.y,t.value&&(t.value.scrollTop-=y,t.value.scrollLeft-=o)}function m(){e.value=!1}return{handleElementDrag:A,handleElementDragEnd:m,handleElementDragStart:u}}function g(t){const{canvasScale:e,disabledZoom:a}=i.useStore();function l(r){if(!r.ctrlKey||a.value)return;r.preventDefault();let u=0;u=r.deltaY<0?e.value+.05:e.value-.05,!(u>150||u<.5)&&(e.value=u)}return f.watch(()=>e.value,r=>{t.value&&!a.value&&(t.value.style.transform=`scale(${r})`)}),{canvasScale:e,handleZoom:l}}function p(t,e=16.66){let a;function l(){r(),a=window.setInterval(t,e)}function r(){window.clearInterval(a)}return{startTimedQuery:l,stopTimedQuery:r}}exports.useElementDrag=v;exports.useElementZoom=g;exports.useKeyPress=d;exports.useTimedQuery=p;