@cclr/trans 0.1.28 → 0.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("@cclr/react"),t=require("react"),r=require("@cclr/emitter"),n=require("@cclr/trigger"),o=require("@cclr/front"),i=require("react/jsx-runtime"),a=require("react-dom");function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t,r){return t=d(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,p()?Reflect.construct(t,r||[],d(e).constructor):t.apply(e,r))}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t,r){return t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,j(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function l(e,t,r){return(t=j(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(p=function(){return!!e})()}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],s=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(e,t)||w(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||w(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function w(e,t){if(e){if("string"==typeof e)return u(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}Function.prototype.call.bind(Object.prototype.hasOwnProperty);var x=Function.prototype.call.bind(Object.prototype.toString),E={boolean:"boolean",undefined:"undefined",number:"number",string:"string",symbol:"symbol",null:"null","[object Object]":"object","[object Function]":"function","[object RegExp]":"regexp","[object Array]":"array","[object Date]":"date","[object Error]":"error","[object Blob]":"blob","[object File]":"file","[object ArrayBuffer]":"arrayBuffer"};function O(e){return E[typeof e]||E[x(e)]||(e?"object":"null")}function I(e){return function(e){return null===e}(e)||function(e){return void 0===e}(e)}function S(e){return"function"===O(e)}function C(e){return function(e){return"object"===O(e)}(e)&&Object.getPrototypeOf(e)===Object.prototype}var k={string:"",number:0,boolean:!1,undefined:void 0,null:null,object:{},array:[],function:function(){},regexp:/(?:)/};function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],s=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}(e,t)||z(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){if(e){if("string"==typeof e)return R(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?R(e,t):void 0}}var T=Object.freeze({__proto__:null,extend:function(e,t){var r=e||{};return C(t)&&Object.keys(t).forEach((function(e){r[e]=t[e]})),r},filter:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:I,r={};return C(e)&&Object.entries(e).forEach((function(n){var o=P(n,2),i=o[0],a=o[1];t(e[i],i)&&(r[i]=a)})),r},forEach:function(e,t){Object.keys(e).forEach((function(r){t(e[r],r)}))},format:function(e,t){var r,n=C(e)?e:{},o=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=z(e))){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==t.return||t.return()}finally{if(a)throw o}}}}(t);try{for(o.s();!(r=o.n()).done;){var i=r.value,a=P(i,3),u=a[0],s=a[1],c=a[2];O(n[u])!==s&&(3!==i.length?n[u]=k[s]:n[u]=c)}}catch(e){o.e(e)}finally{o.f()}return n},omit:function(e,t){var r={};return C(e)&&Object.entries(e).forEach((function(e){var n=P(e,2),o=n[0],i=n[1];t.includes(o)||(r[o]=i)})),r},pick:function(e,t){return t.reduce((function(t,r){return r in e&&(t[r]=e[r]),t}),{})}}),A=m(e.createCtx({}),2),B=A[0],F=A[1],N=m(e.createCtx({}),2),M=N[0],X=N[1],Y=function(){var e=M().baseCore;return{start:e.start,move:e.move,end:e.end,mouseEvent:e.mouseEvent,getData:e.getData,getBaseData:e.getBaseData,reset:e.reset,addUser:e.addUser,onDragMove:e.onDragMove,onStatus:e.onStatus,onDomEvent:e.onDomEvent}},_=function(){var e=Y().onStatus,r=m(t.useState({}),2),n=r[0],o=r[1];return t.useEffect((function(){return e((function(e,t){o(t)}))}),[]),n};var q,L,U="data-trans-box-type",W="data-trans-box-id",$="data-trans-box-data",Z=function(e){return e[e.drag=1]="drag",e[e.drop=2]="drop",e[e.resize=4]="resize",e[e.select=8]="select",e[e.stop=64]="stop",e[e.boundary=128]="boundary",e}({}),H=(q=[Z.drag,Z.drop,Z.resize,Z.select,Z.stop,Z.boundary],L=[],function e(t,r){if(t.length&&L.push(t),0!==r.length)for(var n=0;n<r.length;n++)e(t.concat(r[n]),r.slice(0,n))}([],q),L).reduce((function(e,t){var r=t.reduce((function(e,t){return e|t}),0);return e[r.toString()]=r,e}),{}),V=function(e){if(e)return e.getAttribute($)},G=function(e,t){e&&e.setAttribute(W,t.toString())},J=function(e){if(e)return e.getAttribute(W)},K=function(e,t){if(e){var r=e.getAttribute(U)||"",n=(H[r]||0)|t;e.setAttribute(U,n.toString())}},Q=function(e){if(e)return H[e.getAttribute(U)||""]},ee=function(e,t){for(var r=e,n=[],o=[],i=[];r&&r!==document.body;){var a=Q(r);a&&(!t||t&a)&&(n.push(a),o.push(J(r)),i.push(V(r))),r=r.parentElement}return{types:n,ids:o,datas:i}},te=function(){var r=Y(),n=r.start,a=r.move,u=r.end,s=r.reset,c=r.mouseEvent,f=r.getData,l=t.useRef({free:!0,timer:null}),d=function(){clearTimeout(l.current.timer),l.current.timer=null,c("drag")},g=e.useCallbackRef((function(e){var t;if(clearTimeout(l.current.timer),(null==e||null===(t=e.target)||void 0===t?void 0:t.nodeType)===Node.ELEMENT_NODE){l.current.free=!1;var r=ee(e.target),o=e.clientX,i=e.clientY;n({startClientX:o,startClientY:i},r),c("down"),l.current.timer=setTimeout(d,120)}})),p=e.useCallbackRef((function(e){if(!l.current.free){var t=e.clientX,r=e.clientY,n=f(),o=t-n.startClientX,i=r-n.startClientY;l.current.timer&&(o>30||i>30)&&d(),a({clientX:t,clientY:r,spaceX:o,spaceY:i})}})),v=e.useCallbackRef((function(e){if(clearTimeout(l.current.timer),!l.current.free){l.current.timer&&(c("tap"),l.current.timer=null);var t=e.clientX,r=e.clientY,n=f(),o=n.startClientX,i=n.startClientY;u({clientX:t,clientY:r,spaceX:t-o,spaceY:r-i})}l.current.free=!0,setTimeout((function(){s()}),0)}));return t.useEffect((function(){return o.addEventListenerMultiple(window,{mousedown:g,mousemove:p,mouseup:v})}),[]),i.jsx(i.Fragment,{})},re=function(){return f((function e(t){c(this,e),l(this,"baseCore",void 0),this.baseCore=t,this.initFreeReset()}),[{key:"onFreeReset",value:function(){}},{key:"initFreeReset",value:function(){var e=this;this.baseCore.onStatus((function(t){"free"===t&&e.onFreeReset()}))}}])}(),ne={status:"free",users:[],position:{startClientX:0,startClientY:0,clientX:0,clientY:0,spaceX:0,spaceY:0},level:{types:[],ids:[],datas:[]},eventType:"free"},oe=f((function e(){var t=this;c(this,e),l(this,"triggers",n.dataTriggers(ne)),l(this,"onDragMove",(function(e){return t.triggers.onChange("position",(function(){e(t.getData())}))})),l(this,"onStatus",(function(e){var r;return t.triggers.onChange("status",(function(n){r!==n&&(r=n,e(n,t.getBaseData()))}))})),l(this,"onDomEvent",(function(e,r){return t.triggers.onChange("eventType",(function(n){e===n&&r(t.getBaseData())}))})),l(this,"getData",(function(){return y(y({},t.triggers.getter(["status","users"])),t.triggers.getter("position"))})),l(this,"getBaseData",(function(){return t.triggers.getter(["status","users","position","level","eventType"])})),l(this,"reset",(function(){t.triggers.setter(ne)})),l(this,"descroy",(function(){t.triggers.destroy()}))})),ie=function(){function e(){var t;c(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return l(t=s(this,e,[].concat(n)),"start",(function(e,r){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"start",level:r})})),l(t,"move",(function(e){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"move"})})),l(t,"end",(function(e){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"end"})})),l(t,"mouseEvent",(function(e){t.triggers.setter({eventType:e})})),l(t,"addUser",(function(e){t.triggers.setter({users:function(t){return[].concat(D(t),[e])}})})),t}return g(e,oe),f(e)}(),ae=function(r){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=Y().onDragMove,i=e.useThrottleFn(r,{wait:60}),a=i.run,u=i.fun,s=i.cancel;t.useEffect((function(){if(n)return o((function(e){return"start"===e.status||"free"===e.status||"end"===e.status?(s(),u(e)):a(e)}))}),[n])},ue={dragId:"",item:void 0,type:"",offset:{x:0,y:0,w:0,h:0},renderFake:!0},se=function(){function e(){var t;c(this,e);for(var o=arguments.length,i=new Array(o),a=0;a<o;a++)i[a]=arguments[a];return l(t=s(this,e,[].concat(i)),"triggers",n.dataTriggers(ue)),l(t,"dragEmitter",new r.Emitter),l(t,"onDragStartEvent",(function(e,r){return t.dragEmitter.addListener(e,r)})),l(t,"onDraggingId",(function(e){return t.triggers.onChange("dragId",(function(){e(t.getDraggingData())}))})),l(t,"getDraggingData",(function(){return t.triggers.getter(["dragId","item","type","offset","renderFake"])})),l(t,"onFreeReset",(function(){t.triggers.setter(ue)})),l(t,"descroy",(function(){t.triggers.destroy()})),t}return g(e,re),f(e)}(),ce=function(){function e(){var t;c(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return l(t=s(this,e,[].concat(n)),"setDragData",(function(e){t.triggers.getter("dragId")||t.triggers.setter(y(y({},e),{},{renderFake:function(){return e.renderFake}}))})),l(t,"emitDrag",(function(e){t.dragEmitter.emit(e,{})})),t}return g(e,se),f(e)}(),fe={stack:[],dropId:"",item:void 0,accept:[],dropPos:void 0},le=function(){function e(){var t;c(this,e);for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return l(t=s(this,e,[].concat(o)),"triggers",n.dataTriggers(fe)),l(t,"onDropStack",(function(e){t.triggers.onChange("stack",e)})),l(t,"onDropId",(function(e){t.triggers.onChange("dropId",(function(){e(t.getDropData())}))})),l(t,"getDropStack",(function(){return t.triggers.getter("stack")})),l(t,"getDropData",(function(){return t.triggers.getter(["dropId","item","accept"])})),l(t,"getDropPos",(function(){return t.triggers.getter("dropPos")})),l(t,"getStack",(function(){return t.triggers.getter(["stack"])})),l(t,"onFreeReset",(function(){t.triggers.setter(fe)})),l(t,"descroy",(function(){t.triggers.destroy()})),t}return g(e,re),f(e)}(),de=function(){function e(){var t;c(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return l(t=s(this,e,[].concat(n)),"setDropInfo",(function(e){t.triggers.setter(e)})),l(t,"setDropPos",(function(e){t.triggers.setter({dropPos:e})})),l(t,"setDropStack",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.triggers.setter({stack:e})})),t}return g(e,le),f(e)}(),ge=function(e){var r=t.useRef();return e||r},pe=function(){var e=M().dragCore,t=e.setDragData,r=e.getDraggingData;return{dragCore:e,onDragId:e.onDraggingId,onDragStartEvent:e.onDragStartEvent,emitDrag:e.emitDrag,setDragData:t,getDraggingData:r}},ve=function(){var e=pe().onDragId,r=m(t.useState({}),2),n=r[0],o=r[1];return t.useEffect((function(){return e((function(e){o(e)}))}),[]),n},ye=function(){return M().dndMonitor},he=function(r){var n,o,i,a,u=r.id,s=r.item,c=r.type,f=r.renderFake,l=r.onDragStart,d=r.onDrag,g=r.onDragEnd,p=r.disabled,v=ye(),y=Y(),h=y.getData,b=y.addUser,m=pe(),D=m.setDragData,j=m.onDragStartEvent,w=ve().dragId,x=w===u,E=ge(r.domRef),O=e.useCallbackRef((function(){var e=h(),t=e.startClientX,r=e.startClientY,n=E.current.getBoundingClientRect(),o=n.left,i=n.top,a=n.width,d=n.height;b("dnd"),D({dragId:u,item:s,type:c,offset:{x:t-o,y:r-i,w:a,h:d},renderFake:S(f)?f.bind(null,v):f}),null==l||l(v)}));return n=function(e){"end"===e&&(null==g||g(v))},o=x,i=Y().onStatus,a=e.useCallbackRef(n),t.useEffect((function(){if(o)return i(a)}),[o]),ae((function(e){"free"!==e.status&&(null==d||d(v))}),x&&!!d),t.useEffect((function(){if(!p)return j(u,O)}),[p]),t.useEffect((function(){K(E.current,Z.drag),G(E.current,u)}),[]),[{id:u,item:s,draggingId:w,isDragging:x},E]},be=function(){var e=M().dropCore,t=e.setDropInfo,r=e.setDropPos,n=e.setDropStack;return{dropCore:e,getDropData:e.getDropData,setDropInfo:t,setDropPos:r,setDropStack:n,onDropStack:e.onDropStack,onDropId:e.onDropId}},me=function(r){var n=r.id,o=r.item,i=r.accept,a=r.disabled,u=r.onOver,s=r.onDroped,c=ge(r.domRef),f=ye(),l=function(){var e=be().onDropStack,r=m(t.useState([]),2),n=r[0],o=r[1];return t.useEffect((function(){return e((function(e){o(e)}))}),[]),n}(),d=be(),g=d.setDropInfo,p=d.setDropPos,v=n||e.useUuid(),y=ve(),h=y.dragId,b=y.type,D=h&&l[0]===v,j=!(null!=i&&i.length)||(null==i?void 0:i.includes(b||"")),w=function(e){var t,r=(null===(t=c.current)||void 0===t?void 0:t.getBoundingClientRect())||{left:0,top:0},n=r.left,o=r.top;return{x:e.clientX-n,y:e.clientY-o}},x=e.useThrottleFn((function(e){p(w(e)),null==u||u(f)})),E=x.run;return t.useEffect((function(){!a&&D&&g({dropId:v,accept:i,item:o})}),[D,a]),e.useEventListenerMultiple(c,{mousemove:E,mouseup:function(e){p(w(e)),null==s||s(f)}},!!D&&!a),t.useEffect((function(){K(c.current,Z.drop),G(c.current,v)}),[]),[{id:v,item:o,accept:i,isOver:D,isAccept:j},c]},De=["className","style","children"],je=t.forwardRef((function(e,r){var n=e.className,a=e.style,u=e.children,s=h(e,De);return t.isValidElement(u)&&function(e){return"string"===O(e)}(u.type)?t.cloneElement(u,y(y({},s),{},{ref:r,className:o.classNames(n,u.props.className),style:T.extend(a,u.props.style)})):i.jsx("div",y(y({ref:r},s),{},{style:a,className:n,children:u}))})),we=["className","style","children"],xe=["id","renderFake"],Ee=function(e){var t=e.className,r=e.style,n=e.children,o=h(e,we),a=B(),u=a.id,s=a.renderFake,c=h(a,xe),f=_().status,l=m(he(y(y({id:u,renderFake:I(s)||s},o),c)),2),d=l[0].isDragging,g={ref:l[1],className:t,style:y(y({},r),{},{cursor:"move"!==f?"grab":void 0,pointerEvents:d?"none":"unset"})};return i.jsx(je,y(y({},g),{},{children:n}))},Oe=function(e){var t=e.className,r=e.style,n=e.children,o=e.onOver,a=e.onDroped,u=e.item,s=e.accept,c=e.id,f=m(me({id:c,item:u||{},accept:s||[],onDroped:function(e){if(g){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==a||a(r,t)}}},onOver:function(e){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==o||o(r,t)}}}),2),l=f[0],d=l.isOver,g=l.isAccept,p={ref:f[1],className:t,style:y({boxShadow:d?g?"0 0 4px 1px #1f90fc":"0 0 4px 1px orange":void 0},r)};return i.jsx(je,y(y({},p),{},{children:n}))},Ie={lt:"nwse-resize",rt:"nesw-resize",lb:"nesw-resize",rb:"nwse-resize",t:"ns-resize",l:"ew-resize",r:"ew-resize",b:"ns-resize"},Se=function(e){var r=e.hidden,n=e.handles,o=e.id;return r?i.jsx(i.Fragment,{}):(n||["lt","l","lb","t","b","rt","r","rb"]).map((function(e){return t.createElement("span",y(y({},l(l(l({},U,Z.resize),W,o),$,e)),{},{key:e,style:Pe[e]}))}))},Ce={position:"absolute",left:0,top:0,transform:"translate(-50%, -50%)",backgroundColor:"green"},ke=y(y({},Ce),{},{width:"20px",height:"20px",borderRadius:"2px"}),Re=y(y({},Ce),{},{width:"6px",height:"6px"}),Pe={lt:y(y({},Re),{},{cursor:Ie.lt}),lb:y(y({},Re),{},{top:"100%",cursor:Ie.lb}),rt:y(y({},Re),{},{left:"100%",cursor:Ie.rt}),rb:y(y({},Re),{},{left:"100%",top:"100%",cursor:Ie.rb}),l:y(y({},ke),{},{top:"50%",width:Re.height,cursor:Ie.l}),r:y(y({},ke),{},{left:"100%",top:"50%",width:Re.width,cursor:Ie.r}),t:y(y({},ke),{},{left:"50%",height:Re.height,cursor:Ie.t}),b:y(y({},ke),{},{left:"50%",top:"100%",height:Re.height,cursor:Ie.b})},ze={id:"",info:{},startCoord:{x:0,y:0,w:0,h:0}},Te=function(){function e(){var t;c(this,e);for(var o=arguments.length,i=new Array(o),a=0;a<o;a++)i[a]=arguments[a];return l(t=s(this,e,[].concat(i)),"triggers",n.dataTriggers(ze)),l(t,"resizeEmitter",new r.Emitter),l(t,"onBaseInfo",(function(e){return t.triggers.onChange("id",(function(){e(t.getBaseInfo())}))})),l(t,"onResizeEvent",(function(e,r){return t.resizeEmitter.addListener(e,r)})),l(t,"getBaseInfo",(function(){return t.triggers.getter(["id","info","handle","startCoord"])})),l(t,"onFreeReset",(function(){t.triggers.setter(ze)})),l(t,"descroy",(function(){t.triggers.destroy()})),t}return g(e,re),f(e)}(),Ae=function(){function e(){var t;c(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return l(t=s(this,e,[].concat(n)),"setBaseInfo",(function(e){t.triggers.setter(e)})),l(t,"emitResize",(function(e,r){t.resizeEmitter.emit(e,r)})),t}return g(e,Te),f(e)}(),Be=function(){var e=M().resizeCore;return{descroy:e.descroy,getBaseInfo:e.getBaseInfo,onBaseInfo:e.onBaseInfo,emitResize:e.emitResize,onResizeEvent:e.onResizeEvent,setBaseInfo:e.setBaseInfo}},Fe=function(){var e=Be().onBaseInfo,r=m(t.useState({}),2),n=r[0],o=r[1];return t.useEffect((function(){return e(o)}),[]),n},Ne=function(r){var n=r.id,o=r.onResizing,i=r.onResized,a=r.disabled,u=Y().addUser,s=Be(),c=s.setBaseInfo,f=s.onResizeEvent,l=Fe(),d=l.id,g=l.handle,p=l.startCoord,v=ge(r.domRef),h=d===n,b=e.useCallbackRef((function(e){var t,r,o;u("resize");var i=(null==v||null===(t=v.current)||void 0===t?void 0:t.getBoundingClientRect())||{width:0,height:0},a=i.width,s=i.height;c({id:n,startCoord:{x:(null===(r=v.current)||void 0===r?void 0:r.offsetLeft)||0,y:(null===(o=v.current)||void 0===o?void 0:o.offsetTop)||0,w:a,h:s},info:{},handle:e})}));return t.useEffect((function(){if(!a)return f(n,b)}),[a]),ae((function(e){if("free"!==e.status){var t=function(e,t,r){var n=y({},e),o=n.h,i=n.w,a=n.x,u=n.y,s=t.spaceX,c=t.spaceY;switch(r){case"lt":n.x=a+s,n.y=u+c,n.w=i-s,n.h=o-c;break;case"rt":n.x=a,n.y=u+c,n.w=i+s,n.h=o-c;break;case"lb":n.x=a+s,n.y=u,n.w=i-s,n.h=o+c;break;case"rb":n.x=a,n.y=u,n.w=i+s,n.h=o+c;break;case"l":n.x=a+s,n.y=u,n.w=i-s,n.h=o;break;case"r":n.x=a,n.y=u,n.w=i+s,n.h=o;break;case"b":n.x=a,n.y=u,n.w=i,n.h=o+c;break;case"t":n.x=a,n.y=u+c,n.w=i,n.h=o-c}return n}(p,e,g);null==o||o(t),"end"===e.status&&(null==i||i(t))}}),h&&!!o),[{isResizing:h},{}]},Me=["children","style","pure","className"];function Xe(e,t,r){return(t=Le(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ye(Object(r),!0).forEach((function(t){Xe(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ye(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function qe(e,t){return qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},qe(e,t)}function Le(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}function Ue(){Ue=function(e,t){return new r(e,void 0,t)};var e=RegExp.prototype,t=new WeakMap;function r(e,n,o){var i=RegExp(e,n);return t.set(i,o||t.get(e)),qe(i,r.prototype)}function n(e,r){var n=t.get(r);return Object.keys(n).reduce((function(t,r){var o=n[r];if("number"==typeof o)t[r]=e[o];else{for(var i=0;void 0===e[o[i]]&&i+1<o.length;)i++;t[r]=e[o[i]]}return t}),Object.create(null))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&qe(e,t)}(r,RegExp),r.prototype.exec=function(t){var r=e.exec.call(this,t);if(r){r.groups=n(r,this);var o=r.indices;o&&(o.groups=n(o,this))}return r},r.prototype[Symbol.replace]=function(r,o){if("string"==typeof o){var i=t.get(this);return e[Symbol.replace].call(this,r,o.replace(/\$<([^>]+)>/g,(function(e,t){var r=i[t];return"$"+(Array.isArray(r)?r.join("$"):r)})))}if("function"==typeof o){var a=this;return e[Symbol.replace].call(this,r,(function(){var e=arguments;return"object"!=typeof e[e.length-1]&&(e=[].slice.call(e)).push(n(e,a)),o.apply(this,e)}))}return e[Symbol.replace].call(this,r,o)},Ue.apply(this,arguments)}var We=function(e,t){return e.reduce((function(e,r){var n=r[t];return _e(_e({},e),{},Xe({},n,r))}),{})};!function(e,t){t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Le(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1})}((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),Xe(this,"handler",[])}),[{key:"use",value:function(e,t){return this.handler.push({fulfilled:e,rejected:t}),this.handler.length-1}},{key:"eject",value:function(e){this.handler[e]&&(this.handler[e]=null)}},{key:"clear",value:function(){this.handler=[]}},{key:"forEach",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];!function(e,t,r){if(r)for(var n=e.length-1;n>=0;n--)t(e[n],n,e);else for(var o=0;o<e.length;o++)t(e[o],o,e)}(this.handler,(function(t){t&&e(t)}),t)}},{key:"run",value:function(e){var t=arguments;return new Promise(function(r,n){var o=t.length>1&&void 0!==t[1]&&t[1],i=Promise.resolve(e());return this.forEach((function(e){i=i.then(e.fulfilled,e.rejected)}),o),r(i)}.bind(this))}}]),Ue(/\?([^#]*)/,{query:1}),Ue(/#(.*)/,{hash:1}),Ue(/^(?:[a-zA-Z][a-zA-Zd+-.]*:)?(?:\/\/(?:[^@/?#]*@)?[^/?#]*)?([^?#]*)/,{pathname:1});var $e=["show","dom"],Ze=function(e){var t=e.show,r=e.dom,n=h(e,$e);return t&&r?a.createPortal(i.jsx("div",{style:{position:"absolute",inset:0},children:i.jsx(Se,y({},n))}),r):i.jsx(i.Fragment,{})},He={ids:[],infoMap:{}},Ve=function(){function e(){var t;c(this,e);for(var o=arguments.length,i=new Array(o),a=0;a<o;a++)i[a]=arguments[a];return l(t=s(this,e,[].concat(i)),"triggers",n.dataTriggers(He)),l(t,"selectEmitter",new r.Emitter),l(t,"onSelectIds",(function(e){return t.triggers.onChange("ids",(function(){e(t.getSelectInfo())}))})),l(t,"onTapEvent",(function(e,r){return t.selectEmitter.addListener(e,r)})),l(t,"getSelectInfo",(function(){return t.triggers.getter(["ids","infoMap"])})),l(t,"reset",(function(){t.triggers.setter(He)})),l(t,"descroy",(function(){t.triggers.destroy()})),t}return g(e,re),f(e)}(),Ge=function(){function e(){var t;c(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return l(t=s(this,e,[].concat(n)),"setSelectIds",(function(e){t.triggers.setter({ids:e})})),l(t,"emitTapEvent",(function(e){t.selectEmitter.emit(e,{})})),t}return g(e,Ve),f(e)}(),Je=function(){var e=M().selectCore,t=e.reset,r=e.setSelectIds,n=e.descroy,o=e.onSelectIds,i=e.getSelectInfo;return{onTapEvent:e.onTapEvent,emitTapEvent:e.emitTapEvent,getSelectInfo:i,setSelectIds:r,onSelectIds:o,reset:t,descroy:n}},Ke=function(e){var r=e.id,n=e.disabled,o=function(){var e=Je(),r=e.onSelectIds,n=e.getSelectInfo,o=m(t.useState(n()),2),i=o[0],a=o[1];return t.useEffect((function(){return r((function(e){a(e)}))}),[]),i}(),i=o.ids,a=o.infoMap,u=Je(),s=u.onTapEvent,c=u.setSelectIds,f=a[r],l=i.includes(r),d=ge(e.domRef);return t.useEffect((function(){if(!n)return s(r,(function(){c([r])}))}),[n]),t.useEffect((function(){K(null==d?void 0:d.current,Z.select),G(null==d?void 0:d.current,r)}),[]),[{isSelect:l,selectInfo:f},d]},Qe=function(e){var r=e.id,n=e.coord,o=e.item,a=e.className,u=e.resizeDisable,s=e.dropDisable,c=e.dragDisable,f=e.selectDisable,l=e.onResizing,d=e.onOver,g=e.onDroped,p=_().status,v=m(he({id:r,renderFake:!0,item:o,disabled:c}),2),h=v[0].isDragging,b=v[1],D=m(Ke({id:r,domRef:b,disabled:f}),1)[0].isSelect;Ne({id:r,onResizing:l,domRef:b,disabled:u}),me({id:r,item:o,domRef:b,onOver:d,onDroped:g,disabled:s});var j=t.useMemo((function(){return{left:n.x,top:n.y,width:n.w,height:n.h,cursor:"move"!==p?"grab":void 0,pointerEvents:h?"none":"unset"}}),[n,p,h]),w=t.useMemo((function(){return{boxShadow:D?"0 0 4px 1px #0078d4":void 0}}),[D]),x=t.useMemo((function(){return{contain:D?"layout":void 0}}),[D]);return i.jsxs(i.Fragment,{children:[i.jsx(Ze,{show:D&&!h,id:r,dom:b.current}),i.jsx(je,{ref:b,className:a,style:y(y(y(y({},j),w),x),e.style),children:e.children})]})},et=["className","style","children","id","coord","item"],tt=function(){var e=ve().dragId,r=Fe(),n=r.handle,o=r.id,a=Y().getData;return t.useEffect((function(){var t=a().users[0];e&&"dnd"===t?(document.body.style.cursor="grabbing",document.body.style.userSelect="none"):n&&"resize"===t?(document.body.style.cursor=Ie[n],document.body.style.userSelect="none"):(document.body.style.cursor="",document.body.style.userSelect="")}),[e,n,o]),i.jsx(i.Fragment,{})},rt=function(){var e=Y().onDomEvent,r=pe().emitDrag;return t.useEffect((function(){return e("drag",(function(e){var t=e.level,n=t.types,o=t.ids;if(!(n[0]&Z.resize)){var i=n.findIndex((function(e){return e&Z.drag}));if(!(i<0)){var a=o[i];a&&r(a)}}}))}),[]),i.jsx(i.Fragment,{})},nt=function(){var e=ve(),r=e.dragId,n=e.offset,o=e.renderFake,u=m(t.useState(""),2),s=u[0],c=u[1],f=m(t.useState(!1),2),l=f[0],d=f[1],g=t.useRef({timer:null}),p=function(e){var t=e.clientX,r=e.clientY,o=n,i=o.x,a=o.y;c("translate(".concat(t-(i||0),"px, ").concat(r-(a||0),"px)"))},v=function(e){clearTimeout(g.current.timer),p(e),g.current.timer=setTimeout((function(){d(!0),g.current.timer=null}),100)};ae((function(e){switch(e.status){case"start":v(e);break;case"end":clearTimeout(g.current.timer),g.current.timer=setTimeout((function(){d(!1),c(""),g.current.timer=null}),100);break;case"move":g.current.timer?p(e):v(e)}}),!!r);var y=t.useMemo((function(){return S(o)?o():i.jsx("div",{style:{width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.5)"}})}),[o]);return a.createPortal(i.jsx("div",{style:{position:"fixed",pointerEvents:"none",left:0,top:0,width:0,height:0,zIndex:1e3},children:o?i.jsx("div",{style:{display:l&&r?"block":"none",position:"absolute",transition:r?"transform linear 0.1s":"",width:null==n?void 0:n.w,height:null==n?void 0:n.h,transform:s},children:y}):i.jsx(i.Fragment,{})}),document.body)},ot=function(){var r=_().status,n=be().setDropStack,a="free"!==r,u=e.useCallbackRef((function(e){var t=ee(e.target,Z.drop).ids;n(t.filter(Boolean))}));return t.useEffect((function(){if(a)return o.addEventListenerMultiple(window,{mouseover:u})}),[a]),i.jsx(i.Fragment,{})},it=function(){var e=Y().onDomEvent,r=Be().emitResize;return t.useEffect((function(){return e("down",(function(e){var t=e.level,n=t.types,o=t.ids,i=t.datas;if(n[0]&Z.resize){var a=o[0],u=i[0];r(a,u)}}))}),[]),i.jsx(i.Fragment,{})},at=function(){var e=Je(),r=e.reset,n=e.emitTapEvent,o=Y().onDomEvent;return t.useEffect((function(){return o("tap",(function(e){var t=e.level,o=t.types,i=t.ids,a=o.findIndex((function(e){return e&Z.select}));if(a<0)r();else{var u=i[a];u&&n(u)}}))}),[]),i.jsx(i.Fragment,{})};exports.BoxProviderWrap=function(e){var t=e.id,r=e.item,n=e.type;return i.jsx(F,{value:{id:t,item:r,type:n},children:e.children})},exports.CoordWrap=function(r){var n=r.children,o=r.onWillChange,a=m(e.useControl(r,[]),2),u=a[0],s=a[1],c=t.useMemo((function(){return We(n,"key")}),[n]),f=function(e,t){if(u){var r=D(u),n=u.findIndex((function(t){return t.i===e}));-1!==n&&(r[n]=y(y({},r[n]),t),null==s||s(r))}};return i.jsx(Oe,{accept:r.accept,className:r.className,style:r.style,onDroped:function(e,t){if(u){var r=D(u),n=u.findIndex((function(t){return t.i===e})),i=!1,a=y({i:e},t);-1===n&&(i=!0,r.push({}),n=r.length-1),r[n]=a;var c=o?o(r,{addIds:i?[a.i]:[],removeIds:[],changeIds:[a.i]}):r;c&&(null==s||s(c))}},children:null==u?void 0:u.map((function(e){var r=c[e.i];return r?i.jsx(Qe,{style:{position:"absolute"},coord:e,id:e.i,onResizing:f.bind(null,e.i),dropDisable:!0,children:r},e.i):i.jsx(t.Fragment,{},e.i)}))})},exports.Drag=Ee,exports.DragBoxWrap=function(e){var t=e.className,r=e.style,n=e.children,o=e.id,a=e.coord,u=e.item,s=h(e,et);return i.jsx(F,{value:{id:o,coord:a,item:u},children:i.jsx(Ee,y(y({style:r,className:t},s),{},{children:n}))})},exports.Drop=Oe,exports.PlainWrap=function(r){var n=r.children,o=r.onWillAdd,a=m(e.useControl(r,[]),2),u=a[0],s=a[1],c=t.useMemo((function(){return We(n,"key")}),[n]),f=function(e,t){if(u){var r=D(u),n=u.findIndex((function(t){return t.i===e})),i=y({i:e},t);-1===n&&(i.i=o?o(e,t):function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:36,t=["a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],r=[],n=0;n<e;n++)r[n]=8===n||13===n||18===n||23===n?"-":t[Math.ceil(Math.random()*t.length-1)];return r.join("")}(),r.push({}),n=r.length-1),r[n]=i,null==s||s(r)}},l=function(e,t){if(u){var r=D(u),n=u.findIndex((function(t){return t.i===e}));-1!==n&&(r[n]=y(y({},r[n]),t),null==s||s(r))}},d=function(e){if(u){var t=e.getDroppingId(),r=e.getDraggingBaseData(),n=r.dragId,o=r.offset,i=u.findIndex((function(e){return e.i===n}));if(-1!==i){var a=u.findIndex((function(e){return e.i===t}));if(-1!==a){var c=D(u),l=c[i];c[i]=c[a],c[a]=l,null==s||s(c)}}else null==f||f(n,{x:0,y:0,w:o.w,h:o.h})}};return i.jsx(Oe,{accept:r.accept,className:r.className,style:r.style,onDroped:f,children:null==u?void 0:u.map((function(e){var r=c[e.i];return r?i.jsx(Qe,{coord:e,id:e.i,onResizing:l.bind(null,e.i),onDroped:d,children:r},e.i):i.jsx(t.Fragment,{},e.i)}))})},exports.ReiseHandle=Se,exports.Resize=function(e){var t=e.children,r=e.style,n=e.pure,o=e.className,a=h(e,Me);return m(Ne(a),1),n?i.jsx(Se,{id:a.id}):i.jsxs("div",{style:y({position:"relative"},r),className:o,children:[i.jsx(Se,{id:a.id}),t]})},exports.ResizeCore=Ae,exports.TransBox=Qe,exports.TransProviderWrap=function(t){var r=e.useRefPro((function(){var e=new ie,t=new ce(e),r=new de(e),n=function(e){var t=e.draggingCore,r=e.droppingCore,n=e.baseCore;return{getBaseMoveData:function(){return n.getBaseData()},getDraggingBaseData:function(){return t.getDraggingData()},getDraggingId:function(){return t.triggers.getter("dragId")||""},getDraggingItem:function(){return t.triggers.getter("item")||{}},getDraggingType:function(){return t.triggers.getter("type")||""},getDraggingOffset:function(){return t.triggers.getter("offset")},getDroppingBaseData:function(){return r.getDropData()},getDroppingId:function(){return r.triggers.getter("dropId")},getDroppingAccept:function(){return r.triggers.getter("accept")||[]},getDroppingItem:function(){return r.triggers.getter("item")},getDroppingStack:function(){return r.triggers.getter("stack")},getDroppingCoord:function(){var e=r.getDropPos();if(e){var n=t.getDraggingData().offset;return{x:e.x-(n.x||0),y:e.y-(n.y||0),w:n.w,h:n.h}}}}}({baseCore:e,droppingCore:r,draggingCore:t});return{baseCore:e,selectCore:new Ge(e),resizeCore:new Ae(e),dragCore:t,dropCore:r,dndMonitor:n}}));return i.jsxs(X,{value:r.current,children:[i.jsx(te,{}),i.jsx(tt,{}),i.jsx(it,{}),i.jsx(rt,{}),i.jsx(at,{}),i.jsx(nt,{}),i.jsx(ot,{}),t.children]})},exports.useResize=Ne,exports.useResizeCore=Be,exports.useResizeInfo=Fe;
1
+ "use strict";var e=require("@cclr/lang"),t=require("@cclr/react"),r=require("react"),n=require("@cclr/emitter"),i=require("@cclr/trigger"),o=require("@cclr/front"),s=require("react/jsx-runtime"),a=require("@cclr/utils"),u=require("react-dom");function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t,r){return t=p(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,m()?Reflect.construct(t,r||[],p(e).constructor):t.apply(e,r))}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t,r){return t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function g(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&D(e,t)}function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(m=function(){return!!e})()}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach(function(t){g(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function b(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function D(e,t){return D=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},D(e,t)}function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,s,a=[],u=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(e,t)||I(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||I(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function I(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}var j=x(t.createCtx({}),2),C=j[0],S=j[1],k=x(t.createCtx({}),2),R=k[0],O=k[1],z=function(){var e=R().baseCore;return{start:e.start,move:e.move,end:e.end,mouseEvent:e.mouseEvent,getData:e.getData,getBaseData:e.getBaseData,reset:e.reset,addUser:e.addUser,onDragMove:e.onDragMove,onStatus:e.onStatus,onDomEvent:e.onDomEvent}},T=function(){var e=z().onStatus,t=x(r.useState({}),2),n=t[0],i=t[1];return r.useEffect(function(){return e(function(e,t){i(t)})},[]),n};var P,F,B="data-trans-box-type",A="data-trans-box-id",N="data-trans-box-data",M=function(e){return e[e.drag=1]="drag",e[e.drop=2]="drop",e[e.resize=4]="resize",e[e.select=8]="select",e[e.stop=64]="stop",e[e.boundary=128]="boundary",e}({}),X=(P=[M.drag,M.drop,M.resize,M.select,M.stop,M.boundary],F=[],function e(t,r){if(t.length&&F.push(t),0!==r.length)for(var n=0;n<r.length;n++)e(t.concat(r[n]),r.slice(0,n))}([],P),F).reduce(function(e,t){var r=t.reduce(function(e,t){return e|t},0);return e[r.toString()]=r,e},{}),Y=function(e){if(e)return e.getAttribute(N)},q=function(e,t){e&&e.setAttribute(A,t.toString())},_=function(e){if(e)return e.getAttribute(A)},L=function(e,t){if(e){var r=e.getAttribute(B)||"",n=(X[r]||0)|t;e.setAttribute(B,n.toString())}},U=function(e){if(e)return X[e.getAttribute(B)||""]},W=function(e,t){for(var r=e,n=[],i=[],o=[];r&&r!==document.body;){var s=U(r);s&&(!t||t&s)&&(n.push(s),i.push(_(r)),o.push(Y(r))),r=r.parentElement}return{types:n,ids:i,datas:o}},H=function(){var e=z(),n=e.start,i=e.move,a=e.end,u=e.reset,c=e.mouseEvent,f=e.getData,l=r.useRef({free:!0,timer:null}),d=function(){clearTimeout(l.current.timer),l.current.timer=null,c("drag")},g=t.useCallbackRef(function(e){var t;if(clearTimeout(l.current.timer),(null==e||null===(t=e.target)||void 0===t?void 0:t.nodeType)===Node.ELEMENT_NODE){l.current.free=!1;var r=W(e.target),i=e.clientX,o=e.clientY;n({startClientX:i,startClientY:o},r),c("down"),l.current.timer=setTimeout(d,120)}}),p=t.useCallbackRef(function(e){if(!l.current.free){var t=e.clientX,r=e.clientY,n=f(),o=t-n.startClientX,s=r-n.startClientY;l.current.timer&&(o>30||s>30)&&d(),i({clientX:t,clientY:r,spaceX:o,spaceY:s})}}),v=t.useCallbackRef(function(e){if(clearTimeout(l.current.timer),!l.current.free){l.current.timer&&(c("tap"),l.current.timer=null);var t=e.clientX,r=e.clientY,n=f(),i=n.startClientX,o=n.startClientY;a({clientX:t,clientY:r,spaceX:t-i,spaceY:r-o})}l.current.free=!0,setTimeout(function(){u()},0)});return r.useEffect(function(){return o.addEventListenerMultiple(window,{mousedown:g,mousemove:p,mouseup:v})},[]),s.jsx(s.Fragment,{})},V=function(){return d(function e(t){l(this,e),g(this,"baseCore",void 0),this.baseCore=t,this.initFreeReset()},[{key:"onFreeReset",value:function(){}},{key:"initFreeReset",value:function(){var e=this;this.baseCore.onStatus(function(t){"free"===t&&e.onFreeReset()})}}])}(),$={status:"free",users:[],position:{startClientX:0,startClientY:0,clientX:0,clientY:0,spaceX:0,spaceY:0},level:{types:[],ids:[],datas:[]},eventType:"free"},G=d(function e(){var t=this;l(this,e),g(this,"triggers",i.dataTriggers($)),g(this,"onDragMove",function(e){return t.triggers.onChange("position",function(){e(t.getData())})}),g(this,"onStatus",function(e){var r;return t.triggers.onChange("status",function(n){r!==n&&(r=n,e(n,t.getBaseData()))})}),g(this,"onDomEvent",function(e,r){return t.triggers.onChange("eventType",function(n){e===n&&r(t.getBaseData())})}),g(this,"getData",function(){return y(y({},t.triggers.getter(["status","users"])),t.triggers.getter("position"))}),g(this,"getBaseData",function(){return t.triggers.getter(["status","users","position","level","eventType"])}),g(this,"reset",function(){t.triggers.setter($)}),g(this,"descroy",function(){t.triggers.destroy()})}),J=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return g(t=f(this,e,[].concat(n)),"start",function(e,r){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"start",level:r})}),g(t,"move",function(e){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"move"})}),g(t,"end",function(e){t.triggers.setter({position:function(t){return y(y({},t),e)},status:"end"})}),g(t,"mouseEvent",function(e){t.triggers.setter({eventType:e})}),g(t,"addUser",function(e){t.triggers.setter({users:function(t){return[].concat(w(t),[e])}})}),t}return v(e,G),d(e)}(),K=function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=z().onDragMove,o=t.useThrottleFn(e,{wait:60}),s=o.run,a=o.fun,u=o.cancel;r.useEffect(function(){if(n)return i(function(e){return"start"===e.status||"free"===e.status||"end"===e.status?(u(),a(e)):s(e)})},[n])},Q={dragId:"",item:void 0,type:"",offset:{x:0,y:0,w:0,h:0},renderFake:!0},Z=function(){function e(){var t;l(this,e);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return g(t=f(this,e,[].concat(o)),"triggers",i.dataTriggers(Q)),g(t,"dragEmitter",new n.Emitter),g(t,"onDragStartEvent",function(e,r){return t.dragEmitter.addListener(e,r)}),g(t,"onDraggingId",function(e){return t.triggers.onChange("dragId",function(){e(t.getDraggingData())})}),g(t,"getDraggingData",function(){return t.triggers.getter(["dragId","item","type","offset","renderFake"])}),g(t,"onFreeReset",function(){t.triggers.setter(Q)}),g(t,"descroy",function(){t.triggers.destroy()}),t}return v(e,V),d(e)}(),ee=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return g(t=f(this,e,[].concat(n)),"setDragData",function(e){t.triggers.getter("dragId")||t.triggers.setter(y(y({},e),{},{renderFake:function(){return e.renderFake}}))}),g(t,"emitDrag",function(e){t.dragEmitter.emit(e,{})}),t}return v(e,Z),d(e)}(),te={stack:[],dropId:"",item:void 0,accept:[],dropPos:void 0},re=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return g(t=f(this,e,[].concat(n)),"triggers",i.dataTriggers(te)),g(t,"onDropStack",function(e){t.triggers.onChange("stack",e)}),g(t,"onDropId",function(e){t.triggers.onChange("dropId",function(){e(t.getDropData())})}),g(t,"getDropStack",function(){return t.triggers.getter("stack")}),g(t,"getDropData",function(){return t.triggers.getter(["dropId","item","accept"])}),g(t,"getDropPos",function(){return t.triggers.getter("dropPos")}),g(t,"getStack",function(){return t.triggers.getter(["stack"])}),g(t,"onFreeReset",function(){t.triggers.setter(te)}),g(t,"descroy",function(){t.triggers.destroy()}),t}return v(e,V),d(e)}(),ne=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return g(t=f(this,e,[].concat(n)),"setDropInfo",function(e){t.triggers.setter(e)}),g(t,"setDropPos",function(e){t.triggers.setter({dropPos:e})}),g(t,"setDropStack",function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.triggers.setter({stack:e})}),t}return v(e,re),d(e)}(),ie=function(e){var t=r.useRef();return e||t},oe=function(){var e=R().dragCore,t=e.setDragData,r=e.getDraggingData;return{dragCore:e,onDragId:e.onDraggingId,onDragStartEvent:e.onDragStartEvent,emitDrag:e.emitDrag,setDragData:t,getDraggingData:r}},se=function(){var e=oe().onDragId,t=x(r.useState({}),2),n=t[0],i=t[1];return r.useEffect(function(){return e(function(e){i(e)})},[]),n},ae=function(){return R().dndMonitor},ue=function(n){var i,o,s,a,u=n.id,c=n.item,f=n.type,l=n.renderFake,d=n.onDragStart,g=n.onDrag,p=n.onDragEnd,v=n.disabled,m=ae(),h=z(),y=h.getData,b=h.addUser,D=oe(),x=D.setDragData,w=D.onDragStartEvent,E=se().dragId,I=E===u,j=ie(n.domRef),C=t.useCallbackRef(function(){var t=y(),r=t.startClientX,n=t.startClientY,i=j.current.getBoundingClientRect(),o=i.left,s=i.top,a=i.width,g=i.height;b("dnd"),x({dragId:u,item:c,type:f,offset:{x:r-o,y:n-s,w:a,h:g},renderFake:e.isFunction(l)?l.bind(null,m):l}),null==d||d(m)});return i=function(e){"end"===e&&(null==p||p(m))},o=I,s=z().onStatus,a=t.useCallbackRef(i),r.useEffect(function(){if(o)return s(a)},[o]),K(function(e){"free"!==e.status&&(null==g||g(m))},I&&!!g),r.useEffect(function(){if(!v)return w(u,C)},[v]),r.useEffect(function(){L(j.current,M.drag),q(j.current,u)},[]),[{id:u,item:c,draggingId:E,isDragging:I},j]},ce=function(){var e=R().dropCore,t=e.setDropInfo,r=e.setDropPos,n=e.setDropStack;return{dropCore:e,getDropData:e.getDropData,setDropInfo:t,setDropPos:r,setDropStack:n,onDropStack:e.onDropStack,onDropId:e.onDropId}},fe=function(e){var n=e.id,i=e.item,o=e.accept,s=e.disabled,a=e.onOver,u=e.onDroped,c=ie(e.domRef),f=ae(),l=function(){var e=ce().onDropStack,t=x(r.useState([]),2),n=t[0],i=t[1];return r.useEffect(function(){return e(function(e){i(e)})},[]),n}(),d=ce(),g=d.setDropInfo,p=d.setDropPos,v=n||t.useUuid(),m=se(),h=m.dragId,y=m.type,b=h&&l[0]===v,D=!(null!=o&&o.length)||(null==o?void 0:o.includes(y||"")),w=function(e){var t,r=(null===(t=c.current)||void 0===t?void 0:t.getBoundingClientRect())||{left:0,top:0},n=r.left,i=r.top;return{x:e.clientX-n,y:e.clientY-i}},E=t.useThrottleFn(function(e){p(w(e)),null==a||a(f)}).run;return r.useEffect(function(){!s&&b&&g({dropId:v,accept:o,item:i})},[b,s]),t.useEventListenerMultiple(c,{mousemove:E,mouseup:function(e){p(w(e)),null==u||u(f)}},!!b&&!s),r.useEffect(function(){L(c.current,M.drop),q(c.current,v)},[]),[{id:v,item:i,accept:o,isOver:b,isAccept:D},c]},le=["className","style","children"],de=r.forwardRef(function(t,n){var i=t.className,a=t.style,u=t.children,c=b(t,le);return r.isValidElement(u)&&e.isString(u.type)?r.cloneElement(u,y(y({},c),{},{ref:n,className:o.classNames(i,u.props.className),style:e.obj.extend(a,u.props.style)})):s.jsx("div",y(y({ref:n},c),{},{style:a,className:i,children:u}))}),ge=["className","style","children"],pe=["id","renderFake"],ve=function(t){var r=t.className,n=t.style,i=t.children,o=b(t,ge),a=C(),u=a.id,c=a.renderFake,f=b(a,pe),l=T().status,d=x(ue(y(y({id:u,renderFake:e.isUndefinedOrNull(c)||c},o),f)),2),g=d[0].isDragging,p={ref:d[1],className:r,style:y(y({},n),{},{cursor:"move"!==l?"grab":void 0,pointerEvents:g?"none":"unset"})};return s.jsx(de,y(y({},p),{},{children:i}))},me=function(e){var t=e.className,r=e.style,n=e.children,i=e.onOver,o=e.onDroped,a=e.item,u=e.accept,c=e.id,f=x(fe({id:c,item:a||{},accept:u||[],onDroped:function(e){if(g){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==o||o(r,t)}}},onOver:function(e){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==i||i(r,t)}}}),2),l=f[0],d=l.isOver,g=l.isAccept,p={ref:f[1],className:t,style:y({boxShadow:d?g?"0 0 4px 1px #1f90fc":"0 0 4px 1px orange":void 0},r)};return s.jsx(de,y(y({},p),{},{children:n}))},he={lt:"nwse-resize",rt:"nesw-resize",lb:"nesw-resize",rb:"nwse-resize",t:"ns-resize",l:"ew-resize",r:"ew-resize",b:"ns-resize"},ye=function(e){var t=e.hidden,n=e.handles,i=e.id;return t?s.jsx(s.Fragment,{}):(n||["lt","l","lb","t","b","rt","r","rb"]).map(function(e){return r.createElement("span",y(y({},g(g(g({},B,M.resize),A,i),N,e)),{},{key:e,style:we[e]}))})},be={position:"absolute",left:0,top:0,transform:"translate(-50%, -50%)",backgroundColor:"green"},De=y(y({},be),{},{width:"20px",height:"20px",borderRadius:"2px"}),xe=y(y({},be),{},{width:"6px",height:"6px"}),we={lt:y(y({},xe),{},{cursor:he.lt}),lb:y(y({},xe),{},{top:"100%",cursor:he.lb}),rt:y(y({},xe),{},{left:"100%",cursor:he.rt}),rb:y(y({},xe),{},{left:"100%",top:"100%",cursor:he.rb}),l:y(y({},De),{},{top:"50%",width:xe.height,cursor:he.l}),r:y(y({},De),{},{left:"100%",top:"50%",width:xe.width,cursor:he.r}),t:y(y({},De),{},{left:"50%",height:xe.height,cursor:he.t}),b:y(y({},De),{},{left:"50%",top:"100%",height:xe.height,cursor:he.b})},Ee={id:"",info:{},startCoord:{x:0,y:0,w:0,h:0}},Ie=function(){function e(){var t;l(this,e);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return g(t=f(this,e,[].concat(o)),"triggers",i.dataTriggers(Ee)),g(t,"resizeEmitter",new n.Emitter),g(t,"onBaseInfo",function(e){return t.triggers.onChange("id",function(){e(t.getBaseInfo())})}),g(t,"onResizeEvent",function(e,r){return t.resizeEmitter.addListener(e,r)}),g(t,"getBaseInfo",function(){return t.triggers.getter(["id","info","handle","startCoord"])}),g(t,"onFreeReset",function(){t.triggers.setter(Ee)}),g(t,"descroy",function(){t.triggers.destroy()}),t}return v(e,V),d(e)}(),je=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return g(t=f(this,e,[].concat(n)),"setBaseInfo",function(e){t.triggers.setter(e)}),g(t,"emitResize",function(e,r){t.resizeEmitter.emit(e,r)}),t}return v(e,Ie),d(e)}(),Ce=function(){var e=R().resizeCore;return{descroy:e.descroy,getBaseInfo:e.getBaseInfo,onBaseInfo:e.onBaseInfo,emitResize:e.emitResize,onResizeEvent:e.onResizeEvent,setBaseInfo:e.setBaseInfo}},Se=function(){var e=Ce().onBaseInfo,t=x(r.useState({}),2),n=t[0],i=t[1];return r.useEffect(function(){return e(i)},[]),n},ke=function(e){var n=e.id,i=e.onResizing,o=e.onResized,s=e.disabled,a=z().addUser,u=Ce(),c=u.setBaseInfo,f=u.onResizeEvent,l=Se(),d=l.id,g=l.handle,p=l.startCoord,v=ie(e.domRef),m=d===n,h=t.useCallbackRef(function(e){var t,r,i;a("resize");var o=(null==v||null===(t=v.current)||void 0===t?void 0:t.getBoundingClientRect())||{width:0,height:0},s=o.width,u=o.height;c({id:n,startCoord:{x:(null===(r=v.current)||void 0===r?void 0:r.offsetLeft)||0,y:(null===(i=v.current)||void 0===i?void 0:i.offsetTop)||0,w:s,h:u},info:{},handle:e})});return r.useEffect(function(){if(!s)return f(n,h)},[s]),K(function(e){if("free"!==e.status){var t=function(e,t,r){var n=y({},e),i=n.h,o=n.w,s=n.x,a=n.y,u=t.spaceX,c=t.spaceY;switch(r){case"lt":n.x=s+u,n.y=a+c,n.w=o-u,n.h=i-c;break;case"rt":n.x=s,n.y=a+c,n.w=o+u,n.h=i-c;break;case"lb":n.x=s+u,n.y=a,n.w=o-u,n.h=i+c;break;case"rb":n.x=s,n.y=a,n.w=o+u,n.h=i+c;break;case"l":n.x=s+u,n.y=a,n.w=o-u,n.h=i;break;case"r":n.x=s,n.y=a,n.w=o+u,n.h=i;break;case"b":n.x=s,n.y=a,n.w=o,n.h=i+c;break;case"t":n.x=s,n.y=a+c,n.w=o,n.h=i-c}return n}(p,e,g);null==i||i(t),"end"===e.status&&(null==o||o(t))}},m&&!!i),[{isResizing:m},{}]},Re=["children","style","pure","className"],Oe=["show","dom"],ze=function(e){var t=e.show,r=e.dom,n=b(e,Oe);return t&&r?u.createPortal(s.jsx("div",{style:{position:"absolute",inset:0},children:s.jsx(ye,y({},n))}),r):s.jsx(s.Fragment,{})},Te={ids:[],infoMap:{}},Pe=function(){function e(){var t;l(this,e);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return g(t=f(this,e,[].concat(o)),"triggers",i.dataTriggers(Te)),g(t,"selectEmitter",new n.Emitter),g(t,"onSelectIds",function(e){return t.triggers.onChange("ids",function(){e(t.getSelectInfo())})}),g(t,"onTapEvent",function(e,r){return t.selectEmitter.addListener(e,r)}),g(t,"getSelectInfo",function(){return t.triggers.getter(["ids","infoMap"])}),g(t,"reset",function(){t.triggers.setter(Te)}),g(t,"descroy",function(){t.triggers.destroy()}),t}return v(e,V),d(e)}(),Fe=function(){function e(){var t;l(this,e);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return g(t=f(this,e,[].concat(n)),"setSelectIds",function(e){t.triggers.setter({ids:e})}),g(t,"emitTapEvent",function(e){t.selectEmitter.emit(e,{})}),t}return v(e,Pe),d(e)}(),Be=function(){var e=R().selectCore,t=e.reset,r=e.setSelectIds,n=e.descroy,i=e.onSelectIds,o=e.getSelectInfo;return{onTapEvent:e.onTapEvent,emitTapEvent:e.emitTapEvent,getSelectInfo:o,setSelectIds:r,onSelectIds:i,reset:t,descroy:n}},Ae=function(e){var t=e.id,n=e.disabled,i=function(){var e=Be(),t=e.onSelectIds,n=e.getSelectInfo,i=x(r.useState(n()),2),o=i[0],s=i[1];return r.useEffect(function(){return t(function(e){s(e)})},[]),o}(),o=i.ids,s=i.infoMap,a=Be(),u=a.onTapEvent,c=a.setSelectIds,f=s[t],l=o.includes(t),d=ie(e.domRef);return r.useEffect(function(){if(!n)return u(t,function(){c([t])})},[n]),r.useEffect(function(){L(null==d?void 0:d.current,M.select),q(null==d?void 0:d.current,t)},[]),[{isSelect:l,selectInfo:f},d]},Ne=function(e){var t=e.id,n=e.coord,i=e.item,o=e.className,a=e.resizeDisable,u=e.dropDisable,c=e.dragDisable,f=e.selectDisable,l=e.onResizing,d=e.onOver,g=e.onDroped,p=T().status,v=x(ue({id:t,renderFake:!0,item:i,disabled:c}),2),m=v[0].isDragging,h=v[1],b=x(Ae({id:t,domRef:h,disabled:f}),1)[0].isSelect;ke({id:t,onResizing:l,domRef:h,disabled:a}),fe({id:t,item:i,domRef:h,onOver:d,onDroped:g,disabled:u});var D=r.useMemo(function(){return{left:n.x,top:n.y,width:n.w,height:n.h,cursor:"move"!==p?"grab":void 0,pointerEvents:m?"none":"unset"}},[n,p,m]),w=r.useMemo(function(){return{boxShadow:b?"0 0 4px 1px #0078d4":void 0}},[b]),E=r.useMemo(function(){return{contain:b?"layout":void 0}},[b]);return s.jsxs(s.Fragment,{children:[s.jsx(ze,{show:b&&!m,id:t,dom:h.current}),s.jsx(de,{ref:h,className:o,style:y(y(y(y({},D),w),E),e.style),children:e.children})]})},Me=["className","style","children","id","coord","item"],Xe=function(){var e=se().dragId,t=Se(),n=t.handle,i=t.id,o=z().getData;return r.useEffect(function(){var t=o().users[0];e&&"dnd"===t?(document.body.style.cursor="grabbing",document.body.style.userSelect="none"):n&&"resize"===t?(document.body.style.cursor=he[n],document.body.style.userSelect="none"):(document.body.style.cursor="",document.body.style.userSelect="")},[e,n,i]),s.jsx(s.Fragment,{})},Ye=function(){var e=z().onDomEvent,t=oe().emitDrag;return r.useEffect(function(){return e("drag",function(e){var r=e.level,n=r.types,i=r.ids;if(!(n[0]&M.resize)){var o=n.findIndex(function(e){return e&M.drag});if(!(o<0)){var s=i[o];s&&t(s)}}})},[]),s.jsx(s.Fragment,{})},qe=function(){var t=se(),n=t.dragId,i=t.offset,o=t.renderFake,a=x(r.useState(""),2),c=a[0],f=a[1],l=x(r.useState(!1),2),d=l[0],g=l[1],p=r.useRef({timer:null}),v=function(e){var t=e.clientX,r=e.clientY,n=i,o=n.x,s=n.y;f("translate(".concat(t-(o||0),"px, ").concat(r-(s||0),"px)"))},m=function(e){clearTimeout(p.current.timer),v(e),p.current.timer=setTimeout(function(){g(!0),p.current.timer=null},100)};K(function(e){switch(e.status){case"start":m(e);break;case"end":clearTimeout(p.current.timer),p.current.timer=setTimeout(function(){g(!1),f(""),p.current.timer=null},100);break;case"move":p.current.timer?v(e):m(e)}},!!n);var h=r.useMemo(function(){return e.isFunction(o)?o():s.jsx("div",{style:{width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.5)"}})},[o]);return u.createPortal(s.jsx("div",{style:{position:"fixed",pointerEvents:"none",left:0,top:0,width:0,height:0,zIndex:1e3},children:o?s.jsx("div",{style:{display:d&&n?"block":"none",position:"absolute",transition:n?"transform linear 0.1s":"",width:null==i?void 0:i.w,height:null==i?void 0:i.h,transform:c},children:h}):s.jsx(s.Fragment,{})}),document.body)},_e=function(){var e=T().status,n=ce().setDropStack,i="free"!==e,a=t.useCallbackRef(function(e){var t=W(e.target,M.drop).ids;n(t.filter(Boolean))});return r.useEffect(function(){if(i)return o.addEventListenerMultiple(window,{mouseover:a})},[i]),s.jsx(s.Fragment,{})},Le=function(){var e=z().onDomEvent,t=Ce().emitResize;return r.useEffect(function(){return e("down",function(e){var r=e.level,n=r.types,i=r.ids,o=r.datas;if(n[0]&M.resize){var s=i[0],a=o[0];t(s,a)}})},[]),s.jsx(s.Fragment,{})},Ue=function(){var e=Be(),t=e.reset,n=e.emitTapEvent,i=z().onDomEvent;return r.useEffect(function(){return i("tap",function(e){var r=e.level,i=r.types,o=r.ids,s=i.findIndex(function(e){return e&M.select});if(s<0)t();else{var a=o[s];a&&n(a)}})},[]),s.jsx(s.Fragment,{})};exports.BoxProviderWrap=function(e){var t=e.id,r=e.item,n=e.type;return s.jsx(S,{value:{id:t,item:r,type:n},children:e.children})},exports.CoordWrap=function(e){var n=e.children,i=e.onWillChange,o=x(t.useControl(e,[]),2),u=o[0],c=o[1],f=r.useMemo(function(){return a.listToMap(n,"key")},[n]),l=function(e,t){if(u){var r=w(u),n=u.findIndex(function(t){return t.i===e});-1!==n&&(r[n]=y(y({},r[n]),t),null==c||c(r))}};return s.jsx(me,{accept:e.accept,className:e.className,style:e.style,onDroped:function(e,t){if(u){var r=w(u),n=u.findIndex(function(t){return t.i===e}),o=!1,s=y({i:e},t);-1===n&&(o=!0,r.push({}),n=r.length-1),r[n]=s;var a=i?i(r,{addIds:o?[s.i]:[],removeIds:[],changeIds:[s.i]}):r;a&&(null==c||c(a))}},children:null==u?void 0:u.map(function(e){var t=f[e.i];return t?s.jsx(Ne,{style:{position:"absolute"},coord:e,id:e.i,onResizing:l.bind(null,e.i),dropDisable:!0,children:t},e.i):s.jsx(r.Fragment,{},e.i)})})},exports.Drag=ve,exports.DragBoxWrap=function(e){var t=e.className,r=e.style,n=e.children,i=e.id,o=e.coord,a=e.item,u=b(e,Me);return s.jsx(S,{value:{id:i,coord:o,item:a},children:s.jsx(ve,y(y({style:r,className:t},u),{},{children:n}))})},exports.Drop=me,exports.PlainWrap=function(e){var n=e.children,i=e.onWillAdd,o=x(t.useControl(e,[]),2),u=o[0],c=o[1],f=r.useMemo(function(){return a.listToMap(n,"key")},[n]),l=function(e,t){if(u){var r=w(u),n=u.findIndex(function(t){return t.i===e}),o=y({i:e},t);-1===n&&(o.i=i?i(e,t):a.uuid(),r.push({}),n=r.length-1),r[n]=o,null==c||c(r)}},d=function(e,t){if(u){var r=w(u),n=u.findIndex(function(t){return t.i===e});-1!==n&&(r[n]=y(y({},r[n]),t),null==c||c(r))}},g=function(e){if(u){var t=e.getDroppingId(),r=e.getDraggingBaseData(),n=r.dragId,i=r.offset,o=u.findIndex(function(e){return e.i===n});if(-1!==o){var s=u.findIndex(function(e){return e.i===t});if(-1!==s){var a=w(u),f=a[o];a[o]=a[s],a[s]=f,null==c||c(a)}}else null==l||l(n,{x:0,y:0,w:i.w,h:i.h})}};return s.jsx(me,{accept:e.accept,className:e.className,style:e.style,onDroped:l,children:null==u?void 0:u.map(function(e){var t=f[e.i];return t?s.jsx(Ne,{coord:e,id:e.i,onResizing:d.bind(null,e.i),onDroped:g,children:t},e.i):s.jsx(r.Fragment,{},e.i)})})},exports.ReiseHandle=ye,exports.Resize=function(e){var t=e.children,r=e.style,n=e.pure,i=e.className,o=b(e,Re);return x(ke(o),1),n?s.jsx(ye,{id:o.id}):s.jsxs("div",{style:y({position:"relative"},r),className:i,children:[s.jsx(ye,{id:o.id}),t]})},exports.ResizeCore=je,exports.TransBox=Ne,exports.TransProviderWrap=function(e){var r=t.useRefPro(function(){var e=new J,t=new ee(e),r=new ne(e),n=function(e){var t=e.draggingCore,r=e.droppingCore,n=e.baseCore;return{getBaseMoveData:function(){return n.getBaseData()},getDraggingBaseData:function(){return t.getDraggingData()},getDraggingId:function(){return t.triggers.getter("dragId")||""},getDraggingItem:function(){return t.triggers.getter("item")||{}},getDraggingType:function(){return t.triggers.getter("type")||""},getDraggingOffset:function(){return t.triggers.getter("offset")},getDroppingBaseData:function(){return r.getDropData()},getDroppingId:function(){return r.triggers.getter("dropId")},getDroppingAccept:function(){return r.triggers.getter("accept")||[]},getDroppingItem:function(){return r.triggers.getter("item")},getDroppingStack:function(){return r.triggers.getter("stack")},getDroppingCoord:function(){var e=r.getDropPos();if(e){var n=t.getDraggingData().offset;return{x:e.x-(n.x||0),y:e.y-(n.y||0),w:n.w,h:n.h}}}}}({baseCore:e,droppingCore:r,draggingCore:t});return{baseCore:e,selectCore:new Fe(e),resizeCore:new je(e),dragCore:t,dropCore:r,dndMonitor:n}});return s.jsxs(O,{value:r.current,children:[s.jsx(H,{}),s.jsx(Xe,{}),s.jsx(Le,{}),s.jsx(Ye,{}),s.jsx(Ue,{}),s.jsx(qe,{}),s.jsx(_e,{}),e.children]})},exports.useResize=ke,exports.useResizeCore=Ce,exports.useResizeInfo=Se;
package/lib/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{createCtx as e,useCallbackRef as t,useThrottleFn as r,useUuid as n,useEventListenerMultiple as o,useControl as i,useRefPro as a}from"@cclr/react";import u,{useState as c,useEffect as s,useRef as f,forwardRef as l,isValidElement as d,createElement as g,useMemo as p,Fragment as v}from"react";import{Emitter as y}from"@cclr/emitter";import{dataTriggers as h}from"@cclr/trigger";import{addEventListenerMultiple as b,classNames as m}from"@cclr/front";import{jsx as D,Fragment as w,jsxs as O}from"react/jsx-runtime";import j,{createPortal as I}from"react-dom";function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function E(e,t,r){return t=P(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,z()?Reflect.construct(t,r||[],P(e).constructor):t.apply(e,r))}function x(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function k(e,t,r){return t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Y(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function C(e,t,r){return(t=Y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){return P=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},P(e)}function A(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&N(e,t)}function z(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(z=function(){return!!e})()}function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function B(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function N(e,t){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},N(e,t)}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}(e,t)||_(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function _(e,t){if(e){if("string"==typeof e)return S(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}Function.prototype.call.bind(Object.prototype.hasOwnProperty);var M=Function.prototype.call.bind(Object.prototype.toString),U={boolean:"boolean",undefined:"undefined",number:"number",string:"string",symbol:"symbol",null:"null","[object Object]":"object","[object Function]":"function","[object RegExp]":"regexp","[object Array]":"array","[object Date]":"date","[object Error]":"error","[object Blob]":"blob","[object File]":"file","[object ArrayBuffer]":"arrayBuffer"};function L(e){return U[typeof e]||U[M(e)]||(e?"object":"null")}function $(e){return function(e){return null===e}(e)||function(e){return void 0===e}(e)}function W(e){return"function"===L(e)}function Z(e){return function(e){return"object"===L(e)}(e)&&Object.getPrototypeOf(e)===Object.prototype}var q={string:"",number:0,boolean:!1,undefined:void 0,null:null,object:{},array:[],function:function(){},regexp:/(?:)/};function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,u=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}(e,t)||J(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e,t){if(e){if("string"==typeof e)return G(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?G(e,t):void 0}}var K=Object.freeze({__proto__:null,extend:function(e,t){var r=e||{};return Z(t)&&Object.keys(t).forEach((function(e){r[e]=t[e]})),r},filter:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:$,r={};return Z(e)&&Object.entries(e).forEach((function(n){var o=H(n,2),i=o[0],a=o[1];t(e[i],i)&&(r[i]=a)})),r},forEach:function(e,t){Object.keys(e).forEach((function(r){t(e[r],r)}))},format:function(e,t){var r,n=Z(e)?e:{},o=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=J(e))){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==t.return||t.return()}finally{if(a)throw o}}}}(t);try{for(o.s();!(r=o.n()).done;){var i=r.value,a=H(i,3),u=a[0],c=a[1],s=a[2];L(n[u])!==c&&(3!==i.length?n[u]=q[c]:n[u]=s)}}catch(e){o.e(e)}finally{o.f()}return n},omit:function(e,t){var r={};return Z(e)&&Object.entries(e).forEach((function(e){var n=H(e,2),o=n[0],i=n[1];t.includes(o)||(r[o]=i)})),r},pick:function(e,t){return t.reduce((function(t,r){return r in e&&(t[r]=e[r]),t}),{})}}),Q=F(e({}),2),V=Q[0],ee=Q[1],te=F(e({}),2),re=te[0],ne=te[1],oe=function(){var e=re().baseCore;return{start:e.start,move:e.move,end:e.end,mouseEvent:e.mouseEvent,getData:e.getData,getBaseData:e.getBaseData,reset:e.reset,addUser:e.addUser,onDragMove:e.onDragMove,onStatus:e.onStatus,onDomEvent:e.onDomEvent}},ie=function(){var e=oe().onStatus,t=F(c({}),2),r=t[0],n=t[1];return s((function(){return e((function(e,t){n(t)}))}),[]),r};var ae,ue,ce="data-trans-box-type",se="data-trans-box-id",fe="data-trans-box-data",le=function(e){return e[e.drag=1]="drag",e[e.drop=2]="drop",e[e.resize=4]="resize",e[e.select=8]="select",e[e.stop=64]="stop",e[e.boundary=128]="boundary",e}({}),de=(ae=[le.drag,le.drop,le.resize,le.select,le.stop,le.boundary],ue=[],function e(t,r){if(t.length&&ue.push(t),0!==r.length)for(var n=0;n<r.length;n++)e(t.concat(r[n]),r.slice(0,n))}([],ae),ue).reduce((function(e,t){var r=t.reduce((function(e,t){return e|t}),0);return e[r.toString()]=r,e}),{}),ge=function(e){if(e)return e.getAttribute(fe)},pe=function(e,t){e&&e.setAttribute(se,t.toString())},ve=function(e){if(e)return e.getAttribute(se)},ye=function(e,t){if(e){var r=e.getAttribute(ce)||"",n=(de[r]||0)|t;e.setAttribute(ce,n.toString())}},he=function(e){if(e)return de[e.getAttribute(ce)||""]},be=function(e,t){for(var r=e,n=[],o=[],i=[];r&&r!==document.body;){var a=he(r);a&&(!t||t&a)&&(n.push(a),o.push(ve(r)),i.push(ge(r))),r=r.parentElement}return{types:n,ids:o,datas:i}},me=function(){var e=oe(),r=e.start,n=e.move,o=e.end,i=e.reset,a=e.mouseEvent,u=e.getData,c=f({free:!0,timer:null}),l=function(){clearTimeout(c.current.timer),c.current.timer=null,a("drag")},d=t((function(e){var t;if(clearTimeout(c.current.timer),(null==e||null===(t=e.target)||void 0===t?void 0:t.nodeType)===Node.ELEMENT_NODE){c.current.free=!1;var n=be(e.target),o=e.clientX,i=e.clientY;r({startClientX:o,startClientY:i},n),a("down"),c.current.timer=setTimeout(l,120)}})),g=t((function(e){if(!c.current.free){var t=e.clientX,r=e.clientY,o=u(),i=t-o.startClientX,a=r-o.startClientY;c.current.timer&&(i>30||a>30)&&l(),n({clientX:t,clientY:r,spaceX:i,spaceY:a})}})),p=t((function(e){if(clearTimeout(c.current.timer),!c.current.free){c.current.timer&&(a("tap"),c.current.timer=null);var t=e.clientX,r=e.clientY,n=u(),s=n.startClientX,f=n.startClientY;o({clientX:t,clientY:r,spaceX:t-s,spaceY:r-f})}c.current.free=!0,setTimeout((function(){i()}),0)}));return s((function(){return b(window,{mousedown:d,mousemove:g,mouseup:p})}),[]),D(w,{})},De=function(){return k((function e(t){x(this,e),C(this,"baseCore",void 0),this.baseCore=t,this.initFreeReset()}),[{key:"onFreeReset",value:function(){}},{key:"initFreeReset",value:function(){var e=this;this.baseCore.onStatus((function(t){"free"===t&&e.onFreeReset()}))}}])}(),we={status:"free",users:[],position:{startClientX:0,startClientY:0,clientX:0,clientY:0,spaceX:0,spaceY:0},level:{types:[],ids:[],datas:[]},eventType:"free"},Oe=k((function e(){var t=this;x(this,e),C(this,"triggers",h(we)),C(this,"onDragMove",(function(e){return t.triggers.onChange("position",(function(){e(t.getData())}))})),C(this,"onStatus",(function(e){var r;return t.triggers.onChange("status",(function(n){r!==n&&(r=n,e(n,t.getBaseData()))}))})),C(this,"onDomEvent",(function(e,r){return t.triggers.onChange("eventType",(function(n){e===n&&r(t.getBaseData())}))})),C(this,"getData",(function(){return T(T({},t.triggers.getter(["status","users"])),t.triggers.getter("position"))})),C(this,"getBaseData",(function(){return t.triggers.getter(["status","users","position","level","eventType"])})),C(this,"reset",(function(){t.triggers.setter(we)})),C(this,"descroy",(function(){t.triggers.destroy()}))})),je=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"start",(function(e,r){t.triggers.setter({position:function(t){return T(T({},t),e)},status:"start",level:r})})),C(t,"move",(function(e){t.triggers.setter({position:function(t){return T(T({},t),e)},status:"move"})})),C(t,"end",(function(e){t.triggers.setter({position:function(t){return T(T({},t),e)},status:"end"})})),C(t,"mouseEvent",(function(e){t.triggers.setter({eventType:e})})),C(t,"addUser",(function(e){t.triggers.setter({users:function(t){return[].concat(X(t),[e])}})})),t}return A(e,Oe),k(e)}(),Ie=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=oe().onDragMove,o=r(e,{wait:60}),i=o.run,a=o.fun,u=o.cancel;s((function(){if(t)return n((function(e){return"start"===e.status||"free"===e.status||"end"===e.status?(u(),a(e)):i(e)}))}),[t])},Se={dragId:"",item:void 0,type:"",offset:{x:0,y:0,w:0,h:0},renderFake:!0},Ee=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"triggers",h(Se)),C(t,"dragEmitter",new y),C(t,"onDragStartEvent",(function(e,r){return t.dragEmitter.addListener(e,r)})),C(t,"onDraggingId",(function(e){return t.triggers.onChange("dragId",(function(){e(t.getDraggingData())}))})),C(t,"getDraggingData",(function(){return t.triggers.getter(["dragId","item","type","offset","renderFake"])})),C(t,"onFreeReset",(function(){t.triggers.setter(Se)})),C(t,"descroy",(function(){t.triggers.destroy()})),t}return A(e,De),k(e)}(),xe=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"setDragData",(function(e){t.triggers.getter("dragId")||t.triggers.setter(T(T({},e),{},{renderFake:function(){return e.renderFake}}))})),C(t,"emitDrag",(function(e){t.dragEmitter.emit(e,{})})),t}return A(e,Ee),k(e)}(),ke={stack:[],dropId:"",item:void 0,accept:[],dropPos:void 0},Ce=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"triggers",h(ke)),C(t,"onDropStack",(function(e){t.triggers.onChange("stack",e)})),C(t,"onDropId",(function(e){t.triggers.onChange("dropId",(function(){e(t.getDropData())}))})),C(t,"getDropStack",(function(){return t.triggers.getter("stack")})),C(t,"getDropData",(function(){return t.triggers.getter(["dropId","item","accept"])})),C(t,"getDropPos",(function(){return t.triggers.getter("dropPos")})),C(t,"getStack",(function(){return t.triggers.getter(["stack"])})),C(t,"onFreeReset",(function(){t.triggers.setter(ke)})),C(t,"descroy",(function(){t.triggers.destroy()})),t}return A(e,De),k(e)}(),Pe=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"setDropInfo",(function(e){t.triggers.setter(e)})),C(t,"setDropPos",(function(e){t.triggers.setter({dropPos:e})})),C(t,"setDropStack",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.triggers.setter({stack:e})})),t}return A(e,Ce),k(e)}(),Ae=function(e){var t=f();return e||t},ze=function(){var e=re().dragCore,t=e.setDragData,r=e.getDraggingData;return{dragCore:e,onDragId:e.onDraggingId,onDragStartEvent:e.onDragStartEvent,emitDrag:e.emitDrag,setDragData:t,getDraggingData:r}},Re=function(){var e=ze().onDragId,t=F(c({}),2),r=t[0],n=t[1];return s((function(){return e((function(e){n(e)}))}),[]),r},Te=function(){return re().dndMonitor},Be=function(e){var r,n,o,i,a=e.id,u=e.item,c=e.type,f=e.renderFake,l=e.onDragStart,d=e.onDrag,g=e.onDragEnd,p=e.disabled,v=Te(),y=oe(),h=y.getData,b=y.addUser,m=ze(),D=m.setDragData,w=m.onDragStartEvent,O=Re().dragId,j=O===a,I=Ae(e.domRef),S=t((function(){var e=h(),t=e.startClientX,r=e.startClientY,n=I.current.getBoundingClientRect(),o=n.left,i=n.top,s=n.width,d=n.height;b("dnd"),D({dragId:a,item:u,type:c,offset:{x:t-o,y:r-i,w:s,h:d},renderFake:W(f)?f.bind(null,v):f}),null==l||l(v)}));return r=function(e){"end"===e&&(null==g||g(v))},n=j,o=oe().onStatus,i=t(r),s((function(){if(n)return o(i)}),[n]),Ie((function(e){"free"!==e.status&&(null==d||d(v))}),j&&!!d),s((function(){if(!p)return w(a,S)}),[p]),s((function(){ye(I.current,le.drag),pe(I.current,a)}),[]),[{id:a,item:u,draggingId:O,isDragging:j},I]},Ne=function(){var e=re().dropCore,t=e.setDropInfo,r=e.setDropPos,n=e.setDropStack;return{dropCore:e,getDropData:e.getDropData,setDropInfo:t,setDropPos:r,setDropStack:n,onDropStack:e.onDropStack,onDropId:e.onDropId}},Fe=function(e){var t=e.id,i=e.item,a=e.accept,u=e.disabled,f=e.onOver,l=e.onDroped,d=Ae(e.domRef),g=Te(),p=function(){var e=Ne().onDropStack,t=F(c([]),2),r=t[0],n=t[1];return s((function(){return e((function(e){n(e)}))}),[]),r}(),v=Ne(),y=v.setDropInfo,h=v.setDropPos,b=t||n(),m=Re(),D=m.dragId,w=m.type,O=D&&p[0]===b,j=!(null!=a&&a.length)||(null==a?void 0:a.includes(w||"")),I=function(e){var t,r=(null===(t=d.current)||void 0===t?void 0:t.getBoundingClientRect())||{left:0,top:0},n=r.left,o=r.top;return{x:e.clientX-n,y:e.clientY-o}},S=r((function(e){h(I(e)),null==f||f(g)})),E=S.run;return s((function(){!u&&O&&y({dropId:b,accept:a,item:i})}),[O,u]),o(d,{mousemove:E,mouseup:function(e){h(I(e)),null==l||l(g)}},!!O&&!u),s((function(){ye(d.current,le.drop),pe(d.current,b)}),[]),[{id:b,item:i,accept:a,isOver:O,isAccept:j},d]},Xe=["className","style","children"],Ye=l((function(e,t){var r=e.className,n=e.style,o=e.children,i=B(e,Xe);return d(o)&&function(e){return"string"===L(e)}(o.type)?u.cloneElement(o,T(T({},i),{},{ref:t,className:m(r,o.props.className),style:K.extend(n,o.props.style)})):D("div",T(T({ref:t},i),{},{style:n,className:r,children:o}))})),_e=["className","style","children"],Me=["id","renderFake"],Ue=function(e){var t=e.className,r=e.style,n=e.children,o=B(e,_e),i=V(),a=i.id,u=i.renderFake,c=B(i,Me),s=ie().status,f=F(Be(T(T({id:a,renderFake:$(u)||u},o),c)),2),l=f[0].isDragging,d=f[1],g=T(T({},r),{},{cursor:"move"!==s?"grab":void 0,pointerEvents:l?"none":"unset"});return D(Ye,T(T({},{ref:d,className:t,style:g}),{},{children:n}))},Le=function(e){var t=e.className,r=e.style,n=e.children,o=e.onOver,i=e.onDroped,a=e.item,u=e.accept,c=e.id,s=F(Fe({id:c,item:a||{},accept:u||[],onDroped:function(e){if(d){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==i||i(r,t)}}},onOver:function(e){var t=e.getDroppingCoord();if(t){var r=e.getDraggingBaseData().dragId;null==o||o(r,t)}}}),2),f=s[0],l=f.isOver,d=f.isAccept,g=s[1],p=T({boxShadow:l?d?"0 0 4px 1px #1f90fc":"0 0 4px 1px orange":void 0},r);return D(Ye,T(T({},{ref:g,className:t,style:p}),{},{children:n}))},$e={lt:"nwse-resize",rt:"nesw-resize",lb:"nesw-resize",rb:"nwse-resize",t:"ns-resize",l:"ew-resize",r:"ew-resize",b:"ns-resize"},We=function(e){var t=e.hidden,r=e.handles,n=e.id;return t?D(w,{}):(r||["lt","l","lb","t","b","rt","r","rb"]).map((function(e){return g("span",T(T({},C(C(C({},ce,le.resize),se,n),fe,e)),{},{key:e,style:He[e]}))}))},Ze={position:"absolute",left:0,top:0,transform:"translate(-50%, -50%)",backgroundColor:"green"},qe=T(T({},Ze),{},{width:"20px",height:"20px",borderRadius:"2px"}),Ge=T(T({},Ze),{},{width:"6px",height:"6px"}),He={lt:T(T({},Ge),{},{cursor:$e.lt}),lb:T(T({},Ge),{},{top:"100%",cursor:$e.lb}),rt:T(T({},Ge),{},{left:"100%",cursor:$e.rt}),rb:T(T({},Ge),{},{left:"100%",top:"100%",cursor:$e.rb}),l:T(T({},qe),{},{top:"50%",width:Ge.height,cursor:$e.l}),r:T(T({},qe),{},{left:"100%",top:"50%",width:Ge.width,cursor:$e.r}),t:T(T({},qe),{},{left:"50%",height:Ge.height,cursor:$e.t}),b:T(T({},qe),{},{left:"50%",top:"100%",height:Ge.height,cursor:$e.b})},Je={id:"",info:{},startCoord:{x:0,y:0,w:0,h:0}},Ke=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"triggers",h(Je)),C(t,"resizeEmitter",new y),C(t,"onBaseInfo",(function(e){return t.triggers.onChange("id",(function(){e(t.getBaseInfo())}))})),C(t,"onResizeEvent",(function(e,r){return t.resizeEmitter.addListener(e,r)})),C(t,"getBaseInfo",(function(){return t.triggers.getter(["id","info","handle","startCoord"])})),C(t,"onFreeReset",(function(){t.triggers.setter(Je)})),C(t,"descroy",(function(){t.triggers.destroy()})),t}return A(e,De),k(e)}(),Qe=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"setBaseInfo",(function(e){t.triggers.setter(e)})),C(t,"emitResize",(function(e,r){t.resizeEmitter.emit(e,r)})),t}return A(e,Ke),k(e)}(),Ve=function(){var e=re().resizeCore;return{descroy:e.descroy,getBaseInfo:e.getBaseInfo,onBaseInfo:e.onBaseInfo,emitResize:e.emitResize,onResizeEvent:e.onResizeEvent,setBaseInfo:e.setBaseInfo}},et=function(){var e=Ve().onBaseInfo,t=F(c({}),2),r=t[0],n=t[1];return s((function(){return e(n)}),[]),r},tt=function(e){var r=e.id,n=e.onResizing,o=e.onResized,i=e.disabled,a=oe().addUser,u=Ve(),c=u.setBaseInfo,f=u.onResizeEvent,l=et(),d=l.id,g=l.handle,p=l.startCoord,v=Ae(e.domRef),y=d===r,h=t((function(e){var t,n,o;a("resize");var i=(null==v||null===(t=v.current)||void 0===t?void 0:t.getBoundingClientRect())||{width:0,height:0},u=i.width,s=i.height;c({id:r,startCoord:{x:(null===(n=v.current)||void 0===n?void 0:n.offsetLeft)||0,y:(null===(o=v.current)||void 0===o?void 0:o.offsetTop)||0,w:u,h:s},info:{},handle:e})}));return s((function(){if(!i)return f(r,h)}),[i]),Ie((function(e){if("free"!==e.status){var t=function(e,t,r){var n=T({},e),o=n.h,i=n.w,a=n.x,u=n.y,c=t.spaceX,s=t.spaceY;switch(r){case"lt":n.x=a+c,n.y=u+s,n.w=i-c,n.h=o-s;break;case"rt":n.x=a,n.y=u+s,n.w=i+c,n.h=o-s;break;case"lb":n.x=a+c,n.y=u,n.w=i-c,n.h=o+s;break;case"rb":n.x=a,n.y=u,n.w=i+c,n.h=o+s;break;case"l":n.x=a+c,n.y=u,n.w=i-c,n.h=o;break;case"r":n.x=a,n.y=u,n.w=i+c,n.h=o;break;case"b":n.x=a,n.y=u,n.w=i,n.h=o+s;break;case"t":n.x=a,n.y=u+s,n.w=i,n.h=o-s}return n}(p,e,g);null==n||n(t),"end"===e.status&&(null==o||o(t))}}),y&&!!n),[{isResizing:y},{}]},rt=["children","style","pure","className"],nt=function(e){var t=e.children,r=e.style,n=e.pure,o=e.className,i=B(e,rt);return F(tt(i),1),n?D(We,{id:i.id}):O("div",{style:T({position:"relative"},r),className:o,children:[D(We,{id:i.id}),t]})};function ot(e,t,r){return(t=ct(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function it(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function at(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?it(Object(r),!0).forEach((function(t){ot(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):it(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ut(e,t){return ut=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ut(e,t)}function ct(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}function st(){st=function(e,t){return new r(e,void 0,t)};var e=RegExp.prototype,t=new WeakMap;function r(e,n,o){var i=RegExp(e,n);return t.set(i,o||t.get(e)),ut(i,r.prototype)}function n(e,r){var n=t.get(r);return Object.keys(n).reduce((function(t,r){var o=n[r];if("number"==typeof o)t[r]=e[o];else{for(var i=0;void 0===e[o[i]]&&i+1<o.length;)i++;t[r]=e[o[i]]}return t}),Object.create(null))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ut(e,t)}(r,RegExp),r.prototype.exec=function(t){var r=e.exec.call(this,t);if(r){r.groups=n(r,this);var o=r.indices;o&&(o.groups=n(o,this))}return r},r.prototype[Symbol.replace]=function(r,o){if("string"==typeof o){var i=t.get(this);return e[Symbol.replace].call(this,r,o.replace(/\$<([^>]+)>/g,(function(e,t){var r=i[t];return"$"+(Array.isArray(r)?r.join("$"):r)})))}if("function"==typeof o){var a=this;return e[Symbol.replace].call(this,r,(function(){var e=arguments;return"object"!=typeof e[e.length-1]&&(e=[].slice.call(e)).push(n(e,a)),o.apply(this,e)}))}return e[Symbol.replace].call(this,r,o)},st.apply(this,arguments)}var ft=function(e,t){return e.reduce((function(e,r){var n=r[t];return at(at({},e),{},ot({},n,r))}),{})};!function(e,t){t&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,ct(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1})}((function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),ot(this,"handler",[])}),[{key:"use",value:function(e,t){return this.handler.push({fulfilled:e,rejected:t}),this.handler.length-1}},{key:"eject",value:function(e){this.handler[e]&&(this.handler[e]=null)}},{key:"clear",value:function(){this.handler=[]}},{key:"forEach",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];!function(e,t,r){if(r)for(var n=e.length-1;n>=0;n--)t(e[n],n,e);else for(var o=0;o<e.length;o++)t(e[o],o,e)}(this.handler,(function(t){t&&e(t)}),t)}},{key:"run",value:function(e){var t=arguments;return new Promise(function(r,n){var o=t.length>1&&void 0!==t[1]&&t[1],i=Promise.resolve(e());return this.forEach((function(e){i=i.then(e.fulfilled,e.rejected)}),o),r(i)}.bind(this))}}]),st(/\?([^#]*)/,{query:1}),st(/#(.*)/,{hash:1}),st(/^(?:[a-zA-Z][a-zA-Zd+-.]*:)?(?:\/\/(?:[^@/?#]*@)?[^/?#]*)?([^?#]*)/,{pathname:1});var lt=["show","dom"],dt=function(e){var t=e.show,r=e.dom,n=B(e,lt);return t&&r?j.createPortal(D("div",{style:{position:"absolute",inset:0},children:D(We,T({},n))}),r):D(w,{})},gt={ids:[],infoMap:{}},pt=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"triggers",h(gt)),C(t,"selectEmitter",new y),C(t,"onSelectIds",(function(e){return t.triggers.onChange("ids",(function(){e(t.getSelectInfo())}))})),C(t,"onTapEvent",(function(e,r){return t.selectEmitter.addListener(e,r)})),C(t,"getSelectInfo",(function(){return t.triggers.getter(["ids","infoMap"])})),C(t,"reset",(function(){t.triggers.setter(gt)})),C(t,"descroy",(function(){t.triggers.destroy()})),t}return A(e,De),k(e)}(),vt=function(){function e(){var t;x(this,e);for(var r=arguments.length,n=new Array(r),o=0;o<r;o++)n[o]=arguments[o];return C(t=E(this,e,[].concat(n)),"setSelectIds",(function(e){t.triggers.setter({ids:e})})),C(t,"emitTapEvent",(function(e){t.selectEmitter.emit(e,{})})),t}return A(e,pt),k(e)}(),yt=function(){var e=re().selectCore,t=e.reset,r=e.setSelectIds,n=e.descroy,o=e.onSelectIds,i=e.getSelectInfo;return{onTapEvent:e.onTapEvent,emitTapEvent:e.emitTapEvent,getSelectInfo:i,setSelectIds:r,onSelectIds:o,reset:t,descroy:n}},ht=function(e){var t=e.id,r=e.disabled,n=function(){var e=yt(),t=e.onSelectIds,r=e.getSelectInfo,n=F(c(r()),2),o=n[0],i=n[1];return s((function(){return t((function(e){i(e)}))}),[]),o}(),o=n.ids,i=n.infoMap,a=yt(),u=a.onTapEvent,f=a.setSelectIds,l=i[t],d=o.includes(t),g=Ae(e.domRef);return s((function(){if(!r)return u(t,(function(){f([t])}))}),[r]),s((function(){ye(null==g?void 0:g.current,le.select),pe(null==g?void 0:g.current,t)}),[]),[{isSelect:d,selectInfo:l},g]},bt=function(e){var t=e.id,r=e.coord,n=e.item,o=e.className,i=e.resizeDisable,a=e.dropDisable,u=e.dragDisable,c=e.selectDisable,s=e.onResizing,f=e.onOver,l=e.onDroped,d=ie().status,g=F(Be({id:t,renderFake:!0,item:n,disabled:u}),2),v=g[0].isDragging,y=g[1],h=F(ht({id:t,domRef:y,disabled:c}),1)[0].isSelect;tt({id:t,onResizing:s,domRef:y,disabled:i}),Fe({id:t,item:n,domRef:y,onOver:f,onDroped:l,disabled:a});var b=p((function(){return{left:r.x,top:r.y,width:r.w,height:r.h,cursor:"move"!==d?"grab":void 0,pointerEvents:v?"none":"unset"}}),[r,d,v]),m=p((function(){return{boxShadow:h?"0 0 4px 1px #0078d4":void 0}}),[h]),j=p((function(){return{contain:h?"layout":void 0}}),[h]);return O(w,{children:[D(dt,{show:h&&!v,id:t,dom:y.current}),D(Ye,{ref:y,className:o,style:T(T(T(T({},b),m),j),e.style),children:e.children})]})},mt=function(e){var t=e.children,r=e.onWillChange,n=F(i(e,[]),2),o=n[0],a=n[1],u=p((function(){return ft(t,"key")}),[t]),c=function(e,t){if(o){var r=X(o),n=o.findIndex((function(t){return t.i===e}));-1!==n&&(r[n]=T(T({},r[n]),t),null==a||a(r))}};return D(Le,{accept:e.accept,className:e.className,style:e.style,onDroped:function(e,t){if(o){var n=X(o),i=o.findIndex((function(t){return t.i===e})),u=!1,c=T({i:e},t);-1===i&&(u=!0,n.push({}),i=n.length-1),n[i]=c;var s=r?r(n,{addIds:u?[c.i]:[],removeIds:[],changeIds:[c.i]}):n;s&&(null==a||a(s))}},children:null==o?void 0:o.map((function(e){var t=u[e.i];return t?D(bt,{style:{position:"absolute"},coord:e,id:e.i,onResizing:c.bind(null,e.i),dropDisable:!0,children:t},e.i):D(v,{},e.i)}))})},Dt=["className","style","children","id","coord","item"],wt=function(e){var t=e.className,r=e.style,n=e.children,o=e.id,i=e.coord,a=e.item,u=B(e,Dt);return D(ee,{value:{id:o,coord:i,item:a},children:D(Ue,T(T({style:r,className:t},u),{},{children:n}))})},Ot=function(e){var t=e.children,r=e.onWillAdd,n=F(i(e,[]),2),o=n[0],a=n[1],u=p((function(){return ft(t,"key")}),[t]),c=function(e,t){if(o){var n=X(o),i=o.findIndex((function(t){return t.i===e})),u=T({i:e},t);-1===i&&(u.i=r?r(e,t):function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:36,t=["a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],r=[],n=0;n<e;n++)r[n]=8===n||13===n||18===n||23===n?"-":t[Math.ceil(Math.random()*t.length-1)];return r.join("")}(),n.push({}),i=n.length-1),n[i]=u,null==a||a(n)}},s=function(e,t){if(o){var r=X(o),n=o.findIndex((function(t){return t.i===e}));-1!==n&&(r[n]=T(T({},r[n]),t),null==a||a(r))}},f=function(e){if(o){var t=e.getDroppingId(),r=e.getDraggingBaseData(),n=r.dragId,i=r.offset,u=o.findIndex((function(e){return e.i===n}));if(-1!==u){var s=o.findIndex((function(e){return e.i===t}));if(-1!==s){var f=X(o),l=f[u];f[u]=f[s],f[s]=l,null==a||a(f)}}else null==c||c(n,{x:0,y:0,w:i.w,h:i.h})}};return D(Le,{accept:e.accept,className:e.className,style:e.style,onDroped:c,children:null==o?void 0:o.map((function(e){var t=u[e.i];return t?D(bt,{coord:e,id:e.i,onResizing:s.bind(null,e.i),onDroped:f,children:t},e.i):D(v,{},e.i)}))})},jt=function(e){var t=e.id,r=e.item,n=e.type;return D(ee,{value:{id:t,item:r,type:n},children:e.children})},It=function(){var e=Re().dragId,t=et(),r=t.handle,n=t.id,o=oe().getData;return s((function(){var t=o().users[0];e&&"dnd"===t?(document.body.style.cursor="grabbing",document.body.style.userSelect="none"):r&&"resize"===t?(document.body.style.cursor=$e[r],document.body.style.userSelect="none"):(document.body.style.cursor="",document.body.style.userSelect="")}),[e,r,n]),D(w,{})},St=function(){var e=oe().onDomEvent,t=ze().emitDrag;return s((function(){return e("drag",(function(e){var r=e.level,n=r.types,o=r.ids;if(!(n[0]&le.resize)){var i=n.findIndex((function(e){return e&le.drag}));if(!(i<0)){var a=o[i];a&&t(a)}}}))}),[]),D(w,{})},Et=function(){var e=Re(),t=e.dragId,r=e.offset,n=e.renderFake,o=F(c(""),2),i=o[0],a=o[1],u=F(c(!1),2),s=u[0],l=u[1],d=f({timer:null}),g=function(e){var t=e.clientX,n=e.clientY,o=r,i=o.x,u=o.y;a("translate(".concat(t-(i||0),"px, ").concat(n-(u||0),"px)"))},v=function(e){clearTimeout(d.current.timer),g(e),d.current.timer=setTimeout((function(){l(!0),d.current.timer=null}),100)};Ie((function(e){switch(e.status){case"start":v(e);break;case"end":clearTimeout(d.current.timer),d.current.timer=setTimeout((function(){l(!1),a(""),d.current.timer=null}),100);break;case"move":d.current.timer?g(e):v(e)}}),!!t);var y=p((function(){return W(n)?n():D("div",{style:{width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.5)"}})}),[n]);return I(D("div",{style:{position:"fixed",pointerEvents:"none",left:0,top:0,width:0,height:0,zIndex:1e3},children:n?D("div",{style:{display:s&&t?"block":"none",position:"absolute",transition:t?"transform linear 0.1s":"",width:null==r?void 0:r.w,height:null==r?void 0:r.h,transform:i},children:y}):D(w,{})}),document.body)},xt=function(){var e=ie().status,r=Ne().setDropStack,n="free"!==e,o=t((function(e){var t=be(e.target,le.drop).ids;r(t.filter(Boolean))}));return s((function(){if(n)return b(window,{mouseover:o})}),[n]),D(w,{})},kt=function(){var e=oe().onDomEvent,t=Ve().emitResize;return s((function(){return e("down",(function(e){var r=e.level,n=r.types,o=r.ids,i=r.datas;if(n[0]&le.resize){var a=o[0],u=i[0];t(a,u)}}))}),[]),D(w,{})},Ct=function(){var e=yt(),t=e.reset,r=e.emitTapEvent,n=oe().onDomEvent;return s((function(){return n("tap",(function(e){var n=e.level,o=n.types,i=n.ids,a=o.findIndex((function(e){return e&le.select}));if(a<0)t();else{var u=i[a];u&&r(u)}}))}),[]),D(w,{})},Pt=function(e){var t=a((function(){var e=new je,t=new xe(e),r=new Pe(e),n=function(e){var t=e.draggingCore,r=e.droppingCore,n=e.baseCore;return{getBaseMoveData:function(){return n.getBaseData()},getDraggingBaseData:function(){return t.getDraggingData()},getDraggingId:function(){return t.triggers.getter("dragId")||""},getDraggingItem:function(){return t.triggers.getter("item")||{}},getDraggingType:function(){return t.triggers.getter("type")||""},getDraggingOffset:function(){return t.triggers.getter("offset")},getDroppingBaseData:function(){return r.getDropData()},getDroppingId:function(){return r.triggers.getter("dropId")},getDroppingAccept:function(){return r.triggers.getter("accept")||[]},getDroppingItem:function(){return r.triggers.getter("item")},getDroppingStack:function(){return r.triggers.getter("stack")},getDroppingCoord:function(){var e=r.getDropPos();if(e){var n=t.getDraggingData().offset;return{x:e.x-(n.x||0),y:e.y-(n.y||0),w:n.w,h:n.h}}}}}({baseCore:e,droppingCore:r,draggingCore:t});return{baseCore:e,selectCore:new vt(e),resizeCore:new Qe(e),dragCore:t,dropCore:r,dndMonitor:n}}));return O(ne,{value:t.current,children:[D(me,{}),D(It,{}),D(kt,{}),D(St,{}),D(Ct,{}),D(Et,{}),D(xt,{}),e.children]})};export{jt as BoxProviderWrap,mt as CoordWrap,Ue as Drag,wt as DragBoxWrap,Le as Drop,Ot as PlainWrap,We as ReiseHandle,nt as Resize,Qe as ResizeCore,bt as TransBox,Pt as TransProviderWrap,tt as useResize,Ve as useResizeCore,et as useResizeInfo};
1
+ import{isFunction as t,isString as e,obj as r,isUndefinedOrNull as n}from"@cclr/lang";import{createCtx as i,useCallbackRef as o,useThrottleFn as a,useUuid as u,useEventListenerMultiple as s,useControl as c,useRefPro as f}from"@cclr/react";import l,{useState as d,useEffect as g,useRef as p,forwardRef as v,isValidElement as m,createElement as h,useMemo as y,Fragment as b}from"react";import{Emitter as D}from"@cclr/emitter";import{dataTriggers as w}from"@cclr/trigger";import{addEventListenerMultiple as I,classNames as S}from"@cclr/front";import{jsx as x,Fragment as E,jsxs as C}from"react/jsx-runtime";import{listToMap as O,uuid as k}from"@cclr/utils";import z,{createPortal as R}from"react-dom";function j(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function P(t,e,r){return e=N(e),function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,X()?Reflect.construct(e,r||[],N(t).constructor):e.apply(t,r))}function T(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function B(t,e,r){return e&&function(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,$(n.key),n)}}(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function A(t,e,r){return(e=$(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function N(t){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},N(t)}function F(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&U(t,e)}function X(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(X=function(){return!!t})()}function Y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function M(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Y(Object(r),!0).forEach(function(e){A(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Y(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _(t,e){if(null==t)return{};var r,n,i=function(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;r[n]=t[n]}return r}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],-1===e.indexOf(r)&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function U(t,e){return U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},U(t,e)}function L(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,a,u=[],s=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);s=!0);}catch(t){c=!0,i=t}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw i}}return u}}(t,e)||q(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function W(t){return function(t){if(Array.isArray(t))return j(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||q(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function q(t,e){if(t){if("string"==typeof t)return j(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(t,e):void 0}}var G=L(i({}),2),H=G[0],J=G[1],K=L(i({}),2),Q=K[0],V=K[1],Z=function(){var t=Q().baseCore;return{start:t.start,move:t.move,end:t.end,mouseEvent:t.mouseEvent,getData:t.getData,getBaseData:t.getBaseData,reset:t.reset,addUser:t.addUser,onDragMove:t.onDragMove,onStatus:t.onStatus,onDomEvent:t.onDomEvent}},tt=function(){var t=Z().onStatus,e=L(d({}),2),r=e[0],n=e[1];return g(function(){return t(function(t,e){n(e)})},[]),r};var et,rt,nt="data-trans-box-type",it="data-trans-box-id",ot="data-trans-box-data",at=function(t){return t[t.drag=1]="drag",t[t.drop=2]="drop",t[t.resize=4]="resize",t[t.select=8]="select",t[t.stop=64]="stop",t[t.boundary=128]="boundary",t}({}),ut=(et=[at.drag,at.drop,at.resize,at.select,at.stop,at.boundary],rt=[],function t(e,r){if(e.length&&rt.push(e),0!==r.length)for(var n=0;n<r.length;n++)t(e.concat(r[n]),r.slice(0,n))}([],et),rt).reduce(function(t,e){var r=e.reduce(function(t,e){return t|e},0);return t[r.toString()]=r,t},{}),st=function(t){if(t)return t.getAttribute(ot)},ct=function(t,e){t&&t.setAttribute(it,e.toString())},ft=function(t){if(t)return t.getAttribute(it)},lt=function(t,e){if(t){var r=t.getAttribute(nt)||"",n=(ut[r]||0)|e;t.setAttribute(nt,n.toString())}},dt=function(t){if(t)return ut[t.getAttribute(nt)||""]},gt=function(t,e){for(var r=t,n=[],i=[],o=[];r&&r!==document.body;){var a=dt(r);a&&(!e||e&a)&&(n.push(a),i.push(ft(r)),o.push(st(r))),r=r.parentElement}return{types:n,ids:i,datas:o}},pt=function(){var t=Z(),e=t.start,r=t.move,n=t.end,i=t.reset,a=t.mouseEvent,u=t.getData,s=p({free:!0,timer:null}),c=function(){clearTimeout(s.current.timer),s.current.timer=null,a("drag")},f=o(function(t){var r;if(clearTimeout(s.current.timer),(null==t||null===(r=t.target)||void 0===r?void 0:r.nodeType)===Node.ELEMENT_NODE){s.current.free=!1;var n=gt(t.target),i=t.clientX,o=t.clientY;e({startClientX:i,startClientY:o},n),a("down"),s.current.timer=setTimeout(c,120)}}),l=o(function(t){if(!s.current.free){var e=t.clientX,n=t.clientY,i=u(),o=e-i.startClientX,a=n-i.startClientY;s.current.timer&&(o>30||a>30)&&c(),r({clientX:e,clientY:n,spaceX:o,spaceY:a})}}),d=o(function(t){if(clearTimeout(s.current.timer),!s.current.free){s.current.timer&&(a("tap"),s.current.timer=null);var e=t.clientX,r=t.clientY,o=u(),c=o.startClientX,f=o.startClientY;n({clientX:e,clientY:r,spaceX:e-c,spaceY:r-f})}s.current.free=!0,setTimeout(function(){i()},0)});return g(function(){return I(window,{mousedown:f,mousemove:l,mouseup:d})},[]),x(E,{})},vt=function(){return B(function t(e){T(this,t),A(this,"baseCore",void 0),this.baseCore=e,this.initFreeReset()},[{key:"onFreeReset",value:function(){}},{key:"initFreeReset",value:function(){var t=this;this.baseCore.onStatus(function(e){"free"===e&&t.onFreeReset()})}}])}(),mt={status:"free",users:[],position:{startClientX:0,startClientY:0,clientX:0,clientY:0,spaceX:0,spaceY:0},level:{types:[],ids:[],datas:[]},eventType:"free"},ht=B(function t(){var e=this;T(this,t),A(this,"triggers",w(mt)),A(this,"onDragMove",function(t){return e.triggers.onChange("position",function(){t(e.getData())})}),A(this,"onStatus",function(t){var r;return e.triggers.onChange("status",function(n){r!==n&&(r=n,t(n,e.getBaseData()))})}),A(this,"onDomEvent",function(t,r){return e.triggers.onChange("eventType",function(n){t===n&&r(e.getBaseData())})}),A(this,"getData",function(){return M(M({},e.triggers.getter(["status","users"])),e.triggers.getter("position"))}),A(this,"getBaseData",function(){return e.triggers.getter(["status","users","position","level","eventType"])}),A(this,"reset",function(){e.triggers.setter(mt)}),A(this,"descroy",function(){e.triggers.destroy()})}),yt=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"start",function(t,r){e.triggers.setter({position:function(e){return M(M({},e),t)},status:"start",level:r})}),A(e,"move",function(t){e.triggers.setter({position:function(e){return M(M({},e),t)},status:"move"})}),A(e,"end",function(t){e.triggers.setter({position:function(e){return M(M({},e),t)},status:"end"})}),A(e,"mouseEvent",function(t){e.triggers.setter({eventType:t})}),A(e,"addUser",function(t){e.triggers.setter({users:function(e){return[].concat(W(e),[t])}})}),e}return F(t,ht),B(t)}(),bt=function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=Z().onDragMove,n=a(t,{wait:60}),i=n.run,o=n.fun,u=n.cancel;g(function(){if(e)return r(function(t){return"start"===t.status||"free"===t.status||"end"===t.status?(u(),o(t)):i(t)})},[e])},Dt={dragId:"",item:void 0,type:"",offset:{x:0,y:0,w:0,h:0},renderFake:!0},wt=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"triggers",w(Dt)),A(e,"dragEmitter",new D),A(e,"onDragStartEvent",function(t,r){return e.dragEmitter.addListener(t,r)}),A(e,"onDraggingId",function(t){return e.triggers.onChange("dragId",function(){t(e.getDraggingData())})}),A(e,"getDraggingData",function(){return e.triggers.getter(["dragId","item","type","offset","renderFake"])}),A(e,"onFreeReset",function(){e.triggers.setter(Dt)}),A(e,"descroy",function(){e.triggers.destroy()}),e}return F(t,vt),B(t)}(),It=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"setDragData",function(t){e.triggers.getter("dragId")||e.triggers.setter(M(M({},t),{},{renderFake:function(){return t.renderFake}}))}),A(e,"emitDrag",function(t){e.dragEmitter.emit(t,{})}),e}return F(t,wt),B(t)}(),St={stack:[],dropId:"",item:void 0,accept:[],dropPos:void 0},xt=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"triggers",w(St)),A(e,"onDropStack",function(t){e.triggers.onChange("stack",t)}),A(e,"onDropId",function(t){e.triggers.onChange("dropId",function(){t(e.getDropData())})}),A(e,"getDropStack",function(){return e.triggers.getter("stack")}),A(e,"getDropData",function(){return e.triggers.getter(["dropId","item","accept"])}),A(e,"getDropPos",function(){return e.triggers.getter("dropPos")}),A(e,"getStack",function(){return e.triggers.getter(["stack"])}),A(e,"onFreeReset",function(){e.triggers.setter(St)}),A(e,"descroy",function(){e.triggers.destroy()}),e}return F(t,vt),B(t)}(),Et=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"setDropInfo",function(t){e.triggers.setter(t)}),A(e,"setDropPos",function(t){e.triggers.setter({dropPos:t})}),A(e,"setDropStack",function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.triggers.setter({stack:t})}),e}return F(t,xt),B(t)}(),Ct=function(t){var e=p();return t||e},Ot=function(){var t=Q().dragCore,e=t.setDragData,r=t.getDraggingData;return{dragCore:t,onDragId:t.onDraggingId,onDragStartEvent:t.onDragStartEvent,emitDrag:t.emitDrag,setDragData:e,getDraggingData:r}},kt=function(){var t=Ot().onDragId,e=L(d({}),2),r=e[0],n=e[1];return g(function(){return t(function(t){n(t)})},[]),r},zt=function(){return Q().dndMonitor},Rt=function(e){var r,n,i,a,u=e.id,s=e.item,c=e.type,f=e.renderFake,l=e.onDragStart,d=e.onDrag,p=e.onDragEnd,v=e.disabled,m=zt(),h=Z(),y=h.getData,b=h.addUser,D=Ot(),w=D.setDragData,I=D.onDragStartEvent,S=kt().dragId,x=S===u,E=Ct(e.domRef),C=o(function(){var e=y(),r=e.startClientX,n=e.startClientY,i=E.current.getBoundingClientRect(),o=i.left,a=i.top,d=i.width,g=i.height;b("dnd"),w({dragId:u,item:s,type:c,offset:{x:r-o,y:n-a,w:d,h:g},renderFake:t(f)?f.bind(null,m):f}),null==l||l(m)});return r=function(t){"end"===t&&(null==p||p(m))},n=x,i=Z().onStatus,a=o(r),g(function(){if(n)return i(a)},[n]),bt(function(t){"free"!==t.status&&(null==d||d(m))},x&&!!d),g(function(){if(!v)return I(u,C)},[v]),g(function(){lt(E.current,at.drag),ct(E.current,u)},[]),[{id:u,item:s,draggingId:S,isDragging:x},E]},jt=function(){var t=Q().dropCore,e=t.setDropInfo,r=t.setDropPos,n=t.setDropStack;return{dropCore:t,getDropData:t.getDropData,setDropInfo:e,setDropPos:r,setDropStack:n,onDropStack:t.onDropStack,onDropId:t.onDropId}},Pt=function(t){var e=t.id,r=t.item,n=t.accept,i=t.disabled,o=t.onOver,c=t.onDroped,f=Ct(t.domRef),l=zt(),p=function(){var t=jt().onDropStack,e=L(d([]),2),r=e[0],n=e[1];return g(function(){return t(function(t){n(t)})},[]),r}(),v=jt(),m=v.setDropInfo,h=v.setDropPos,y=e||u(),b=kt(),D=b.dragId,w=b.type,I=D&&p[0]===y,S=!(null!=n&&n.length)||(null==n?void 0:n.includes(w||"")),x=function(t){var e,r=(null===(e=f.current)||void 0===e?void 0:e.getBoundingClientRect())||{left:0,top:0},n=r.left,i=r.top;return{x:t.clientX-n,y:t.clientY-i}},E=a(function(t){h(x(t)),null==o||o(l)}).run;return g(function(){!i&&I&&m({dropId:y,accept:n,item:r})},[I,i]),s(f,{mousemove:E,mouseup:function(t){h(x(t)),null==c||c(l)}},!!I&&!i),g(function(){lt(f.current,at.drop),ct(f.current,y)},[]),[{id:y,item:r,accept:n,isOver:I,isAccept:S},f]},Tt=["className","style","children"],Bt=v(function(t,n){var i=t.className,o=t.style,a=t.children,u=_(t,Tt);return m(a)&&e(a.type)?l.cloneElement(a,M(M({},u),{},{ref:n,className:S(i,a.props.className),style:r.extend(o,a.props.style)})):x("div",M(M({ref:n},u),{},{style:o,className:i,children:a}))}),At=["className","style","children"],Nt=["id","renderFake"],Ft=function(t){var e=t.className,r=t.style,i=t.children,o=_(t,At),a=H(),u=a.id,s=a.renderFake,c=_(a,Nt),f=tt().status,l=L(Rt(M(M({id:u,renderFake:n(s)||s},o),c)),2),d=l[0].isDragging,g=l[1],p=M(M({},r),{},{cursor:"move"!==f?"grab":void 0,pointerEvents:d?"none":"unset"});return x(Bt,M(M({},{ref:g,className:e,style:p}),{},{children:i}))},Xt=function(t){var e=t.className,r=t.style,n=t.children,i=t.onOver,o=t.onDroped,a=t.item,u=t.accept,s=t.id,c=L(Pt({id:s,item:a||{},accept:u||[],onDroped:function(t){if(d){var e=t.getDroppingCoord();if(e){var r=t.getDraggingBaseData().dragId;null==o||o(r,e)}}},onOver:function(t){var e=t.getDroppingCoord();if(e){var r=t.getDraggingBaseData().dragId;null==i||i(r,e)}}}),2),f=c[0],l=f.isOver,d=f.isAccept,g=c[1],p=M({boxShadow:l?d?"0 0 4px 1px #1f90fc":"0 0 4px 1px orange":void 0},r);return x(Bt,M(M({},{ref:g,className:e,style:p}),{},{children:n}))},Yt={lt:"nwse-resize",rt:"nesw-resize",lb:"nesw-resize",rb:"nwse-resize",t:"ns-resize",l:"ew-resize",r:"ew-resize",b:"ns-resize"},Mt=function(t){var e=t.hidden,r=t.handles,n=t.id;return e?x(E,{}):(r||["lt","l","lb","t","b","rt","r","rb"]).map(function(t){return h("span",M(M({},A(A(A({},nt,at.resize),it,n),ot,t)),{},{key:t,style:Wt[t]}))})},_t={position:"absolute",left:0,top:0,transform:"translate(-50%, -50%)",backgroundColor:"green"},Ut=M(M({},_t),{},{width:"20px",height:"20px",borderRadius:"2px"}),Lt=M(M({},_t),{},{width:"6px",height:"6px"}),Wt={lt:M(M({},Lt),{},{cursor:Yt.lt}),lb:M(M({},Lt),{},{top:"100%",cursor:Yt.lb}),rt:M(M({},Lt),{},{left:"100%",cursor:Yt.rt}),rb:M(M({},Lt),{},{left:"100%",top:"100%",cursor:Yt.rb}),l:M(M({},Ut),{},{top:"50%",width:Lt.height,cursor:Yt.l}),r:M(M({},Ut),{},{left:"100%",top:"50%",width:Lt.width,cursor:Yt.r}),t:M(M({},Ut),{},{left:"50%",height:Lt.height,cursor:Yt.t}),b:M(M({},Ut),{},{left:"50%",top:"100%",height:Lt.height,cursor:Yt.b})},$t={id:"",info:{},startCoord:{x:0,y:0,w:0,h:0}},qt=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"triggers",w($t)),A(e,"resizeEmitter",new D),A(e,"onBaseInfo",function(t){return e.triggers.onChange("id",function(){t(e.getBaseInfo())})}),A(e,"onResizeEvent",function(t,r){return e.resizeEmitter.addListener(t,r)}),A(e,"getBaseInfo",function(){return e.triggers.getter(["id","info","handle","startCoord"])}),A(e,"onFreeReset",function(){e.triggers.setter($t)}),A(e,"descroy",function(){e.triggers.destroy()}),e}return F(t,vt),B(t)}(),Gt=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"setBaseInfo",function(t){e.triggers.setter(t)}),A(e,"emitResize",function(t,r){e.resizeEmitter.emit(t,r)}),e}return F(t,qt),B(t)}(),Ht=function(){var t=Q().resizeCore;return{descroy:t.descroy,getBaseInfo:t.getBaseInfo,onBaseInfo:t.onBaseInfo,emitResize:t.emitResize,onResizeEvent:t.onResizeEvent,setBaseInfo:t.setBaseInfo}},Jt=function(){var t=Ht().onBaseInfo,e=L(d({}),2),r=e[0],n=e[1];return g(function(){return t(n)},[]),r},Kt=function(t){var e=t.id,r=t.onResizing,n=t.onResized,i=t.disabled,a=Z().addUser,u=Ht(),s=u.setBaseInfo,c=u.onResizeEvent,f=Jt(),l=f.id,d=f.handle,p=f.startCoord,v=Ct(t.domRef),m=l===e,h=o(function(t){var r,n,i;a("resize");var o=(null==v||null===(r=v.current)||void 0===r?void 0:r.getBoundingClientRect())||{width:0,height:0},u=o.width,c=o.height;s({id:e,startCoord:{x:(null===(n=v.current)||void 0===n?void 0:n.offsetLeft)||0,y:(null===(i=v.current)||void 0===i?void 0:i.offsetTop)||0,w:u,h:c},info:{},handle:t})});return g(function(){if(!i)return c(e,h)},[i]),bt(function(t){if("free"!==t.status){var e=function(t,e,r){var n=M({},t),i=n.h,o=n.w,a=n.x,u=n.y,s=e.spaceX,c=e.spaceY;switch(r){case"lt":n.x=a+s,n.y=u+c,n.w=o-s,n.h=i-c;break;case"rt":n.x=a,n.y=u+c,n.w=o+s,n.h=i-c;break;case"lb":n.x=a+s,n.y=u,n.w=o-s,n.h=i+c;break;case"rb":n.x=a,n.y=u,n.w=o+s,n.h=i+c;break;case"l":n.x=a+s,n.y=u,n.w=o-s,n.h=i;break;case"r":n.x=a,n.y=u,n.w=o+s,n.h=i;break;case"b":n.x=a,n.y=u,n.w=o,n.h=i+c;break;case"t":n.x=a,n.y=u+c,n.w=o,n.h=i-c}return n}(p,t,d);null==r||r(e),"end"===t.status&&(null==n||n(e))}},m&&!!r),[{isResizing:m},{}]},Qt=["children","style","pure","className"],Vt=function(t){var e=t.children,r=t.style,n=t.pure,i=t.className,o=_(t,Qt);return L(Kt(o),1),n?x(Mt,{id:o.id}):C("div",{style:M({position:"relative"},r),className:i,children:[x(Mt,{id:o.id}),e]})},Zt=["show","dom"],te=function(t){var e=t.show,r=t.dom,n=_(t,Zt);return e&&r?z.createPortal(x("div",{style:{position:"absolute",inset:0},children:x(Mt,M({},n))}),r):x(E,{})},ee={ids:[],infoMap:{}},re=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"triggers",w(ee)),A(e,"selectEmitter",new D),A(e,"onSelectIds",function(t){return e.triggers.onChange("ids",function(){t(e.getSelectInfo())})}),A(e,"onTapEvent",function(t,r){return e.selectEmitter.addListener(t,r)}),A(e,"getSelectInfo",function(){return e.triggers.getter(["ids","infoMap"])}),A(e,"reset",function(){e.triggers.setter(ee)}),A(e,"descroy",function(){e.triggers.destroy()}),e}return F(t,vt),B(t)}(),ne=function(){function t(){var e;T(this,t);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return A(e=P(this,t,[].concat(n)),"setSelectIds",function(t){e.triggers.setter({ids:t})}),A(e,"emitTapEvent",function(t){e.selectEmitter.emit(t,{})}),e}return F(t,re),B(t)}(),ie=function(){var t=Q().selectCore,e=t.reset,r=t.setSelectIds,n=t.descroy,i=t.onSelectIds,o=t.getSelectInfo;return{onTapEvent:t.onTapEvent,emitTapEvent:t.emitTapEvent,getSelectInfo:o,setSelectIds:r,onSelectIds:i,reset:e,descroy:n}},oe=function(t){var e=t.id,r=t.disabled,n=function(){var t=ie(),e=t.onSelectIds,r=t.getSelectInfo,n=L(d(r()),2),i=n[0],o=n[1];return g(function(){return e(function(t){o(t)})},[]),i}(),i=n.ids,o=n.infoMap,a=ie(),u=a.onTapEvent,s=a.setSelectIds,c=o[e],f=i.includes(e),l=Ct(t.domRef);return g(function(){if(!r)return u(e,function(){s([e])})},[r]),g(function(){lt(null==l?void 0:l.current,at.select),ct(null==l?void 0:l.current,e)},[]),[{isSelect:f,selectInfo:c},l]},ae=function(t){var e=t.id,r=t.coord,n=t.item,i=t.className,o=t.resizeDisable,a=t.dropDisable,u=t.dragDisable,s=t.selectDisable,c=t.onResizing,f=t.onOver,l=t.onDroped,d=tt().status,g=L(Rt({id:e,renderFake:!0,item:n,disabled:u}),2),p=g[0].isDragging,v=g[1],m=L(oe({id:e,domRef:v,disabled:s}),1)[0].isSelect;Kt({id:e,onResizing:c,domRef:v,disabled:o}),Pt({id:e,item:n,domRef:v,onOver:f,onDroped:l,disabled:a});var h=y(function(){return{left:r.x,top:r.y,width:r.w,height:r.h,cursor:"move"!==d?"grab":void 0,pointerEvents:p?"none":"unset"}},[r,d,p]),b=y(function(){return{boxShadow:m?"0 0 4px 1px #0078d4":void 0}},[m]),D=y(function(){return{contain:m?"layout":void 0}},[m]);return C(E,{children:[x(te,{show:m&&!p,id:e,dom:v.current}),x(Bt,{ref:v,className:i,style:M(M(M(M({},h),b),D),t.style),children:t.children})]})},ue=function(t){var e=t.children,r=t.onWillChange,n=L(c(t,[]),2),i=n[0],o=n[1],a=y(function(){return O(e,"key")},[e]),u=function(t,e){if(i){var r=W(i),n=i.findIndex(function(e){return e.i===t});-1!==n&&(r[n]=M(M({},r[n]),e),null==o||o(r))}};return x(Xt,{accept:t.accept,className:t.className,style:t.style,onDroped:function(t,e){if(i){var n=W(i),a=i.findIndex(function(e){return e.i===t}),u=!1,s=M({i:t},e);-1===a&&(u=!0,n.push({}),a=n.length-1),n[a]=s;var c=r?r(n,{addIds:u?[s.i]:[],removeIds:[],changeIds:[s.i]}):n;c&&(null==o||o(c))}},children:null==i?void 0:i.map(function(t){var e=a[t.i];return e?x(ae,{style:{position:"absolute"},coord:t,id:t.i,onResizing:u.bind(null,t.i),dropDisable:!0,children:e},t.i):x(b,{},t.i)})})},se=["className","style","children","id","coord","item"],ce=function(t){var e=t.className,r=t.style,n=t.children,i=t.id,o=t.coord,a=t.item,u=_(t,se);return x(J,{value:{id:i,coord:o,item:a},children:x(Ft,M(M({style:r,className:e},u),{},{children:n}))})},fe=function(t){var e=t.children,r=t.onWillAdd,n=L(c(t,[]),2),i=n[0],o=n[1],a=y(function(){return O(e,"key")},[e]),u=function(t,e){if(i){var n=W(i),a=i.findIndex(function(e){return e.i===t}),u=M({i:t},e);-1===a&&(u.i=r?r(t,e):k(),n.push({}),a=n.length-1),n[a]=u,null==o||o(n)}},s=function(t,e){if(i){var r=W(i),n=i.findIndex(function(e){return e.i===t});-1!==n&&(r[n]=M(M({},r[n]),e),null==o||o(r))}},f=function(t){if(i){var e=t.getDroppingId(),r=t.getDraggingBaseData(),n=r.dragId,a=r.offset,s=i.findIndex(function(t){return t.i===n});if(-1!==s){var c=i.findIndex(function(t){return t.i===e});if(-1!==c){var f=W(i),l=f[s];f[s]=f[c],f[c]=l,null==o||o(f)}}else null==u||u(n,{x:0,y:0,w:a.w,h:a.h})}};return x(Xt,{accept:t.accept,className:t.className,style:t.style,onDroped:u,children:null==i?void 0:i.map(function(t){var e=a[t.i];return e?x(ae,{coord:t,id:t.i,onResizing:s.bind(null,t.i),onDroped:f,children:e},t.i):x(b,{},t.i)})})},le=function(t){var e=t.id,r=t.item,n=t.type;return x(J,{value:{id:e,item:r,type:n},children:t.children})},de=function(){var t=kt().dragId,e=Jt(),r=e.handle,n=e.id,i=Z().getData;return g(function(){var e=i().users[0];t&&"dnd"===e?(document.body.style.cursor="grabbing",document.body.style.userSelect="none"):r&&"resize"===e?(document.body.style.cursor=Yt[r],document.body.style.userSelect="none"):(document.body.style.cursor="",document.body.style.userSelect="")},[t,r,n]),x(E,{})},ge=function(){var t=Z().onDomEvent,e=Ot().emitDrag;return g(function(){return t("drag",function(t){var r=t.level,n=r.types,i=r.ids;if(!(n[0]&at.resize)){var o=n.findIndex(function(t){return t&at.drag});if(!(o<0)){var a=i[o];a&&e(a)}}})},[]),x(E,{})},pe=function(){var e=kt(),r=e.dragId,n=e.offset,i=e.renderFake,o=L(d(""),2),a=o[0],u=o[1],s=L(d(!1),2),c=s[0],f=s[1],l=p({timer:null}),g=function(t){var e=t.clientX,r=t.clientY,i=n,o=i.x,a=i.y;u("translate(".concat(e-(o||0),"px, ").concat(r-(a||0),"px)"))},v=function(t){clearTimeout(l.current.timer),g(t),l.current.timer=setTimeout(function(){f(!0),l.current.timer=null},100)};bt(function(t){switch(t.status){case"start":v(t);break;case"end":clearTimeout(l.current.timer),l.current.timer=setTimeout(function(){f(!1),u(""),l.current.timer=null},100);break;case"move":l.current.timer?g(t):v(t)}},!!r);var m=y(function(){return t(i)?i():x("div",{style:{width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.5)"}})},[i]);return R(x("div",{style:{position:"fixed",pointerEvents:"none",left:0,top:0,width:0,height:0,zIndex:1e3},children:i?x("div",{style:{display:c&&r?"block":"none",position:"absolute",transition:r?"transform linear 0.1s":"",width:null==n?void 0:n.w,height:null==n?void 0:n.h,transform:a},children:m}):x(E,{})}),document.body)},ve=function(){var t=tt().status,e=jt().setDropStack,r="free"!==t,n=o(function(t){var r=gt(t.target,at.drop).ids;e(r.filter(Boolean))});return g(function(){if(r)return I(window,{mouseover:n})},[r]),x(E,{})},me=function(){var t=Z().onDomEvent,e=Ht().emitResize;return g(function(){return t("down",function(t){var r=t.level,n=r.types,i=r.ids,o=r.datas;if(n[0]&at.resize){var a=i[0],u=o[0];e(a,u)}})},[]),x(E,{})},he=function(){var t=ie(),e=t.reset,r=t.emitTapEvent,n=Z().onDomEvent;return g(function(){return n("tap",function(t){var n=t.level,i=n.types,o=n.ids,a=i.findIndex(function(t){return t&at.select});if(a<0)e();else{var u=o[a];u&&r(u)}})},[]),x(E,{})},ye=function(t){var e=f(function(){var t=new yt,e=new It(t),r=new Et(t),n=function(t){var e=t.draggingCore,r=t.droppingCore,n=t.baseCore;return{getBaseMoveData:function(){return n.getBaseData()},getDraggingBaseData:function(){return e.getDraggingData()},getDraggingId:function(){return e.triggers.getter("dragId")||""},getDraggingItem:function(){return e.triggers.getter("item")||{}},getDraggingType:function(){return e.triggers.getter("type")||""},getDraggingOffset:function(){return e.triggers.getter("offset")},getDroppingBaseData:function(){return r.getDropData()},getDroppingId:function(){return r.triggers.getter("dropId")},getDroppingAccept:function(){return r.triggers.getter("accept")||[]},getDroppingItem:function(){return r.triggers.getter("item")},getDroppingStack:function(){return r.triggers.getter("stack")},getDroppingCoord:function(){var t=r.getDropPos();if(t){var n=e.getDraggingData().offset;return{x:t.x-(n.x||0),y:t.y-(n.y||0),w:n.w,h:n.h}}}}}({baseCore:t,droppingCore:r,draggingCore:e});return{baseCore:t,selectCore:new ne(t),resizeCore:new Gt(t),dragCore:e,dropCore:r,dndMonitor:n}});return C(V,{value:e.current,children:[x(pt,{}),x(de,{}),x(me,{}),x(ge,{}),x(he,{}),x(pe,{}),x(ve,{}),t.children]})};export{le as BoxProviderWrap,ue as CoordWrap,Ft as Drag,ce as DragBoxWrap,Xt as Drop,fe as PlainWrap,Mt as ReiseHandle,Vt as Resize,Gt as ResizeCore,ae as TransBox,ye as TransProviderWrap,Kt as useResize,Ht as useResizeCore,Jt as useResizeInfo};
@@ -418,4 +418,5 @@ declare const BoxProviderWrap: FC<Pick<ICommonUiProps, 'children'> & IBoxCtx>;
418
418
 
419
419
  declare const TransProviderWrap: FC<Pick<ICommonUiProps, 'children'> & {}>;
420
420
 
421
- export { BoxProviderWrap, CoordWrap, Drag, DragBoxWrap, Drop, type IPos$1 as IPos, type IPos as ISize, PlainWrap, ReiseHandle, Resize, ResizeCore, type TDragProps, type TDropProps, type TResizeOpt, TransBox, TransProviderWrap, useResize, useResizeCore, useResizeInfo };
421
+ export { BoxProviderWrap, CoordWrap, Drag, DragBoxWrap, Drop, PlainWrap, ReiseHandle, Resize, ResizeCore, TransBox, TransProviderWrap, useResize, useResizeCore, useResizeInfo };
422
+ export type { IPos$1 as IPos, IPos as ISize, TDragProps, TDropProps, TResizeOpt };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cclr/trans",
3
- "version": "0.1.28",
3
+ "version": "0.1.29",
4
4
  "description": "> TODO: description",
5
5
  "author": "cclr <18843152354@163.com>",
6
6
  "homepage": "",
@@ -23,24 +23,24 @@
23
23
  "scripts": {
24
24
  "test": "vitest",
25
25
  "relese": "npm run test && npm publish",
26
- "build": "ccf build",
26
+ "build": "drr build",
27
27
  "g:test": "vitest run",
28
- "g:build": "ccf build"
28
+ "g:build": "drr build"
29
29
  },
30
- "gitHead": "28145ec7d9bac3bcff8c6d792c72c4da9a4e4f54",
30
+ "gitHead": "1d49762197a47eb6aa9b2bd012fead57e38c7ad1",
31
31
  "dependencies": {
32
- "@cclr/emitter": "0.1.28",
33
- "@cclr/front": "0.1.28",
34
- "@cclr/lang": "0.1.28",
35
- "@cclr/model": "0.1.28",
36
- "@cclr/react": "0.1.28",
37
- "@cclr/react-model": "0.1.28",
38
- "@cclr/trigger": "0.1.28",
39
- "@cclr/utils": "0.1.28"
32
+ "@cclr/emitter": "0.1.29",
33
+ "@cclr/front": "0.1.29",
34
+ "@cclr/lang": "0.1.29",
35
+ "@cclr/model": "0.1.29",
36
+ "@cclr/react": "0.1.29",
37
+ "@cclr/react-model": "0.1.29",
38
+ "@cclr/trigger": "0.1.29",
39
+ "@cclr/utils": "0.1.29"
40
40
  },
41
41
  "devDependencies": {
42
- "@types/react": "^18.3.18",
43
- "@types/react-dom": "^18.3.5",
42
+ "@types/react": "^18.3.26",
43
+ "@types/react-dom": "^18.3.7",
44
44
  "react": "^18.3.1",
45
45
  "react-dom": "^18.3.1"
46
46
  }