@cclr/trans 0.1.24 → 0.1.26
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 +1 -1
- package/lib/esm/index.js +1 -1
- package/package.json +10 -10
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/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,$e,Ze=function(e,t){return e.reduce((function(e,r){var n=r[t];return _e(_e({},e),{},Xe({},n,r))}),{})};We=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),Xe(this,"handler",[])},$e=[{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))}}],$e&&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)}}(We.prototype,$e),Object.defineProperty(We,"prototype",{writable:!1}),Ue(/\?([^#]*)/,{query:1}),Ue(/#(.*)/,{hash:1}),Ue(/^(?:[a-zA-Z][a-zA-Zd+-.]*:)?(?:\/\/(?:[^@/?#]*@)?[^/?#]*)?([^?#]*)/,{pathname:1});var He=["show","dom"],Ve=function(e){var t=e.show,r=e.dom,n=h(e,He);return t&&r?a.createPortal(i.jsx("div",{style:{position:"absolute",inset:0},children:i.jsx(Se,y({},n))}),r):i.jsx(i.Fragment,{})},Ge={ids:[],infoMap:{}},Je=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(Ge)),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(Ge)})),l(t,"descroy",(function(){t.triggers.destroy()})),t}return g(e,re),f(e)}(),Ke=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,Je),f(e)}(),Qe=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}},et=function(e){var r=e.id,n=e.disabled,o=function(){var e=Qe(),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=Qe(),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]},tt=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(et({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(Ve,{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})]})},rt=["className","style","children","id","coord","item"],nt=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,{})},ot=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,{})},it=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)},at=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,{})},ut=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,{})},st=function(){var e=Qe(),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 Ze(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(tt,{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,rt);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 Ze(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(tt,{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=tt,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 Ke(e),resizeCore:new Ae(e),dragCore:t,dropCore:r,dndMonitor:n}}));return i.jsxs(X,{value:r.current,children:[i.jsx(te,{}),i.jsx(nt,{}),i.jsx(ut,{}),i.jsx(ot,{}),i.jsx(st,{}),i.jsx(it,{}),i.jsx(at,{}),t.children]})},exports.useResize=Ne,exports.useResizeCore=Be,exports.useResizeInfo=Fe;
|
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{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,lt,dt=function(e,t){return e.reduce((function(e,r){var n=r[t];return at(at({},e),{},ot({},n,r))}),{})};ft=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),ot(this,"handler",[])},lt=[{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))}}],lt&&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)}}(ft.prototype,lt),Object.defineProperty(ft,"prototype",{writable:!1}),st(/\?([^#]*)/,{query:1}),st(/#(.*)/,{hash:1}),st(/^(?:[a-zA-Z][a-zA-Zd+-.]*:)?(?:\/\/(?:[^@/?#]*@)?[^/?#]*)?([^?#]*)/,{pathname:1});var gt=["show","dom"],pt=function(e){var t=e.show,r=e.dom,n=B(e,gt);return t&&r?j.createPortal(D("div",{style:{position:"absolute",inset:0},children:D(We,T({},n))}),r):D(w,{})},vt={ids:[],infoMap:{}},yt=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(vt)),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(vt)})),C(t,"descroy",(function(){t.triggers.destroy()})),t}return A(e,De),k(e)}(),ht=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,yt),k(e)}(),bt=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}},mt=function(e){var t=e.id,r=e.disabled,n=function(){var e=bt(),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=bt(),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]},Dt=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(mt({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(pt,{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})]})},wt=function(e){var t=e.children,r=e.onWillChange,n=F(i(e,[]),2),o=n[0],a=n[1],u=p((function(){return dt(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(Dt,{style:{position:"absolute"},coord:e,id:e.i,onResizing:c.bind(null,e.i),dropDisable:!0,children:t},e.i):D(v,{},e.i)}))})},Ot=["className","style","children","id","coord","item"],jt=function(e){var t=e.className,r=e.style,n=e.children,o=e.id,i=e.coord,a=e.item,u=B(e,Ot);return D(ee,{value:{id:o,coord:i,item:a},children:D(Ue,T(T({style:r,className:t},u),{},{children:n}))})},It=function(e){var t=e.children,r=e.onWillAdd,n=F(i(e,[]),2),o=n[0],a=n[1],u=p((function(){return dt(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(Dt,{coord:e,id:e.i,onResizing:s.bind(null,e.i),onDroped:f,children:t},e.i):D(v,{},e.i)}))})},St=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})},Et=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,{})},xt=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,{})},kt=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)},Ct=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,{})},Pt=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,{})},At=function(){var e=bt(),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,{})},zt=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 ht(e),resizeCore:new Qe(e),dragCore:t,dropCore:r,dndMonitor:n}}));return O(ne,{value:t.current,children:[D(me,{}),D(Et,{}),D(Pt,{}),D(xt,{}),D(At,{}),D(kt,{}),D(Ct,{}),e.children]})};export{St as BoxProviderWrap,wt as CoordWrap,Ue as Drag,jt as DragBoxWrap,Le as Drop,It as PlainWrap,We as ReiseHandle,nt as Resize,Qe as ResizeCore,Dt as TransBox,zt as TransProviderWrap,tt as useResize,Ve as useResizeCore,et as useResizeInfo};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cclr/trans",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.26",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "cclr <18843152354@163.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"g:test": "vitest run",
|
|
28
28
|
"g:build": "ccf build"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "a643554f19e182f0735f9e3206c64dc497cd3d73",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@cclr/emitter": "0.1.
|
|
33
|
-
"@cclr/front": "0.1.
|
|
34
|
-
"@cclr/lang": "0.1.
|
|
35
|
-
"@cclr/model": "0.1.
|
|
36
|
-
"@cclr/react": "0.1.
|
|
37
|
-
"@cclr/react-model": "0.1.
|
|
38
|
-
"@cclr/trigger": "0.1.
|
|
39
|
-
"@cclr/utils": "0.1.
|
|
32
|
+
"@cclr/emitter": "0.1.26",
|
|
33
|
+
"@cclr/front": "0.1.26",
|
|
34
|
+
"@cclr/lang": "0.1.26",
|
|
35
|
+
"@cclr/model": "0.1.26",
|
|
36
|
+
"@cclr/react": "0.1.26",
|
|
37
|
+
"@cclr/react-model": "0.1.26",
|
|
38
|
+
"@cclr/trigger": "0.1.26",
|
|
39
|
+
"@cclr/utils": "0.1.26"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/react": "^18.3.18",
|