mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-03-23 05:52:25 +00:00
1680 lines
1.4 MiB
1680 lines
1.4 MiB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/editor.main-QEafhHXo.js","assets/chunk-DECur_0Z.js","assets/editor.api2-ANSL-1nn.js","assets/editor-HqbfMp65.css","assets/workers-BjARRDB8.js","assets/monaco.contribution-YXjpJB9r.js","assets/style-B396_y2E.css","assets/tmagic-tdesign-vue-next-adapter-CyfQrwy5.js","assets/_baseUniq-3OHSEbk5.js","assets/omit-CWHfMYSZ.js","assets/tmagic-tdesign-vue-next-adapter-BCf4pubx.css","assets/dist-BXrpjBeE.css","assets/tmagic-element-plus-adapter-B7kgsq2t.js"])))=>i.map(i=>d[i]);
|
||
import'data:text/javascript,if(!import.meta.resolve)throw Error("import.meta.resolve not supported")';export function __vite_legacy_guard(){import(`_`).catch(()=>1),(async function*(){})().next()}import{r as __toESM,t as __commonJSMin}from"./chunk-DECur_0Z.js";import{$ as arrayMap,At as h,Ct as createSlots,Dt as defineComponent,E as get,Et as createVNode,Fn as normalizeProps,Ft as mergeProps,Gt as openBlock,H as baseRest,Ht as onMounted,I as isBuffer,In as normalizeStyle,It as nextTick,Jt as renderSlot,Kt as provide,L as isArguments,Ln as toDisplayString,M as baseKeys,N as isTypedArray,Nt as mergeDefaults,Ot as getCurrentInstance$1,Pn as normalizeClass,Pt as mergeModels,Q as isArray$2,Qt as toHandlers,R as isPrototype,Rt as onBeforeMount,St as createElementBlock,T as baseFlatten,Tt as createTextVNode,Ut as onUnmounted,V as isArrayLike$1,X as isObject$4,Xt as resolveDirective,Yt as resolveComponent,Zt as resolveDynamicComponent,_ as cloneDeep,_n as toRaw,a as merge$1,an as watchEffect,at as createApp,bt as createBlock,c as baseMerge,d as baseForOwn,en as useModel,f as baseIteratee,fn as reactive$1,ft as withModifiers,gn as shallowRef,hn as shallowReactive,ht as Teleport,in as watch,j as keys$1,jt as inject,kt as guardReactiveProps,l as isArrayLikeObject,ln as isRef,lt as vModelText,m as hasPath,mn as ref$1,mt as Fragment,n as set,nn as useTemplateRef,o as isEqual,on as withCtx,pn as readonly,qt as renderList,r as pick,rt as Transition,sn as withDirectives,t as baseUniq,u as debounce$1,un as markRaw,ut as vShow,vt as computed$1,wt as createStaticVNode,xn as unref,xt as createCommentVNode,y as _getTag_default,yt as createBaseVNode,z as createAssigner,zt as onBeforeUnmount}from"./_baseUniq-3OHSEbk5.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function WorkerWrapper$5(e){return new Worker(`/tmagic-editor/playground/assets/editor.worker-C4Ln2gc_.js`,{name:e?.name})}function WorkerWrapper$4(e){return new Worker(`/tmagic-editor/playground/assets/css.worker-Cd5h-ZOL.js`,{name:e?.name})}function WorkerWrapper$3(e){return new Worker(`/tmagic-editor/playground/assets/html.worker-BjVEKLoU.js`,{name:e?.name})}function WorkerWrapper$2(e){return new Worker(`/tmagic-editor/playground/assets/json.worker-DqU5Wxnl.js`,{name:e?.name})}function WorkerWrapper$1(e){return new Worker(`/tmagic-editor/playground/assets/ts.worker-DyPAEIuH.js`,{name:e?.name})}var top=`top`,bottom=`bottom`,right=`right`,left=`left`,auto=`auto`,basePlacements=[`top`,bottom,right,left],start=`start`,end=`end`,clippingParents=`clippingParents`,viewport=`viewport`,popper=`popper`,reference=`reference`,variationPlacements=basePlacements.reduce(function(e,t){return e.concat([t+`-`+start,t+`-end`])},[]),placements=[].concat(basePlacements,[auto]).reduce(function(e,t){return e.concat([t,t+`-`+start,t+`-end`])},[]),beforeRead=`beforeRead`,read=`read`,afterRead=`afterRead`,beforeMain=`beforeMain`,main=`main`,afterMain=`afterMain`,beforeWrite=`beforeWrite`,write=`write`,afterWrite=`afterWrite`,modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(e){return e?(e.nodeName||``).toLowerCase():null}function getWindow$1(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function isElement(e){return e instanceof getWindow$1(e).Element||e instanceof Element}function isHTMLElement(e){return e instanceof getWindow$1(e).HTMLElement||e instanceof HTMLElement}function isShadowRoot(e){return typeof ShadowRoot>`u`?!1:e instanceof getWindow$1(e).ShadowRoot||e instanceof ShadowRoot}function applyStyles(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!isHTMLElement(i)||!getNodeName(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function effect$2(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!isHTMLElement(r)||!getNodeName(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}var applyStyles_default={name:`applyStyles`,enabled:!0,phase:`write`,fn:applyStyles,effect:effect$2,requires:[`computeStyles`]};function getBasePlacement(e){return e.split(`-`)[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&isHTMLElement(e)&&(i=e.offsetWidth>0&&round(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&round(r.height)/e.offsetHeight||1);var o=(isElement(e)?getWindow$1(e):window).visualViewport,s=!isLayoutViewport()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function getLayoutRect(e){var t=getBoundingClientRect(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function contains(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&isShadowRoot(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function getComputedStyle$2(e){return getWindow$1(e).getComputedStyle(e)}function isTableElement(e){return[`table`,`td`,`th`].indexOf(getNodeName(e))>=0}function getDocumentElement$1(e){return((isElement(e)?e.ownerDocument:e.document)||window.document).documentElement}function getParentNode(e){return getNodeName(e)===`html`?e:e.assignedSlot||e.parentNode||(isShadowRoot(e)?e.host:null)||getDocumentElement$1(e)}function getTrueOffsetParent(e){return!isHTMLElement(e)||getComputedStyle$2(e).position===`fixed`?null:e.offsetParent}function getContainingBlock(e){var t=/firefox/i.test(getUAString());if(/Trident/i.test(getUAString())&&isHTMLElement(e)&&getComputedStyle$2(e).position===`fixed`)return null;var n=getParentNode(e);for(isShadowRoot(n)&&(n=n.host);isHTMLElement(n)&&[`html`,`body`].indexOf(getNodeName(n))<0;){var r=getComputedStyle$2(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function getOffsetParent(e){for(var t=getWindow$1(e),n=getTrueOffsetParent(e);n&&isTableElement(n)&&getComputedStyle$2(n).position===`static`;)n=getTrueOffsetParent(n);return n&&(getNodeName(n)===`html`||getNodeName(n)===`body`&&getComputedStyle$2(n).position===`static`)?t:n||getContainingBlock(e)||t}function getMainAxisFromPlacement(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function within(e,t,n){return max(e,min(t,n))}function withinMaxClamp(e,t,n){var r=within(e,t,n);return r>n?n:r}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(e){return Object.assign({},getFreshSideObject(),e)}function expandToHashMap(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}var toPaddingObject=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,mergePaddingObject(typeof e==`number`?expandToHashMap(e,basePlacements):e)};function arrow(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=getBasePlacement(n.placement),c=getMainAxisFromPlacement(s),l=[`left`,`right`].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=toPaddingObject(i.padding,n),d=getLayoutRect(a),f=c===`y`?`top`:left,p=c===`y`?bottom:right,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],g=o[c]-n.rects.reference[c],_=getOffsetParent(a),v=_?c===`y`?_.clientHeight||0:_.clientWidth||0:0,y=m/2-g/2,b=u[f],x=v-d[l]-u[p],S=v/2-d[l]/2+y,C=within(b,S,x),w=c;n.modifiersData[r]=(t={},t[w]=C,t.centerOffset=C-S,t)}}function effect$1(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||contains(t.elements.popper,r)&&(t.elements.arrow=r))}var arrow_default={name:`arrow`,enabled:!0,phase:`main`,fn:arrow,effect:effect$1,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]};function getVariation(e){return e.split(`-`)[1]}var unsetSides={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`};function roundOffsetsByDPR(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:round(n*i)/i||0,y:round(r*i)/i||0}}function mapToStyles(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,g=m===void 0?0:m,_=typeof u==`function`?u({x:p,y:g}):{x:p,y:g};p=_.x,g=_.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=left,x=`top`,S=window;if(l){var C=getOffsetParent(n),w=`clientHeight`,T=`clientWidth`;if(C===getWindow$1(n)&&(C=getDocumentElement$1(n),getComputedStyle$2(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===`top`||(i===`left`||i===`right`)&&a===`end`){x=bottom;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];g-=E-r.height,g*=c?1:-1}if(i===`left`||(i===`top`||i===`bottom`)&&a===`end`){b=right;var D=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=D-r.width,p*=c?1:-1}}var O=Object.assign({position:s},l&&unsetSides),k=u===!0?roundOffsetsByDPR({x:p,y:g},getWindow$1(n)):{x:p,y:g};if(p=k.x,g=k.y,c){var A;return Object.assign({},O,(A={},A[x]=y?`0`:``,A[b]=v?`0`:``,A.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+g+`px)`:`translate3d(`+p+`px, `+g+`px, 0)`,A))}return Object.assign({},O,(t={},t[x]=y?g+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function computeStyles(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,a=n.adaptive,o=a===void 0?!0:a,s=n.roundOffsets,c=s===void 0?!0:s,l={placement:getBasePlacement(t.placement),variation:getVariation(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,mapToStyles(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,mapToStyles(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var computeStyles_default={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:computeStyles,data:{}},passive={passive:!0};function effect(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0?!0:i,o=r.resize,s=o===void 0?!0:o,c=getWindow$1(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,passive)}),s&&c.addEventListener(`resize`,n.update,passive),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,passive)}),s&&c.removeEventListener(`resize`,n.update,passive)}}var eventListeners_default={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect,data:{}},hash$2={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,function(e){return hash$2[e]})}var hash$1={start:`end`,end:`start`};function getOppositeVariationPlacement(e){return e.replace(/start|end/g,function(e){return hash$1[e]})}function getWindowScroll(e){var t=getWindow$1(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement$1(e)).left+getWindowScroll(e).scrollLeft}function getViewportRect(e,t){var n=getWindow$1(e),r=getDocumentElement$1(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=isLayoutViewport();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+getWindowScrollBarX(e),y:c}}function getDocumentRect(e){var t,n=getDocumentElement$1(e),r=getWindowScroll(e),i=e.ownerDocument?.body,a=max(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),o=max(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-r.scrollLeft+getWindowScrollBarX(e),c=-r.scrollTop;return getComputedStyle$2(i||n).direction===`rtl`&&(s+=max(n.clientWidth,i?i.clientWidth:0)-a),{width:a,height:o,x:s,y:c}}function isScrollParent(e){var t=getComputedStyle$2(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function getScrollParent$1(e){return[`html`,`body`,`#document`].indexOf(getNodeName(e))>=0?e.ownerDocument.body:isHTMLElement(e)&&isScrollParent(e)?e:getScrollParent$1(getParentNode(e))}function listScrollParents(e,t){var n;t===void 0&&(t=[]);var r=getScrollParent$1(e),i=r===e.ownerDocument?.body,a=getWindow$1(r),o=i?[a].concat(a.visualViewport||[],isScrollParent(r)?r:[]):r,s=t.concat(o);return i?s:s.concat(listScrollParents(getParentNode(o)))}function rectToClientRect(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function getInnerBoundingClientRect(e,t){var n=getBoundingClientRect(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function getClientRectFromMixedType(e,t,n){return t===`viewport`?rectToClientRect(getViewportRect(e,n)):isElement(t)?getInnerBoundingClientRect(t,n):rectToClientRect(getDocumentRect(getDocumentElement$1(e)))}function getClippingParents(e){var t=listScrollParents(getParentNode(e)),n=[`absolute`,`fixed`].indexOf(getComputedStyle$2(e).position)>=0&&isHTMLElement(e)?getOffsetParent(e):e;return isElement(n)?t.filter(function(e){return isElement(e)&&contains(e,n)&&getNodeName(e)!==`body`}):[]}function getClippingRect(e,t,n,r){var i=t===`clippingParents`?getClippingParents(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=getClientRectFromMixedType(e,n,r);return t.top=max(i.top,t.top),t.right=min(i.right,t.right),t.bottom=min(i.bottom,t.bottom),t.left=max(i.left,t.left),t},getClientRectFromMixedType(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function computeOffsets(e){var t=e.reference,n=e.element,r=e.placement,i=r?getBasePlacement(r):null,a=r?getVariation(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case`top`:c={x:o,y:t.y-n.height};break;case bottom:c={x:o,y:t.y+t.height};break;case right:c={x:t.x+t.width,y:s};break;case left:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?getMainAxisFromPlacement(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case start:c[l]=c[l]-(t[u]/2-n[u]/2);break;case`end`:c[l]=c[l]+(t[u]/2-n[u]/2);break;default:}}return c}function detectOverflow(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?clippingParents:s,l=n.rootBoundary,u=l===void 0?viewport:l,d=n.elementContext,f=d===void 0?popper:d,p=n.altBoundary,m=p===void 0?!1:p,g=n.padding,_=g===void 0?0:g,v=mergePaddingObject(typeof _==`number`?expandToHashMap(_,basePlacements):_),y=f===`popper`?reference:popper,b=e.rects.popper,x=e.elements[m?y:f],S=getClippingRect(isElement(x)?x:x.contextElement||getDocumentElement$1(e.elements.popper),c,u,o),C=getBoundingClientRect(e.elements.reference),w=computeOffsets({reference:C,element:b,strategy:`absolute`,placement:i}),T=rectToClientRect(Object.assign({},b,w)),E=f===`popper`?T:C,D={top:S.top-E.top+v.top,bottom:E.bottom-S.bottom+v.bottom,left:S.left-E.left+v.left,right:E.right-S.right+v.right},O=e.modifiersData.offset;if(f===`popper`&&O){var k=O[i];Object.keys(D).forEach(function(e){var t=[`right`,`bottom`].indexOf(e)>=0?1:-1,n=[`top`,`bottom`].indexOf(e)>=0?`y`:`x`;D[e]+=k[n]*t})}return D}function computeAutoPlacement(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?placements:c,u=getVariation(r),d=u?s?variationPlacements:variationPlacements.filter(function(e){return getVariation(e)===u}):basePlacements,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=detectOverflow(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[getBasePlacement(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function getExpandedFallbackPlacements(e){if(getBasePlacement(e)===`auto`)return[];var t=getOppositePlacement(e);return[getOppositeVariationPlacement(e),t,getOppositeVariationPlacement(t)]}function flip(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!0:o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,g=n.allowedAutoPlacements,_=t.options.placement,v=getBasePlacement(_)===_,y=c||(v||!m?[getOppositePlacement(_)]:getExpandedFallbackPlacements(_)),b=[_].concat(y).reduce(function(e,n){return e.concat(getBasePlacement(n)===`auto`?computeAutoPlacement(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:g}):n)},[]),x=t.rects.reference,S=t.rects.popper,C=new Map,w=!0,T=b[0],E=0;E<b.length;E++){var D=b[E],O=getBasePlacement(D),k=getVariation(D)===start,A=[`top`,bottom].indexOf(O)>=0,j=A?`width`:`height`,M=detectOverflow(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?right:left:k?bottom:`top`;x[j]>S[j]&&(N=getOppositePlacement(N));var P=getOppositePlacement(N),F=[];if(a&&F.push(M[O]<=0),s&&F.push(M[N]<=0,M[P]<=0),F.every(function(e){return e})){T=D,w=!1;break}C.set(D,F)}if(w)for(var I=m?3:1,L=function(e){var t=b.find(function(t){var n=C.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},R=I;R>0&&L(R)!==`break`;R--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}var flip_default={name:`flip`,enabled:!0,phase:`main`,fn:flip,requiresIfExists:[`offset`],data:{_skip:!1}};function getSideOffsets(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function isAnySideFullyClipped(e){return[`top`,right,bottom,left].some(function(t){return e[t]>=0})}function hide(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=detectOverflow(t,{elementContext:`reference`}),s=detectOverflow(t,{altBoundary:!0}),c=getSideOffsets(o,r),l=getSideOffsets(s,i,a),u=isAnySideFullyClipped(c),d=isAnySideFullyClipped(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}var hide_default$1={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:hide};function distanceAndSkiddingToXY(e,t,n){var r=getBasePlacement(e),i=[`left`,`top`].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o=o||0,s=(s||0)*i,[`left`,`right`].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function offset(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=placements.reduce(function(e,n){return e[n]=distanceAndSkiddingToXY(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}var offset_default={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:offset};function popperOffsets(e){var t=e.state,n=e.name;t.modifiersData[n]=computeOffsets({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}var popperOffsets_default={name:`popperOffsets`,enabled:!0,phase:`read`,fn:popperOffsets,data:{}};function getAltAxis(e){return e===`x`?`y`:`x`}function preventOverflow(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!1:o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0?!0:f,m=n.tetherOffset,g=m===void 0?0:m,_=detectOverflow(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),v=getBasePlacement(t.placement),y=getVariation(t.placement),b=!y,x=getMainAxisFromPlacement(v),S=getAltAxis(x),C=t.modifiersData.popperOffsets,w=t.rects.reference,T=t.rects.popper,E=typeof g==`function`?g(Object.assign({},t.rects,{placement:t.placement})):g,D=typeof E==`number`?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),O=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,k={x:0,y:0};if(C){if(a){var A,j=x===`y`?`top`:left,M=x===`y`?bottom:right,N=x===`y`?`height`:`width`,P=C[x],F=P+_[j],I=P-_[M],L=p?-T[N]/2:0,R=y===`start`?w[N]:T[N],z=y===`start`?-T[N]:-w[N],B=t.elements.arrow,V=p&&B?getLayoutRect(B):{width:0,height:0},H=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:getFreshSideObject(),U=H[j],W=H[M],G=within(0,w[N],V[N]),K=b?w[N]/2-L-G-U-D.mainAxis:R-G-U-D.mainAxis,q=b?-w[N]/2+L+G+W+D.mainAxis:z+G+W+D.mainAxis,J=t.elements.arrow&&getOffsetParent(t.elements.arrow),ee=J?x===`y`?J.clientTop||0:J.clientLeft||0:0,Y=O?.[x]??0,te=P+K-Y-ee,X=P+q-Y,ne=within(p?min(F,te):F,P,p?max(I,X):I);C[x]=ne,k[x]=ne-P}if(s){var re,Z=x===`x`?`top`:left,Q=x===`x`?bottom:right,ie=C[S],ae=S===`y`?`height`:`width`,oe=ie+_[Z],se=ie-_[Q],ce=[`top`,left].indexOf(v)!==-1,le=O?.[S]??0,ue=ce?oe:ie-w[ae]-T[ae]-le+D.altAxis,de=ce?ie+w[ae]+T[ae]-le-D.altAxis:se,fe=p&&ce?withinMaxClamp(ue,ie,de):within(p?ue:oe,ie,p?de:se);C[S]=fe,k[S]=fe-ie}t.modifiersData[r]=k}}var preventOverflow_default={name:`preventOverflow`,enabled:!0,phase:`main`,fn:preventOverflow,requiresIfExists:[`offset`]};function getHTMLElementScroll(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function getNodeScroll(e){return e===getWindow$1(e)||!isHTMLElement(e)?getWindowScroll(e):getHTMLElementScroll(e)}function isElementScaled(e){var t=e.getBoundingClientRect(),n=round(t.width)/e.offsetWidth||1,r=round(t.height)/e.offsetHeight||1;return n!==1||r!==1}function getCompositeRect(e,t,n){n===void 0&&(n=!1);var r=isHTMLElement(t),i=isHTMLElement(t)&&isElementScaled(t),a=getDocumentElement$1(t),o=getBoundingClientRect(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((getNodeName(t)!==`body`||isScrollParent(a))&&(s=getNodeScroll(t)),isHTMLElement(t)?(c=getBoundingClientRect(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=getWindowScrollBarX(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function order(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function orderModifiers(e){var t=order(e);return modifierPhases.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function debounce(e){var t;return function(){return t||(t=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})})),t}}function mergeByName(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}var DEFAULT_OPTIONS={placement:`bottom`,modifiers:[],strategy:`absolute`};function areValidElements(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function popperGenerator(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?DEFAULT_OPTIONS:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:isElement(e)?listScrollParents(e):e.contextElement?listScrollParents(e.contextElement):[],popper:listScrollParents(t)};var s=orderModifiers(mergeByName([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(areValidElements(t,n)){i.rects={reference:getCompositeRect(t,getOffsetParent(n),i.options.strategy===`fixed`),popper:getLayoutRect(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:debounce(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!areValidElements(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}var defaultModifiers=[eventListeners_default,popperOffsets_default,computeStyles_default,applyStyles_default,offset_default,flip_default,preventOverflow_default,arrow_default,hide_default$1],createPopper=popperGenerator({defaultModifiers}),$MAGIC_DESIGN={},setDesignConfig=e=>{$MAGIC_DESIGN=e},getDesignConfig=e=>$MAGIC_DESIGN[e],_sfc_main$G$1=defineComponent({name:`TMBadge`,__name:`Badge`,props:{value:{},type:{},max:{},isDot:{type:Boolean},hidden:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.badge,r=n?.component||`el-badge`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-badge`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$F$1=defineComponent({name:`TMButton`,__name:`Button`,props:{type:{},size:{},link:{type:Boolean},text:{type:Boolean},circle:{type:Boolean},icon:{},variant:{}},emits:[`click`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.button,i=r?.component||`el-button`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`click`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-button`},a.value,{onClick:s}),createSlots({_:2},[e.$slots.icon?{name:`icon`,fn:withCtx(()=>[renderSlot(e.$slots,`icon`)]),key:`0`}:void 0,e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`1`}:void 0]),1040))}}),_sfc_main$E$1=defineComponent({name:`TMCard`,__name:`Card`,props:{bodyStyle:{},shadow:{},header:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.card,r=n?.component||`el-card`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-card`},i.value),createSlots({_:2},[e.$slots.header?{name:`header`,fn:withCtx(()=>[renderSlot(e.$slots,`header`,{class:`header`})]),key:`0`}:void 0,e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`1`}:void 0]),1040))}}),_sfc_main$D$1=defineComponent({name:`TMCascader`,__name:`Cascader`,props:{modelValue:{},placeholder:{},disabled:{type:Boolean},clearable:{type:Boolean},filterable:{type:Boolean},options:{},size:{},popperClass:{},props:{}},emits:[`change`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.cascader,a=i?.component||`el-cascader`,o=computed$1(()=>i?.props(r)||r),s=ref$1(),c=n,l=e=>{c(`change`,e)},u=e=>{c(`update:modelValue`,e)};return t({setQuery(e){s.value&&(s.value.query=e)},setPreviousQuery(e){s.value&&(s.value.previousQuery=e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({ref_key:`cascader`,ref:s,class:`tmagic-design-cascader`},o.value,{"onUpdate:modelValue":u,onChange:l}),null,16))}}),_sfc_main$C$1=defineComponent({name:`TMCheckbox`,__name:`Checkbox`,props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{},trueValue:{default:void 0},falseValue:{default:void 0},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.checkbox,i=r?.component||`el-checkbox`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-checkbox`},a.value,{"onUpdate:modelValue":c,onChange:s}),createSlots({_:2},[e.$slots.default?{name:`default`,fn:withCtx(()=>[renderSlot(e.$slots,`default`)]),key:`0`}:void 0]),1040))}}),_sfc_main$B$2=defineComponent({name:`TMCheckboxGroup`,__name:`CheckboxGroup`,props:{modelValue:{},label:{},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.checkboxGroup,i=r?.component||`el-checkbox-group`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-checkbox-group`},a.value,{onChange:s,"onUpdate:modelValue":c}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$A$2=defineComponent({name:`TMCol`,__name:`Col`,props:{span:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.col,r=n?.component||`el-col`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-col`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$z$2=defineComponent({name:`TMCollapse`,__name:`Collapse`,props:{modelValue:{},accordion:{type:Boolean}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.collapse,i=r?.component||`el-collapse`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-collapse`},a.value,{"onUpdate:modelValue":c,onChange:s}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$y$2=defineComponent({name:`TMCollapseItem`,__name:`CollapseItem`,props:{name:{},title:{},disabled:{type:Boolean}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.collapseItem,i=r?.component||`el-collapse-item`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-collapse-item`},a.value,{"onUpdate:modelValue":c,onChange:s}),{title:withCtx(()=>[renderSlot(e.$slots,`title`)]),header:withCtx(()=>[renderSlot(e.$slots,`title`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$x$2=defineComponent({name:`TMColorPicker`,__name:`ColorPicker`,props:{modelValue:{},disabled:{type:Boolean,default:!1},showAlpha:{type:Boolean,default:!1},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.colorPicker,i=r?.component||`el-color-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-color-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),_sfc_main$w$2=defineComponent({name:`TMDatePicker`,__name:`DatePicker`,props:{type:{default:`date`},modelValue:{},disabled:{type:Boolean},placeholder:{},rangeSeparator:{},startPlaceholder:{},endPlaceholder:{},format:{},dateFormat:{},timeFormat:{},valueFormat:{},unlinkPanels:{type:Boolean},defaultTime:{},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.datePicker,i=r?.component||`el-date-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-date-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),_sfc_main$v$2=defineComponent({name:`TMDialog`,__name:`Dialog`,props:{modelValue:{type:Boolean},appendToBody:{type:Boolean},beforeClose:{},title:{},width:{},fullscreen:{type:Boolean},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},destroyOnClose:{type:Boolean},showClose:{type:Boolean,default:!0}},emits:[`close`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,i=getDesignConfig(`components`)?.dialog,a=i?.component||`el-dialog`,o=computed$1(()=>i?.props(n)||n),s=(...e)=>{r(`close`,...e)},c=e=>{r(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-dialog`},o.value,{onClose:s,"onUpdate:modelValue":c}),{footer:withCtx(()=>[renderSlot(e.$slots,`footer`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$u$2=defineComponent({name:`TMDivider`,__name:`Divider`,props:{direction:{},borderStyle:{},contentPosition:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.divider,r=n?.component||`el-divider`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-divider`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$s$2=defineComponent({name:`TMDropdown`,__name:`Dropdown`,props:{type:{},size:{},maxHeight:{},splitButton:{type:Boolean},disable:{type:Boolean},placement:{},trigger:{},hideOnClick:{type:Boolean},showTimeout:{},role:{},tabindex:{},popperClass:{},popperOptions:{}},emits:[`command`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.dropdown,i=r?.component||`el-dropdown`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`command`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-dropdown`},a.value,{onCommand:s}),{dropdown:withCtx(()=>[renderSlot(e.$slots,`dropdown`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$r$2=defineComponent({name:`TMDropdownItem`,__name:`DropdownItem`,props:{command:{},disabled:{type:Boolean},divided:{type:Boolean},icon:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.dropdownItem,r=n?.component||`el-dropdown-item`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-dropdown-item`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$q$2=defineComponent({name:`TMDropdownMenu`,__name:`DropdownMenu`,setup(e){let t=getDesignConfig(`components`)?.dropdownMenu?.component||`el-dropdown-menu`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-dropdown-menu`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),_sfc_main$p$2=defineComponent({name:`TMForm`,__name:`Form`,props:{model:{},labelWidth:{},disabled:{type:Boolean},inline:{type:Boolean},labelPosition:{}},setup(e,{expose:t}){let n=e,r=getDesignConfig(`components`)?.form,i=r?.component||`el-form`,a=computed$1(()=>r?.props(n)||n),o=ref$1();return t({validate(){return o.value?.validate()},resetFields(){if(typeof o.value?.resetFields==`function`)return o.value?.resetFields();if(typeof o.value?.reset==`function`)return o.value?.reset()}}),(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:[`tmagic-design-form`,{"tmagic-design-form-inline":e.inline}],ref_key:`form`,ref:o},a.value),{default:withCtx(()=>[renderSlot(t.$slots,`default`)]),_:3},16,[`class`]))}}),_hoisted_1$1$11=[`innerHTML`],_sfc_main$o$2=defineComponent({name:`TMFormItem`,__name:`FormItem`,props:{prop:{},labelWidth:{},rules:{},extra:{},labelPosition:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.formItem,r=n?.component||`el-form-item`,i=getDesignConfig(`adapterType`),a=computed$1(()=>{let{extra:e,...r}=n?.props(t)||t;return r});return(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-form-item`},a.value),{label:withCtx(()=>[renderSlot(t.$slots,`label`)]),default:withCtx(()=>[renderSlot(t.$slots,`default`),unref(i)===`element-plus`&&e.extra?(openBlock(),createElementBlock(`div`,{key:0,innerHTML:e.extra,class:`m-form-tip`},null,8,_hoisted_1$1$11)):createCommentVNode(`v-if`,!0)]),_:3},16))}}),_sfc_main$n$2=defineComponent({name:`TMIcon`,__name:`Icon`,props:{size:{}},setup(e){let t=getDesignConfig(`components`)?.icon,n=t?.component||`el-icon`,r=e,i=computed$1(()=>t?.props(r)||r);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(n)),mergeProps({class:`tmagic-design-icon`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$m$2=defineComponent({name:`TMInput`,__name:`Input`,props:{modelValue:{},clearable:{type:Boolean},disabled:{type:Boolean},placeholder:{},rows:{},type:{},size:{},autosize:{type:[Boolean,Object]}},emits:[`change`,`input`,`blur`,`focus`,`click`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.input,a=i?.component||`el-input`,o=computed$1(()=>i?.props(r)||r),s=n,c=ref$1(),l=(...e)=>{s(`change`,...e)},u=(...e)=>{s(`input`,...e)},d=(...e)=>{s(`update:modelValue`,...e)},f=(...e)=>{s(`blur`,...e)},p=(...e)=>{s(`focus`,...e)},m=(...e)=>{s(`click`,...e)};return t({instance:c,getInput(){return c.value.input?c.value.input:c.value?.$el?.querySelector(`input`)},getTextarea(){return c.value.textarea?c.value.textarea:c.value?.$el?.querySelector(`textarea`)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({ref_key:`instance`,ref:c,class:`tmagic-design-input`},o.value,{onChange:l,onInput:u,"onUpdate:modelValue":d,onBlur:f,onFocus:p,onClick:m}),createSlots({_:2},[e.$slots.prepend?{name:`prepend`,fn:withCtx(()=>[renderSlot(e.$slots,`prepend`)]),key:`0`}:void 0,e.$slots.append?{name:`append`,fn:withCtx(()=>[renderSlot(e.$slots,`append`)]),key:`1`}:void 0,e.$slots.prefix?{name:`prefix`,fn:withCtx(()=>[renderSlot(e.$slots,`prefix`)]),key:`2`}:void 0,e.$slots.suffix?{name:`suffix`,fn:withCtx(()=>[renderSlot(e.$slots,`suffix`)]),key:`3`}:void 0]),1040))}}),_sfc_main$l$2=defineComponent({name:`TMInputNumber`,__name:`InputNumber`,props:{modelValue:{type:[String,Number,Boolean]},clearable:{type:Boolean},controlsPosition:{},disabled:{type:Boolean},placeholder:{},step:{},min:{},max:{},size:{}},emits:[`change`,`input`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.inputNumber,i=r?.component||`el-input-number`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`change`,...e)},c=(...e)=>{o(`input`,...e)},l=(...e)=>{o(`update:modelValue`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-input-number`},a.value,{onChange:s,onInput:c,"onUpdate:modelValue":l}),null,16))}}),_sfc_main$k$2=defineComponent({name:`TMOption`,__name:`Option`,props:{value:{},label:{},disabled:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.option,r=n?.component||`el-option`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-option`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$i$2=defineComponent({name:`TMPagination`,__name:`Pagination`,props:{layout:{},hideOnSinglePage:{type:Boolean},curPage:{},pageSizes:{},pageSize:{},total:{},size:{}},emits:[`size-change`,`current-change`,`update:current-page`,`update:page-size`],setup(e,{emit:t}){let n=e,r=t,i=getDesignConfig(`components`)?.pagination,a=i?.component||`el-pagination`,o=computed$1(()=>i?.props(n)||n),s=(...e)=>{r(`size-change`,...e)},c=(...e)=>{r(`current-change`,...e)},l=(...e)=>{r(`update:current-page`,...e)},u=(...e)=>{r(`update:page-size`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-pagination`},o.value,{onSizeChange:s,onCurrentChange:c,"onUpdate:currentPage":l,"onUpdate:pageSize":u}),null,16))}}),_hoisted_1$14=[`tabindex`],_sfc_main$h$2=defineComponent({name:`TMPopper`,inheritAttrs:!1,__name:`Popover`,props:{placement:{},width:{},trigger:{default:`hover`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},popperClass:{},tabindex:{default:0},destroyOnClose:{type:Boolean,default:!1}},setup(e){let t=e,n=ref$1(!1),r=watch(()=>t.visible,e=>{if(e===void 0){nextTick(()=>{r()});return}n.value=e},{immediate:!0}),i=computed$1(()=>{if(!t.width)return{};let{width:e}=t;return typeof e==`number`&&(e=`${e}px`),{width:e}}),a=ref$1(),o=ref$1(),s=shallowRef();onMounted(()=>{a.value=getCurrentInstance$1()?.proxy?.$el.nextElementSibling});let c=useZIndex();watch([a,o,n],([e,n,r])=>{m(),!(!e||!n||!r)&&(n.style.zIndex=`${c.nextZIndex()}`,s.value=createPopper(e,n,{placement:t.placement||`bottom`,strategy:`absolute`,modifiers:[{name:`offset`,options:{offset:[0,10]}}]}))});let l=()=>{o.value?.focus()},u=()=>{t.disabled||(n.value=!n.value)},d=()=>{t.disabled||(f&&clearTimeout(f),n.value=!0)},f=null,p=()=>{t.disabled||(f&&clearTimeout(f),f=globalThis.setTimeout(()=>{n.value=!1,f=null},350))};t.trigger===`click`&&t.visible===void 0&&watch(a,(e,t)=>{e?.addEventListener(`click`,u),t?.removeEventListener(`click`,u)},{immediate:!0}),t.trigger===`hover`&&t.visible===void 0&&(watch(a,(e,t)=>{e?.addEventListener(`mouseenter`,d),t?.removeEventListener(`mouseenter`,d),e?.addEventListener(`mouseleave`,p),t?.removeEventListener(`mouseleave`,p)},{immediate:!0}),watch(o,(e,t)=>{e?.addEventListener(`mouseenter`,d),t?.removeEventListener(`mouseenter`,d),e?.addEventListener(`mouseleave`,p),t?.removeEventListener(`mouseleave`,p)}));let m=()=>{s.value&&(s.value.destroy(),s.value=void 0)};return onBeforeUnmount(()=>{m()}),(t,r)=>(openBlock(),createElementBlock(Fragment,null,[renderSlot(t.$slots,`reference`),(openBlock(),createBlock(Teleport,{to:`body`},[n.value||!e.destroyOnClose?withDirectives((openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`tmagic-design-popper`,e.popperClass]),ref_key:`popperElementRef`,ref:o,tabindex:e.tabindex,style:normalizeStyle(i.value),onMouseenterOnce:l},[renderSlot(t.$slots,`default`),r[0]||(r[0]=createBaseVNode(`span`,{class:`tmagic-design-popper-arrow`,"data-popper-arrow":``},null,-1))],46,_hoisted_1$14)),[[vShow,n.value]]):createCommentVNode(`v-if`,!0)]))],64))}}),_sfc_main$g$2=defineComponent({name:`TMRadio`,__name:`Radio`,props:{modelValue:{type:[String,Number,Boolean]},value:{type:[String,Number,Boolean]},label:{type:[String,Number,Boolean]}},setup(e){let t=e,n=getDesignConfig(`components`)?.radio,r=n?.component||`el-radio`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-radio`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$f$2=defineComponent({name:`TMRadioButton`,__name:`RadioButton`,props:{value:{type:[String,Number,Boolean]},label:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.radioButton,r=n?.component||`el-radio-button`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-radio-button`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$e$2=defineComponent({name:`TMRadioGroup`,__name:`RadioGroup`,props:{modelValue:{type:[String,Number,Boolean]},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.radioGroup,i=r?.component||`el-radio-group`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-radio-group`},a.value,{onChange:s,"onUpdate:modelValue":c}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$d$2=defineComponent({name:`TMRow`,__name:`Row`,setup(e){let t=getDesignConfig(`components`)?.row.component||`el-row`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-row`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),_sfc_main$c$2=defineComponent({name:`TMScrollbar`,__name:`Scrollbar`,setup(e){let t=getDesignConfig(`components`)?.scrollbar?.component||`el-scrollbar`;return(e,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(t)),{class:`tmagic-design-scrollbar`},{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3}))}}),_sfc_main$b$2=defineComponent({name:`TMSelect`,__name:`Select`,props:{modelValue:{},clearable:{type:Boolean},filterable:{type:Boolean},popperClass:{},disabled:{type:Boolean},placeholder:{},remote:{type:Boolean},multiple:{type:Boolean},allowCreate:{type:Boolean},valueKey:{},remoteMethod:{},loading:{type:Boolean},size:{},onSearch:{}},emits:[`change`,`update:modelValue`,`visible-change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=getDesignConfig(`components`)?.select,o=a?.component||`el-select`,s=computed$1(()=>a?.props(r)||r),c=ref$1(),l=(...e)=>{i(`change`,...e)},u=(...e)=>{i(`update:modelValue`,...e)},d=(...e)=>{i(`visible-change`,...e)},f=ref$1(),p=watch(()=>c.value?.scrollbar?.wrap$||c.value?.scrollbar?.wrapRef||c.value?.scrollbarRef?.wrapRef,e=>{e&&(nextTick(()=>p()),f.value=e)},{immediate:!0});return t({scrollbarWrap:f,setQuery(e){c.value&&(c.value.query=e)},setPreviousQuery(e){c.value&&(c.value.previousQuery=e)},setSelectedLabel(e){c.value&&(c.value.selectedLabel=e)},setSelected(){if(c.value)return c.value.setSelected()}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(o)),mergeProps({class:`tmagic-design-select`,ref_key:`select`,ref:c},s.value,{onChange:l,onVisibleChange:d,onPopupVisibleChange:d,"onUpdate:modelValue":u}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$a$2=defineComponent({name:`TMStep`,__name:`Step`,props:{title:{},active:{},props:{},status:{}},emits:[`click`],setup(e,{emit:t}){let n=e,r=t,i=(...e)=>{r(`click`,...e)},a=getDesignConfig(`components`)?.step,o=a?.component||`el-step`,s=computed$1(()=>a?.props(n)||n);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(o)),mergeProps({class:`tmagic-design-step`},s.value,{onClick:i}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$9$7=defineComponent({name:`TMSteps`,__name:`Steps`,props:{active:{},space:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.steps,r=n?.component||`el-steps`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-steps`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$8$7=defineComponent({name:`TMSwitch`,__name:`Switch`,props:{modelValue:{type:[String,Number,Boolean]},label:{},activeValue:{type:[String,Number,Boolean]},inactiveValue:{type:[String,Number,Boolean]},disabled:{type:Boolean},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.switch,i=r?.component||`el-switch`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-switch`},a.value,{"onUpdate:modelValue":c,onChange:s}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$7$7=defineComponent({name:`TMTable`,__name:`Table`,props:{columns:{},data:{default:()=>[]},border:{type:Boolean},maxHeight:{},defaultExpandAll:{type:Boolean},showHeader:{type:Boolean},rowKey:{},treeProps:{},emptyText:{},tooltipEffect:{},tooltipOptions:{},showOverflowTooltip:{type:Boolean},spanMethod:{}},emits:[`select`,`sort-change`,`expand-change`,`cell-click`],setup(e,{expose:t,emit:n}){let r=e,i=getDesignConfig(`components`)?.table,a=i?.component||`el-table`,o=computed$1(()=>i?.props(r)||r),s=n,c=useTemplateRef(`table`),l=(...e)=>{s(`select`,...e)},u=(...e)=>{s(`sort-change`,...e)},d=(...e)=>{s(`expand-change`,...e)},f=(...e)=>{s(`cell-click`,...e)};return t({getEl:()=>c.value?.getTableRef().$el,getTableRef:()=>c.value.getTableRef(),clearSelection(...e){return c.value?.clearSelection(...e)},toggleRowSelection(...e){return c.value?.toggleRowSelection(...e)},toggleRowExpansion(...e){return c.value?.toggleRowExpansion(...e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)),mergeProps({class:`tmagic-design-table`,ref:`table`},o.value,{"row-class-name":`tmagic-design-table-row`,"cell-class-name":`tmagic-design-table-cell`,onSelect:l,onSortChange:u,onExpandChange:d,onCellClick:f}),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$6$7=defineComponent({name:`TMTabPane`,__name:`TabPane`,props:{name:{},label:{},lazy:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.tabPane,r=n?.component||`el-tab-pane`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tab-pane`},i.value),createSlots({default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:2},[e.$slots.label?{name:`label`,fn:withCtx(()=>[renderSlot(e.$slots,`label`)]),key:`0`}:void 0]),1040))}}),_sfc_main$5$20=defineComponent({name:`TMTabs`,__name:`Tabs`,props:{type:{},editable:{type:Boolean},tabPosition:{},modelValue:{}},emits:[`tab-click`,`tab-add`,`tab-remove`,`update:model-value`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.tabs,i=r?.component||`el-tabs`,a=computed$1(()=>r?.props(n)||n),o=t,s=(...e)=>{o(`tab-click`,...e)},c=(...e)=>{o(`tab-add`,...e)},l=(...e)=>{o(`tab-remove`,...e)},u=(...e)=>{o(`update:model-value`,...e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-tabs`},a.value,{onTabClick:s,onTabAdd:c,onTabRemove:l,"onUpdate:modelValue":u}),createSlots({default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:2},[e.$slots[`add-icon`]?{name:`add-icon`,fn:withCtx(()=>[renderSlot(e.$slots,`add-icon`)]),key:`0`}:void 0]),1040))}}),_sfc_main$4$21=defineComponent({name:`TMTag`,__name:`Tag`,props:{type:{},disableTransition:{type:Boolean}},setup(e){let t=e,n=getDesignConfig(`components`)?.tag,r=n?.component||`el-tag`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tag`},i.value),{default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$3$23=defineComponent({name:`TMTimePicker`,__name:`TimePicker`,props:{modelValue:{},disabled:{type:Boolean},placeholder:{},size:{}},emits:[`change`,`update:modelValue`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.timePicker,i=r?.component||`el-time-picker`,a=computed$1(()=>r?.props(n)||n),o=t,s=e=>{o(`change`,e)},c=e=>{o(`update:modelValue`,e)};return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)),mergeProps({class:`tmagic-design-time-picker`},a.value,{onChange:s,"onUpdate:modelValue":c}),null,16))}}),_sfc_main$2$19=defineComponent({name:`TMTooltip`,__name:`Tooltip`,props:{placement:{},disabled:{type:Boolean},content:{},effect:{},transition:{},offset:{}},setup(e){let t=e,n=getDesignConfig(`components`)?.tooltip,r=n?.component||`el-tooltip`,i=computed$1(()=>n?.props(t)||t);return(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)),mergeProps({class:`tmagic-design-tooltip`},i.value),{content:withCtx(()=>[renderSlot(e.$slots,`content`)]),default:withCtx(()=>[renderSlot(e.$slots,`default`)]),_:3},16))}}),_sfc_main$1$24=defineComponent({name:`TMUpload`,__name:`Upload`,props:{action:{},autoUpload:{type:Boolean},disabled:{type:Boolean}},emits:[`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=(...e)=>{i(`change`,...e)},o=getDesignConfig(`components`)?.upload,s=o?.component||`el-upload`,c=computed$1(()=>o?.props(r)||r),l=ref$1();return t({clearFiles(...e){return l.value?.clearFiles(...e)}}),(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(s)),mergeProps({class:`tmagic-design-upload`,ref_key:`upload`,ref:l},c.value,{onChange:a}),null,16))}}),tMagicMessage,tMagicMessageBox={alert:e=>{console.log(e)},confirm:e=>{console.log(e)},close:e=>{console.log(e)}},zIndex=ref$1(0),DEFAULT_INITIAL_Z_INDEX=2e3,useZIndex=e=>{let t=e,n=computed$1(()=>unref(t)??2e3),r=computed$1(()=>n.value+zIndex.value);return{initialZIndex:n,currentZIndex:r,nextZIndex:()=>(zIndex.value+=1,r.value)}},index$4={install(e,t){tMagicMessage=t.message||{error:e=>{console.error(e)},success:e=>{console.log(e)},warning:e=>{console.warn(e)},info:e=>{console.info(e)},closeAll:e=>{}},t.messageBox&&(tMagicMessageBox.alert=t.messageBox?.alert,tMagicMessageBox.confirm=t.messageBox?.confirm,tMagicMessageBox.prompt=t.messageBox?.prompt,tMagicMessageBox.close=t.messageBox?.close),t.loading&&!e.directive(`loading`)&&e.directive(`loading`,t.loading),t.useZIndex&&(useZIndex=t.useZIndex),t.adapterType&&globalThis.document?.documentElement&&globalThis.document.documentElement.classList.add(`tmagic-adapter-${t.adapterType}`),e.config.globalProperties.$MAGIC_DESIGN=t,setDesignConfig(t)}};function _typeof$1(e){"@babel/helpers - typeof";return _typeof$1=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},_typeof$1(e)}function toPrimitive(e,t){if(_typeof$1(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(_typeof$1(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function toPropertyKey(e){var t=toPrimitive(e,`string`);return _typeof$1(t)==`symbol`?t:t+``}function _defineProperty$1(e,t,n){return(t=toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var arrow_down_default=defineComponent({name:`ArrowDown`,__name:`arrow-down`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z`})]))}}),arrow_left_bold_default=defineComponent({name:`ArrowLeftBold`,__name:`arrow-left-bold`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0`})]))}}),arrow_left_default=defineComponent({name:`ArrowLeft`,__name:`arrow-left`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0`})]))}}),arrow_right_bold_default=defineComponent({name:`ArrowRightBold`,__name:`arrow-right-bold`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0`})]))}}),arrow_right_default=defineComponent({name:`ArrowRight`,__name:`arrow-right`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z`})]))}}),arrow_up_default=defineComponent({name:`ArrowUp`,__name:`arrow-up`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0`})]))}}),back_default=defineComponent({name:`Back`,__name:`back`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64`}),createBaseVNode(`path`,{fill:`currentColor`,d:`m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z`})]))}}),bottom_default=defineComponent({name:`Bottom`,__name:`bottom`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z`})]))}}),calendar_default=defineComponent({name:`Calendar`,__name:`calendar`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64`})]))}}),caret_bottom_default=defineComponent({name:`CaretBottom`,__name:`caret-bottom`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m192 384 320 384 320-384z`})]))}}),caret_right_default=defineComponent({name:`CaretRight`,__name:`caret-right`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M384 192v640l384-320.064z`})]))}}),caret_top_default=defineComponent({name:`CaretTop`,__name:`caret-top`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 320 192 704h639.936z`})]))}}),check_default=defineComponent({name:`Check`,__name:`check`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z`})]))}}),circle_check_default=defineComponent({name:`CircleCheck`,__name:`circle-check`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752z`})]))}}),circle_close_filled_default=defineComponent({name:`CircleCloseFilled`,__name:`circle-close-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z`})]))}}),circle_close_default=defineComponent({name:`CircleClose`,__name:`circle-close`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896`})]))}}),clock_default=defineComponent({name:`Clock`,__name:`clock`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32`})]))}}),close_bold_default=defineComponent({name:`CloseBold`,__name:`close-bold`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496`})]))}}),close_default=defineComponent({name:`Close`,__name:`close`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z`})]))}}),coin_default=defineComponent({name:`Coin`,__name:`coin`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m161.92 580.736 29.888 58.88C171.328 659.776 160 681.728 160 704c0 82.304 155.328 160 352 160s352-77.696 352-160c0-22.272-11.392-44.16-31.808-64.32l30.464-58.432C903.936 615.808 928 657.664 928 704c0 129.728-188.544 224-416 224S96 833.728 96 704c0-46.592 24.32-88.576 65.92-123.264`}),createBaseVNode(`path`,{fill:`currentColor`,d:`m161.92 388.736 29.888 58.88C171.328 467.84 160 489.792 160 512c0 82.304 155.328 160 352 160s352-77.696 352-160c0-22.272-11.392-44.16-31.808-64.32l30.464-58.432C903.936 423.808 928 465.664 928 512c0 129.728-188.544 224-416 224S96 641.728 96 512c0-46.592 24.32-88.576 65.92-123.264`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M512 544c-227.456 0-416-94.272-416-224S284.544 96 512 96s416 94.272 416 224-188.544 224-416 224m0-64c196.672 0 352-77.696 352-160S708.672 160 512 160s-352 77.696-352 160 155.328 160 352 160`})]))}}),connection_default=defineComponent({name:`Connection`,__name:`connection`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.848V394.88c74.56 26.368 128 97.472 128 181.056v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.848v70.272A192.06 192.06 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z`})]))}}),copy_document_default=defineComponent({name:`CopyDocument`,__name:`copy-document`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64`})]))}}),d_arrow_left_default=defineComponent({name:`DArrowLeft`,__name:`d-arrow-left`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.59 30.59 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.59 30.59 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672zm256 0a29.12 29.12 0 0 1 41.728 0 30.59 30.59 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.59 30.59 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672z`})]))}}),d_arrow_right_default=defineComponent({name:`DArrowRight`,__name:`d-arrow-right`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.59 30.59 0 0 1 0-42.752L764.736 512 452.864 192a30.59 30.59 0 0 1 0-42.688m-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.59 30.59 0 0 1 0-42.752L508.736 512 196.864 192a30.59 30.59 0 0 1 0-42.688`})]))}}),delete_default=defineComponent({name:`Delete`,__name:`delete`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32`})]))}}),document_copy_default=defineComponent({name:`DocumentCopy`,__name:`document-copy`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M128 320v576h576V320zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32M960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32M256 672h320v64H256zm0-192h320v64H256z`})]))}}),document_default=defineComponent({name:`Document`,__name:`document`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z`})]))}}),edit_pen_default=defineComponent({name:`EditPen`,__name:`edit-pen`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64z`})]))}}),edit_default=defineComponent({name:`Edit`,__name:`edit`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z`}),createBaseVNode(`path`,{fill:`currentColor`,d:`m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z`})]))}}),files_default=defineComponent({name:`Files`,__name:`files`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M128 384v448h768V384zm-32-64h832a32 32 0 0 1 32 32v512a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V352a32 32 0 0 1 32-32m64-128h704v64H160zm96-128h512v64H256z`})]))}}),folder_opened_default=defineComponent({name:`FolderOpened`,__name:`folder-opened`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M878.08 448H241.92l-96 384h636.16zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896`})]))}}),full_screen_default=defineComponent({name:`FullScreen`,__name:`full-screen`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z`})]))}}),goods_default=defineComponent({name:`Goods`,__name:`goods`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M320 288v-22.336C320 154.688 405.504 64 512 64s192 90.688 192 201.664v22.4h131.072a32 32 0 0 1 31.808 28.8l57.6 576a32 32 0 0 1-31.808 35.2H131.328a32 32 0 0 1-31.808-35.2l57.6-576a32 32 0 0 1 31.808-28.8H320zm64 0h256v-22.336C640 189.248 582.272 128 512 128s-128 61.248-128 137.664v22.4zm-64 64H217.92l-51.2 512h690.56l-51.264-512H704v96a32 32 0 1 1-64 0v-96H384v96a32 32 0 0 1-64 0z`})]))}}),grid_default=defineComponent({name:`Grid`,__name:`grid`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M640 384v256H384V384zm64 0h192v256H704zm-64 512H384V704h256zm64 0V704h192v192zm-64-768v192H384V128zm64 0h192v192H704zM320 384v256H128V384zm0 512H128V704h192zm0-768v192H128V128z`})]))}}),hide_default=defineComponent({name:`Hide`,__name:`hide`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M876.8 156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176S0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4s3.2 16 9.6 22.4 12.8 9.6 22.4 9.6 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4m-646.4 528Q115.2 579.2 76.8 512q43.2-72 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352 555.2 352 512c0-44.8 16-83.2 48-112s67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6q-43.2 72-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176S1024 528 1024 512s-48.001-73.6-134.401-176`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112s-67.2 48-112 48`})]))}}),info_filled_default=defineComponent({name:`InfoFilled`,__name:`info-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z`})]))}}),list_default=defineComponent({name:`List`,__name:`list`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M704 192h160v736H160V192h160v64h384zM288 512h448v-64H288zm0 256h448v-64H288zm96-576V96h256v96z`})]))}}),loading_default=defineComponent({name:`Loading`,__name:`loading`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0`})]))}}),memo_default=defineComponent({name:`Memo`,__name:`memo`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,"xml:space":`preserve`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M480 320h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M887.01 72.99C881.01 67 873.34 64 864 64H160c-9.35 0-17.02 3-23.01 8.99C131 78.99 128 86.66 128 96v832c0 9.35 2.99 17.02 8.99 23.01S150.66 960 160 960h704c9.35 0 17.02-2.99 23.01-8.99S896 937.34 896 928V96c0-9.35-3-17.02-8.99-23.01M192 896V128h96v768zm640 0H352V128h480z`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M480 512h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32m0 192h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32`})]))}}),minus_default=defineComponent({name:`Minus`,__name:`minus`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64`})]))}}),more_filled_default=defineComponent({name:`MoreFilled`,__name:`more-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M176 416a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224m336 0a112 112 0 1 1 0 224 112 112 0 0 1 0-224`})]))}}),picture_filled_default=defineComponent({name:`PictureFilled`,__name:`picture-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384`})]))}}),plus_default=defineComponent({name:`Plus`,__name:`plus`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z`})]))}}),position_default=defineComponent({name:`Position`,__name:`position`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m249.6 417.088 319.744 43.072 39.168 310.272L845.12 178.88zm-129.024 47.168a32 32 0 0 1-7.68-61.44l777.792-311.04a32 32 0 0 1 41.6 41.6l-310.336 775.68a32 32 0 0 1-61.44-7.808L512 516.992z`})]))}}),question_filled_default=defineComponent({name:`QuestionFilled`,__name:`question-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784`})]))}}),right_default=defineComponent({name:`Right`,__name:`right`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M754.752 480H160a32 32 0 1 0 0 64h594.752L521.344 777.344a32 32 0 0 0 45.312 45.312l288-288a32 32 0 0 0 0-45.312l-288-288a32 32 0 1 0-45.312 45.312z`})]))}}),scale_to_original_default=defineComponent({name:`ScaleToOriginal`,__name:`scale-to-original`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118m-361.412 0a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118M512 361.412a30.12 30.12 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.12 30.12 0 0 0 512 361.412M512 512a30.12 30.12 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.12 30.12 0 0 0 512 512`})]))}}),search_default=defineComponent({name:`Search`,__name:`search`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704`})]))}}),sort_default=defineComponent({name:`Sort`,__name:`sort`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M384 96a32 32 0 0 1 64 0v786.752a32 32 0 0 1-54.592 22.656L95.936 608a32 32 0 0 1 0-45.312h.128a32 32 0 0 1 45.184 0L384 805.632zm192 45.248a32 32 0 0 1 54.592-22.592L928.064 416a32 32 0 0 1 0 45.312h-.128a32 32 0 0 1-45.184 0L640 218.496V928a32 32 0 1 1-64 0z`})]))}}),success_filled_default=defineComponent({name:`SuccessFilled`,__name:`success-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z`})]))}}),sugar_default=defineComponent({name:`Sugar`,__name:`sugar`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m801.728 349.184 4.48 4.48a128 128 0 0 1 0 180.992L534.656 806.144a128 128 0 0 1-181.056 0l-4.48-4.48-19.392 109.696a64 64 0 0 1-108.288 34.176L78.464 802.56a64 64 0 0 1 34.176-108.288l109.76-19.328-4.544-4.544a128 128 0 0 1 0-181.056l271.488-271.488a128 128 0 0 1 181.056 0l4.48 4.48 19.392-109.504a64 64 0 0 1 108.352-34.048l142.592 143.04a64 64 0 0 1-34.24 108.16zm-548.8 198.72h447.168v2.24l60.8-60.8a63.8 63.8 0 0 0 18.752-44.416h-426.88l-89.664 89.728a64 64 0 0 0-10.24 13.248zm0 64q4.128 7.104 10.176 13.248l135.744 135.744a64 64 0 0 0 90.496 0L638.4 611.904zm490.048-230.976L625.152 263.104a64 64 0 0 0-90.496 0L416.768 380.928zM123.712 757.312l142.976 142.976 24.32-137.6a25.6 25.6 0 0 0-29.696-29.632zm633.6-633.344-24.32 137.472a25.6 25.6 0 0 0 29.632 29.632l137.28-24.064-142.656-143.04z`})]))}}),switch_button_default=defineComponent({name:`SwitchButton`,__name:`switch-button`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128`}),createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32`})]))}}),ticket_default=defineComponent({name:`Ticket`,__name:`ticket`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M640 832H64V640a128 128 0 1 0 0-256V192h576v160h64V192h256v192a128 128 0 1 0 0 256v192H704V672h-64zm0-416v192h64V416z`})]))}}),tickets_default=defineComponent({name:`Tickets`,__name:`tickets`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M192 128v768h640V128zm-32-64h704a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h192v64H320zm0 384h384v64H320z`})]))}}),top_default=defineComponent({name:`Top`,__name:`top`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M572.235 205.282v600.365a30.118 30.118 0 1 1-60.235 0V205.282L292.382 438.633a28.913 28.913 0 0 1-42.646 0 33.43 33.43 0 0 1 0-45.236l271.058-288.045a28.913 28.913 0 0 1 42.647 0L834.5 393.397a33.43 33.43 0 0 1 0 45.176 28.913 28.913 0 0 1-42.647 0l-219.618-233.23z`})]))}}),view_default=defineComponent({name:`View`,__name:`view`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160`})]))}}),warning_filled_default=defineComponent({name:`WarningFilled`,__name:`warning-filled`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4`})]))}}),zoom_in_default=defineComponent({name:`ZoomIn`,__name:`zoom-in`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z`})]))}}),zoom_out_default=defineComponent({name:`ZoomOut`,__name:`zoom-out`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[createBaseVNode(`path`,{fill:`currentColor`,d:`m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64`})]))}});function createBaseEach(e,t){return function(n,r){if(n==null)return n;if(!isArrayLike$1(n))return e(n,r);for(var i=n.length,a=t?i:-1,o=Object(n);(t?a--:++a<i)&&r(o[a],a,o)!==!1;);return n}}var baseEach=createBaseEach(baseForOwn),mergeWith=createAssigner(function(e,t,n,r){baseMerge(e,t,n,r)});function baseMap(e,t){var n=-1,r=isArrayLike$1(e)?Array(e.length):[];return baseEach(e,function(e,i,a){r[++n]=t(e,i,a)}),r}function map(e,t){return(isArray$2(e)?arrayMap:baseMap)(e,baseIteratee(t,3))}var hasOwnProperty$2=Object.prototype.hasOwnProperty;function baseHas(e,t){return e!=null&&hasOwnProperty$2.call(e,t)}function has(e,t){return e!=null&&hasPath(e,t,baseHas)}var mapTag=`[object Map]`,setTag=`[object Set]`,hasOwnProperty$1=Object.prototype.hasOwnProperty;function isEmpty$1(e){if(e==null)return!0;if(isArrayLike$1(e)&&(isArray$2(e)||typeof e==`string`||typeof e.splice==`function`||isBuffer(e)||isTypedArray(e)||isArguments(e)))return!e.length;var t=_getTag_default(e);if(t==mapTag||t==setTag)return!e.size;if(isPrototype(e))return!baseKeys(e).length;for(var n in e)if(hasOwnProperty$1.call(e,n))return!1;return!0}var FUNC_ERROR_TEXT=`Expected a function`;function throttle$2(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(FUNC_ERROR_TEXT);return isObject$4(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),debounce$1(e,t,{leading:r,maxWait:t,trailing:i})}var union=baseRest(function(e){return baseUniq(baseFlatten(e,1,isArrayLikeObject,!0))});function uniq(e){return e&&e.length?baseUniq(e):[]}var NodeType=(e=>(e.CONTAINER=`container`,e.PAGE=`page`,e.ROOT=`app`,e.PAGE_FRAGMENT=`page-fragment`,e))(NodeType||{}),NODE_CONDS_KEY=`displayConds`,NODE_CONDS_RESULT_KEY=`displayCondsResultReverse`,NODE_DISABLE_DATA_SOURCE_KEY=`_tmagic_node_disabled_data_source`,NODE_DISABLE_CODE_BLOCK_KEY=`_tmagic_node_disabled_code_block`,ActionType=(e=>(e.COMP=`comp`,e.CODE=`code`,e.DATA_SOURCE=`data-source`,e))(ActionType||{}),HookType=(e=>(e.CODE=`code`,e))(HookType||{}),HookCodeType=(e=>(e.CODE=`code`,e.DATA_SOURCE_METHOD=`data-source-method`,e))(HookCodeType||{}),asyncLoadJs=(()=>{let e=new Map;return(t,n,r=globalThis.document)=>{let i=e.get(r);if(i||(i=new Map,e.set(r,i)),i.get(t))return i.get(t);let a=new Promise((e,i)=>{let a=r.createElement(`script`);a.type=`text/javascript`,n&&(a.crossOrigin=n),a.src=t,r.body.appendChild(a),a.onload=()=>{e()},a.onerror=()=>{i(Error(`加载失败`))},setTimeout(()=>{i(Error(`timeout`))},60*1e3)}).catch(e=>{throw i.delete(t),e});return i.set(t,a),i.get(t)}})(),addClassName=(e,t,n)=>{let r=t.querySelector(`.${n}`);r&&r!==e&&removeClassName(r,n),e.classList.contains(n)||e.classList.add(n)},removeClassName=(e,...t)=>{e.classList.remove(...t)},removeClassNameByClassName=(e,t)=>{let n=e.querySelector(`.${t}`);return n?.classList.remove(t),n},injectStyle$1=(e,t)=>{let n=e.createElement(`style`);return n.innerHTML=t,e.head.appendChild(n),n},createDiv=({className:e,cssText:t})=>{let n=globalThis.document.createElement(`div`);return n.className=e,n.style.cssText=t,n},getDocument$1=()=>globalThis.document,calcValueByFontsize=(e,t)=>{if(!e)return t;let{fontSize:n}=e.documentElement.style;if(n){let e=globalThis.parseFloat(n)/100;return Number((t/e).toFixed(2))}return t},dslDomRelateConfig={getIdFromEl:e=>e?.dataset?.tmagicId,getElById:(e,t)=>e?.querySelector(`[data-tmagic-id="${t}"]`),setIdToEl:(e,t)=>{e.dataset.tmagicId=`${t}`}},getIdFromEl=()=>dslDomRelateConfig.getIdFromEl,getElById=()=>dslDomRelateConfig.getElById,setIdToEl=()=>dslDomRelateConfig.setIdToEl,toLine=(e=``)=>e.replace(/\B([A-Z])/g,`-$1`).toLowerCase(),getNodePath=(e,t=[])=>{let n=[],r=function(e,t){if(!Array.isArray(t))return null;for(let i=0,a=t.length;i<a;i++){let a=t[i];if(n.push(a),`${a.id}`==`${e}`)return a;if(a.items){let t=r(e,a.items);if(t)return t}n.pop()}return null};return r(e,t),n},getNodeInfo=(e,t)=>{let n={node:null,parent:null,page:null};if(!t)return n;if(e===t.id)return n.node=t,n;let r=getNodePath(e,t.items);return r.length?(r.unshift(t),n.node=r[r.length-1],n.parent=r[r.length-2],r.forEach(e=>{if(isPage(e)||isPageFragment(e)){n.page=e;return}}),n):n},isObject$3=e=>Object.prototype.toString.call(e)===`[object Object]`,isPop=e=>!!e?.type?.toLowerCase().endsWith(`pop`),isPage=e=>e?e.type?.toLowerCase()===NodeType.PAGE:!1,isPageFragment=e=>e?e.type?.toLowerCase()===NodeType.PAGE_FRAGMENT:!1,isNumber$1=e=>typeof e==`number`&&!isNaN(e)||/^(-?\d+)(\.\d+)?$/.test(`${e}`),getHost=e=>e.match(/\/\/([^/]+)/)?.[1],isSameDomain=(e=``,t=globalThis.location.host)=>/^(http[s]?:)?\/\//.test(e)?getHost(e)===t:!0,guid=(e=8)=>`x`.repeat(e).replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e===`x`?t:t&3|8).toString(16)}),getKeysArray=e=>`${e}`.replace(/\[(\d+)\]/g,`.$1`).split(`.`),getValueByKeyPath=(e=``,t={})=>(Array.isArray(e)?e:getKeysArray(e)).reduce((n,r)=>{if(isObject$3(n)||Array.isArray(n)&&/^\d*$/.test(`${r}`))return n[r];throw Error(`${t}中不存在${e}`)},t),setValueByKeyPath=(e,t,n={})=>set(n,e,t),getNodes=(e,t=[])=>{let n=[],r=function(e,t){if(Array.isArray(t))for(let i of t){let t=e.findIndex(e=>`${e}`==`${i.id}`);t>-1&&(e.splice(t,1),n.push(i)),i.items&&r(e,i.items)}};return r(e,t),n},getDepKeys=(e={},t)=>Array.from(Object.values(e).reduce((e,n)=>((n[t]?.keys||[]).forEach(t=>e.add(t)),e),new Set)),getDepNodeIds=(e={})=>Array.from(Object.values(e).reduce((e,t)=>(Object.keys(t).forEach(t=>{e.add(t)}),e),new Set)),replaceChildNode=(e,t,n)=>{let r=getNodePath(e.id,t),i=r.pop(),a=r.pop();if(n&&(a=getNodePath(n,t).pop()),!i){console.warn(`未找到目标节点(${e.id})`);return}if(!a){console.warn(`未找到父节点(${e.id})`);return}let o=a.items?.findIndex(e=>e.id===i.id);a.items.splice(o,1,e)},DSL_NODE_KEY_COPY_PREFIX=`__tmagic__`,compiledNode=(e,t,n={},r)=>{let i=[];return i=r?n[r]?.[t.id].keys||[]:getDepKeys(n,t.id),i.forEach(n=>{let r=getKeysArray(n),i=r.map((e,t)=>t<r.length-1?e:`${DSL_NODE_KEY_COPY_PREFIX}${e}`),a=getValueByKeyPath(i,t);if(a===void 0)try{let e=getValueByKeyPath(n,t);setValueByKeyPath(i.join(`.`),e,t),a=e}catch(e){console.warn(e);return}let o;try{o=e(a)}catch(e){console.error(e),o=``}setValueByKeyPath(n,o,t)}),t},compiledCond=(e,t,n,r=[])=>{switch(typeof t==`string`&&n===void 0&&(n=``),e){case`is`:return t===n;case`not`:return t!==n;case`=`:return t===n;case`!=`:return t!==n;case`>`:return t>n;case`>=`:return t>=n;case`<`:return t<n;case`<=`:return t<=n;case`between`:return r.length>1&&t>=r[0]&&t<=r[1];case`not_between`:return r.length<2||t<r[0]||t>r[1];case`include`:return t?.includes?.(n);case`not_include`:return t===void 0||!t.includes?.(n)}return!1},getDefaultValueFromFields=e=>{let t={},n={string:void 0,object:{},array:[],boolean:void 0,number:void 0,null:null,any:void 0};return e.forEach(e=>{if(e.defaultValue!==void 0){if(e.type===`array`&&!Array.isArray(e.defaultValue)){t[e.name]=n.array;return}if(e.type===`object`&&!isObject$3(e.defaultValue)){if(typeof e.defaultValue==`string`){try{t[e.name]=JSON.parse(e.defaultValue)}catch(r){t[e.name]=n.object,console.warn(`defaultValue 解析失败`,e.defaultValue,r)}return}t[e.name]=n.object;return}t[e.name]=cloneDeep(e.defaultValue);return}if(e.type===`object`){t[e.name]=e.fields?getDefaultValueFromFields(e.fields):n.object;return}if(e.type){t[e.name]=n[e.type];return}t[e.name]=void 0}),t},DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX=`ds-field::`,DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX=`ds-field-changed`,getKeys$1=Object.keys,calculatePercentage=(e,t)=>e*(globalThis.parseFloat(t)/100),isPercentage=e=>/^(\d+)(\.\d+)?%$/.test(`${e}`),convertToNumber=(e,t=0)=>typeof e==`number`?e:typeof e==`string`&&isPercentage(e)?calculatePercentage(t,e):parseFloat(e),dataSourceTemplateRegExp=/\$\{([\s\S]+?)\}/g,traverseNode=(e,t,n=[],r=!1)=>{r||t(e,n),Array.isArray(e.items)&&e.items.length&&(n.push(e),e.items.forEach(e=>{traverseNode(e,t,[...n],r)})),r&&t(e,n)},isValueIncludeDataSource=e=>!!(typeof e==`string`&&/\$\{([\s\S]+?)\}/.test(e)||Array.isArray(e)&&`${e[0]}`.startsWith(`ds-field::`)||e?.isBindDataSource&&e.dataSourceId||e?.isBindDataSourceField&&e.dataSourceId),removeDataSourceFieldPrefix=e=>e?.replace(`ds-field::`,``)||``,require_dayjs_min=__commonJSMin(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs=r()})(e,(function(){var e=1e3,t=6e4,n=36e5,r=`millisecond`,i=`second`,a=`minute`,o=`hour`,s=`day`,c=`week`,l=`month`,u=`quarter`,d=`year`,f=`date`,p=`Invalid Date`,m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,g=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,_={name:`en`,weekdays:`Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday`.split(`_`),months:`January_February_March_April_May_June_July_August_September_October_November_December`.split(`_`),ordinal:function(e){var t=[`th`,`st`,`nd`,`rd`],n=e%100;return`[`+e+(t[(n-20)%10]||t[n]||t[0])+`]`}},v=function(e,t,n){var r=String(e);return!r||r.length>=t?e:``+Array(t+1-r.length).join(n)+e},y={s:v,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),i=n%60;return(t<=0?`+`:`-`)+v(r,2,`0`)+`:`+v(i,2,`0`)},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),i=t.clone().add(r,l),a=n-i<0,o=t.clone().add(r+(a?-1:1),l);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:d,w:c,d:s,D:f,h:o,m:a,s:i,ms:r,Q:u}[e]||String(e||``).toLowerCase().replace(/s$/,``)},u:function(e){return e===void 0}},b=`en`,x={};x[b]=_;var S=`$isDayjsObject`,C=function(e){return e instanceof D||!(!e||!e[S])},w=function e(t,n,r){var i;if(!t)return b;if(typeof t==`string`){var a=t.toLowerCase();x[a]&&(i=a),n&&(x[a]=n,i=a);var o=t.split(`-`);if(!i&&o.length>1)return e(o[0])}else{var s=t.name;x[s]=t,i=s}return!r&&i&&(b=i),i||!r&&b},T=function(e,t){if(C(e))return e.clone();var n=typeof t==`object`?t:{};return n.date=e,n.args=arguments,new D(n)},E=y;E.l=w,E.i=C,E.w=function(e,t){return T(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var D=function(){function _(e){this.$L=w(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[S]=!0}var v=_.prototype;return v.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(t===null)return new Date(NaN);if(E.u(t))return new Date;if(t instanceof Date)return new Date(t);if(typeof t==`string`&&!/Z$/i.test(t)){var r=t.match(m);if(r){var i=r[2]-1||0,a=(r[7]||`0`).substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(e),this.init()},v.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},v.$utils=function(){return E},v.isValid=function(){return this.$d.toString()!==p},v.isSame=function(e,t){var n=T(e);return this.startOf(t)<=n&&n<=this.endOf(t)},v.isAfter=function(e,t){return T(e)<this.startOf(t)},v.isBefore=function(e,t){return this.endOf(t)<T(e)},v.$g=function(e,t,n){return E.u(e)?this[t]:this.set(n,e)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(e,t){var n=this,r=!!E.u(t)||t,u=E.p(e),p=function(e,t){var i=E.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return r?i:i.endOf(s)},m=function(e,t){return E.w(n.toDate()[e].apply(n.toDate(`s`),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},g=this.$W,_=this.$M,v=this.$D,y=`set`+(this.$u?`UTC`:``);switch(u){case d:return r?p(1,0):p(31,11);case l:return r?p(1,_):p(0,_+1);case c:var b=this.$locale().weekStart||0,x=(g<b?g+7:g)-b;return p(r?v-x:v+(6-x),_);case s:case f:return m(y+`Hours`,0);case o:return m(y+`Minutes`,1);case a:return m(y+`Seconds`,2);case i:return m(y+`Milliseconds`,3);default:return this.clone()}},v.endOf=function(e){return this.startOf(e,!1)},v.$set=function(e,t){var n,c=E.p(e),u=`set`+(this.$u?`UTC`:``),p=(n={},n[s]=u+`Date`,n[f]=u+`Date`,n[l]=u+`Month`,n[d]=u+`FullYear`,n[o]=u+`Hours`,n[a]=u+`Minutes`,n[i]=u+`Seconds`,n[r]=u+`Milliseconds`,n)[c],m=c===s?this.$D+(t-this.$W):t;if(c===l||c===d){var g=this.clone().set(f,1);g.$d[p](m),g.init(),this.$d=g.set(f,Math.min(this.$D,g.daysInMonth())).$d}else p&&this.$d[p](m);return this.init(),this},v.set=function(e,t){return this.clone().$set(e,t)},v.get=function(e){return this[E.p(e)]()},v.add=function(r,u){var f,p=this;r=Number(r);var m=E.p(u),g=function(e){var t=T(p);return E.w(t.date(t.date()+Math.round(e*r)),p)};if(m===l)return this.set(l,this.$M+r);if(m===d)return this.set(d,this.$y+r);if(m===s)return g(1);if(m===c)return g(7);var _=(f={},f[a]=t,f[o]=n,f[i]=e,f)[m]||1,v=this.$d.getTime()+r*_;return E.w(v,this)},v.subtract=function(e,t){return this.add(-1*e,t)},v.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||p;var r=e||`YYYY-MM-DDTHH:mm:ssZ`,i=E.z(this),a=this.$H,o=this.$m,s=this.$M,c=n.weekdays,l=n.months,u=n.meridiem,d=function(e,n,i,a){return e&&(e[n]||e(t,r))||i[n].slice(0,a)},f=function(e){return E.s(a%12||12,e,`0`)},m=u||function(e,t,n){var r=e<12?`AM`:`PM`;return n?r.toLowerCase():r};return r.replace(g,(function(e,r){return r||function(e){switch(e){case`YY`:return String(t.$y).slice(-2);case`YYYY`:return E.s(t.$y,4,`0`);case`M`:return s+1;case`MM`:return E.s(s+1,2,`0`);case`MMM`:return d(n.monthsShort,s,l,3);case`MMMM`:return d(l,s);case`D`:return t.$D;case`DD`:return E.s(t.$D,2,`0`);case`d`:return String(t.$W);case`dd`:return d(n.weekdaysMin,t.$W,c,2);case`ddd`:return d(n.weekdaysShort,t.$W,c,3);case`dddd`:return c[t.$W];case`H`:return String(a);case`HH`:return E.s(a,2,`0`);case`h`:return f(1);case`hh`:return f(2);case`a`:return m(a,o,!0);case`A`:return m(a,o,!1);case`m`:return String(o);case`mm`:return E.s(o,2,`0`);case`s`:return String(t.$s);case`ss`:return E.s(t.$s,2,`0`);case`SSS`:return E.s(t.$ms,3,`0`);case`Z`:return i}return null}(e)||i.replace(`:`,``)}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(r,f,p){var m,g=this,_=E.p(f),v=T(r),y=(v.utcOffset()-this.utcOffset())*t,b=this-v,x=function(){return E.m(g,v)};switch(_){case d:m=x()/12;break;case l:m=x();break;case u:m=x()/3;break;case c:m=(b-y)/6048e5;break;case s:m=(b-y)/864e5;break;case o:m=b/n;break;case a:m=b/t;break;case i:m=b/e;break;default:m=b}return p?m:E.a(m)},v.daysInMonth=function(){return this.endOf(l).$D},v.$locale=function(){return x[this.$L]},v.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=w(e,t,!0);return r&&(n.$L=r),n},v.clone=function(){return E.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},_}(),O=D.prototype;return T.prototype=O,[[`$ms`,r],[`$s`,i],[`$m`,a],[`$H`,o],[`$W`,s],[`$M`,l],[`$y`,d],[`$D`,f]].forEach((function(e){O[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),T.extend=function(e,t){return e.$i||(e(t,D,T),e.$i=!0),T},T.locale=w,T.isDayjs=C,T.unix=function(e){return T(1e3*e)},T.en=x[b],T.Ls=x,T.p={},T}))})),require_utc=__commonJSMin(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs_plugin_utc=r()})(e,(function(){var e=`minute`,t=/[+-]\d\d(?::?\d\d)?/g,n=/([+-]|\d\d)/g;return function(r,i,a){var o=i.prototype;a.utc=function(e){return new i({date:e,utc:!0,args:arguments})},o.utc=function(t){var n=a(this.toDate(),{locale:this.$L,utc:!0});return t?n.add(this.utcOffset(),e):n},o.local=function(){return a(this.toDate(),{locale:this.$L,utc:!1})};var s=o.parse;o.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),s.call(this,e)};var c=o.init;o.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else c.call(this)};var l=o.utcOffset;o.utcOffset=function(r,i){var a=this.$utils().u;if(a(r))return this.$u?0:a(this.$offset)?l.call(this):this.$offset;if(typeof r==`string`&&(r=function(e){e===void 0&&(e=``);var r=e.match(t);if(!r)return null;var i=(``+r[0]).match(n)||[`-`,0,0],a=i[0],o=60*i[1]+ +i[2];return o===0?0:a===`+`?o:-o}(r),r===null))return this;var o=Math.abs(r)<=16?60*r:r;if(o===0)return this.utc(i);var s=this.clone();if(i)return s.$offset=o,s.$u=!1,s;var c=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(s=this.local().add(o+c,e)).$offset=o,s.$x.$localOffset=c,s};var u=o.format;o.format=function(e){var t=e||(this.$u?`YYYY-MM-DDTHH:mm:ss[Z]`:``);return u.call(this,t)},o.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*e},o.isUTC=function(){return!!this.$u},o.toISOString=function(){return this.toDate().toISOString()},o.toString=function(){return this.toDate().toUTCString()};var d=o.toDate;o.toDate=function(e){return e===`s`&&this.$offset?a(this.format(`YYYY-MM-DD HH:mm:ss:SSS`)).toDate():d.call(this)};var f=o.diff;o.diff=function(e,t,n){if(e&&this.$u===e.$u)return f.call(this,e,t,n);var r=this.local(),i=a(e).local();return f.call(r,i,t,n)}}}))})),import_utc=__toESM(require_utc(),1),import_dayjs_min=__toESM(require_dayjs_min(),1);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ownKeys(Object(n),!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _typeof(e){"@babel/helpers - typeof";return _typeof=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},_typeof(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function _objectWithoutProperties(e,t){if(e==null)return{};var n=_objectWithoutPropertiesLoose(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var version=`1.15.6`;function userAgent(e){if(typeof window<`u`&&window.navigator)return!!navigator.userAgent.match(e)}var IE11OrLess=userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),Edge=userAgent(/Edge/i),FireFox=userAgent(/firefox/i),Safari=userAgent(/safari/i)&&!userAgent(/chrome/i)&&!userAgent(/android/i),IOS=userAgent(/iP(ad|od|hone)/i),ChromeForAndroid=userAgent(/chrome/i)&&userAgent(/android/i),captureMode={capture:!1,passive:!1};function on(e,t,n){e.addEventListener(t,n,!IE11OrLess&&captureMode)}function off(e,t,n){e.removeEventListener(t,n,!IE11OrLess&&captureMode)}function matches(e,t){if(t){if(t[0]===`>`&&(t=t.substring(1)),e)try{if(e.matches)return e.matches(t);if(e.msMatchesSelector)return e.msMatchesSelector(t);if(e.webkitMatchesSelector)return e.webkitMatchesSelector(t)}catch{return!1}return!1}}function getParentOrHost(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function closest(e,t,n,r){if(e){n=n||document;do{if(t!=null&&(t[0]===`>`?e.parentNode===n&&matches(e,t):matches(e,t))||r&&e===n)return e;if(e===n)break}while(e=getParentOrHost(e))}return null}var R_SPACE=/\s+/g;function toggleClass(e,t,n){e&&t&&(e.classList?e.classList[n?`add`:`remove`](t):e.className=((` `+e.className+` `).replace(R_SPACE,` `).replace(` `+t+` `,` `)+(n?` `+t:``)).replace(R_SPACE,` `))}function css(e,t,n){var r=e&&e.style;if(r){if(n===void 0)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(e,``):e.currentStyle&&(n=e.currentStyle),t===void 0?n:n[t];!(t in r)&&t.indexOf(`webkit`)===-1&&(t=`-webkit-`+t),r[t]=n+(typeof n==`string`?``:`px`)}}function matrix(e,t){var n=``;if(typeof e==`string`)n=e;else do{var r=css(e,`transform`);r&&r!==`none`&&(n=r+` `+n)}while(!t&&(e=e.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function find$2(e,t,n){if(e){var r=e.getElementsByTagName(t),i=0,a=r.length;if(n)for(;i<a;i++)n(r[i],i);return r}return[]}function getWindowScrollingElement(){return document.scrollingElement||document.documentElement}function getRect$1(e,t,n,r,i){if(!(!e.getBoundingClientRect&&e!==window)){var a,o,s,c,l,u,d;if(e!==window&&e.parentNode&&e!==getWindowScrollingElement()?(a=e.getBoundingClientRect(),o=a.top,s=a.left,c=a.bottom,l=a.right,u=a.height,d=a.width):(o=0,s=0,c=window.innerHeight,l=window.innerWidth,u=window.innerHeight,d=window.innerWidth),(t||n)&&e!==window&&(i=i||e.parentNode,!IE11OrLess))do if(i&&i.getBoundingClientRect&&(css(i,`transform`)!==`none`||n&&css(i,`position`)!==`static`)){var f=i.getBoundingClientRect();o-=f.top+parseInt(css(i,`border-top-width`)),s-=f.left+parseInt(css(i,`border-left-width`)),c=o+a.height,l=s+a.width;break}while(i=i.parentNode);if(r&&e!==window){var p=matrix(i||e),m=p&&p.a,g=p&&p.d;p&&(o/=g,s/=m,d/=m,u/=g,c=o+u,l=s+d)}return{top:o,left:s,bottom:c,right:l,width:d,height:u}}}function isScrolledPast(e,t,n){for(var r=getParentAutoScrollElement(e,!0),i=getRect$1(e)[t];r;){var a=getRect$1(r)[n],o=void 0;if(o=n===`top`||n===`left`?i>=a:i<=a,!o)return r;if(r===getWindowScrollingElement())break;r=getParentAutoScrollElement(r,!1)}return!1}function getChild(e,t,n,r){for(var i=0,a=0,o=e.children;a<o.length;){if(o[a].style.display!==`none`&&o[a]!==Sortable.ghost&&(r||o[a]!==Sortable.dragged)&&closest(o[a],n.draggable,e,!1)){if(i===t)return o[a];i++}a++}return null}function lastChild(e,t){for(var n=e.lastElementChild;n&&(n===Sortable.ghost||css(n,`display`)===`none`||t&&!matches(n,t));)n=n.previousElementSibling;return n||null}function index$3(e,t){var n=0;if(!e||!e.parentNode)return-1;for(;e=e.previousElementSibling;)e.nodeName.toUpperCase()!==`TEMPLATE`&&e!==Sortable.clone&&(!t||matches(e,t))&&n++;return n}function getRelativeScrollOffset(e){var t=0,n=0,r=getWindowScrollingElement();if(e)do{var i=matrix(e),a=i.a,o=i.d;t+=e.scrollLeft*a,n+=e.scrollTop*o}while(e!==r&&(e=e.parentNode));return[t,n]}function indexOfObject(e,t){for(var n in e)if(e.hasOwnProperty(n)){for(var r in t)if(t.hasOwnProperty(r)&&t[r]===e[n][r])return Number(n)}return-1}function getParentAutoScrollElement(e,t){if(!e||!e.getBoundingClientRect)return getWindowScrollingElement();var n=e,r=!1;do if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=css(n);if(n.clientWidth<n.scrollWidth&&(i.overflowX==`auto`||i.overflowX==`scroll`)||n.clientHeight<n.scrollHeight&&(i.overflowY==`auto`||i.overflowY==`scroll`)){if(!n.getBoundingClientRect||n===document.body)return getWindowScrollingElement();if(r||t)return n;r=!0}}while(n=n.parentNode);return getWindowScrollingElement()}function extend(e,t){if(e&&t)for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function isRectEqual(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.height)===Math.round(t.height)&&Math.round(e.width)===Math.round(t.width)}var _throttleTimeout;function throttle$1(e,t){return function(){if(!_throttleTimeout){var n=arguments,r=this;n.length===1?e.call(r,n[0]):e.apply(r,n),_throttleTimeout=setTimeout(function(){_throttleTimeout=void 0},t)}}}function cancelThrottle(){clearTimeout(_throttleTimeout),_throttleTimeout=void 0}function scrollBy(e,t,n){e.scrollLeft+=t,e.scrollTop+=n}function clone$1(e){var t=window.Polymer,n=window.jQuery||window.Zepto;return t&&t.dom?t.dom(e).cloneNode(!0):n?n(e).clone(!0)[0]:e.cloneNode(!0)}function getChildContainingRectFromElement(e,t,n){var r={};return Array.from(e.children).forEach(function(i){var a,o,s,c;if(!(!closest(i,t.draggable,e,!1)||i.animated||i===n)){var l=getRect$1(i);r.left=Math.min(r.left??1/0,l.left),r.top=Math.min(r.top??1/0,l.top),r.right=Math.max(r.right??-1/0,l.right),r.bottom=Math.max(r.bottom??-1/0,l.bottom)}}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var expando=`Sortable`+new Date().getTime();function AnimationStateManager(){var e=[],t;return{captureAnimationState:function(){e=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){if(!(css(t,`display`)===`none`||t===Sortable.ghost)){e.push({target:t,rect:getRect$1(t)});var n=_objectSpread2({},e[e.length-1].rect);if(t.thisAnimationDuration){var r=matrix(t,!0);r&&(n.top-=r.f,n.left-=r.e)}t.fromRect=n}})},addAnimationState:function(t){e.push(t)},removeAnimationState:function(t){e.splice(indexOfObject(e,{target:t}),1)},animateAll:function(n){var r=this;if(!this.options.animation){clearTimeout(t),typeof n==`function`&&n();return}var i=!1,a=0;e.forEach(function(e){var t=0,n=e.target,o=n.fromRect,s=getRect$1(n),c=n.prevFromRect,l=n.prevToRect,u=e.rect,d=matrix(n,!0);d&&(s.top-=d.f,s.left-=d.e),n.toRect=s,n.thisAnimationDuration&&isRectEqual(c,s)&&!isRectEqual(o,s)&&(u.top-s.top)/(u.left-s.left)===(o.top-s.top)/(o.left-s.left)&&(t=calculateRealTime(u,c,l,r.options)),isRectEqual(s,o)||(n.prevFromRect=o,n.prevToRect=s,t||(t=r.options.animation),r.animate(n,u,s,t)),t&&(i=!0,a=Math.max(a,t),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},t),n.thisAnimationDuration=t)}),clearTimeout(t),i?t=setTimeout(function(){typeof n==`function`&&n()},a):typeof n==`function`&&n(),e=[]},animate:function(e,t,n,r){if(r){css(e,`transition`,``),css(e,`transform`,``);var i=matrix(this.el),a=i&&i.a,o=i&&i.d,s=(t.left-n.left)/(a||1),c=(t.top-n.top)/(o||1);e.animatingX=!!s,e.animatingY=!!c,css(e,`transform`,`translate3d(`+s+`px,`+c+`px,0)`),this.forRepaintDummy=repaint(e),css(e,`transition`,`transform `+r+`ms`+(this.options.easing?` `+this.options.easing:``)),css(e,`transform`,`translate3d(0,0,0)`),typeof e.animated==`number`&&clearTimeout(e.animated),e.animated=setTimeout(function(){css(e,`transition`,``),css(e,`transform`,``),e.animated=!1,e.animatingX=!1,e.animatingY=!1},r)}}}}function repaint(e){return e.offsetWidth}function calculateRealTime(e,t,n,r){return Math.sqrt((t.top-e.top)**2+(t.left-e.left)**2)/Math.sqrt((t.top-n.top)**2+(t.left-n.left)**2)*r.animation}var plugins=[],defaults={initializeByDefault:!0},PluginManager={mount:function(e){for(var t in defaults)defaults.hasOwnProperty(t)&&!(t in e)&&(e[t]=defaults[t]);plugins.forEach(function(t){if(t.pluginName===e.pluginName)throw`Sortable: Cannot mount plugin ${e.pluginName} more than once`}),plugins.push(e)},pluginEvent:function(e,t,n){var r=this;this.eventCanceled=!1,n.cancel=function(){r.eventCanceled=!0};var i=e+`Global`;plugins.forEach(function(r){t[r.pluginName]&&(t[r.pluginName][i]&&t[r.pluginName][i](_objectSpread2({sortable:t},n)),t.options[r.pluginName]&&t[r.pluginName][e]&&t[r.pluginName][e](_objectSpread2({sortable:t},n)))})},initializePlugins:function(e,t,n,r){for(var i in plugins.forEach(function(r){var i=r.pluginName;if(!(!e.options[i]&&!r.initializeByDefault)){var a=new r(e,t,e.options);a.sortable=e,a.options=e.options,e[i]=a,_extends(n,a.defaults)}}),e.options)if(e.options.hasOwnProperty(i)){var a=this.modifyOption(e,i,e.options[i]);a!==void 0&&(e.options[i]=a)}},getEventProperties:function(e,t){var n={};return plugins.forEach(function(r){typeof r.eventProperties==`function`&&_extends(n,r.eventProperties.call(t[r.pluginName],e))}),n},modifyOption:function(e,t,n){var r;return plugins.forEach(function(i){e[i.pluginName]&&i.optionListeners&&typeof i.optionListeners[t]==`function`&&(r=i.optionListeners[t].call(e[i.pluginName],n))}),r}};function dispatchEvent(e){var t=e.sortable,n=e.rootEl,r=e.name,i=e.targetEl,a=e.cloneEl,o=e.toEl,s=e.fromEl,c=e.oldIndex,l=e.newIndex,u=e.oldDraggableIndex,d=e.newDraggableIndex,f=e.originalEvent,p=e.putSortable,m=e.extraEventProperties;if(t=t||n&&n[expando],t){var g,_=t.options,v=`on`+r.charAt(0).toUpperCase()+r.substr(1);window.CustomEvent&&!IE11OrLess&&!Edge?g=new CustomEvent(r,{bubbles:!0,cancelable:!0}):(g=document.createEvent(`Event`),g.initEvent(r,!0,!0)),g.to=o||n,g.from=s||n,g.item=i||n,g.clone=a,g.oldIndex=c,g.newIndex=l,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=f,g.pullMode=p?p.lastPutMode:void 0;var y=_objectSpread2(_objectSpread2({},m),PluginManager.getEventProperties(r,t));for(var b in y)g[b]=y[b];n&&n.dispatchEvent(g),_[v]&&_[v].call(t,g)}}var _excluded=[`evt`],pluginEvent=function(e,t){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r=n.evt,i=_objectWithoutProperties(n,_excluded);PluginManager.pluginEvent.bind(Sortable)(e,t,_objectSpread2({dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,dragStarted:moved,putSortable,activeSortable:Sortable.active,originalEvent:r,oldIndex,oldDraggableIndex,newIndex,newDraggableIndex,hideGhostForTarget:_hideGhostForTarget,unhideGhostForTarget:_unhideGhostForTarget,cloneNowHidden:function(){cloneHidden=!0},cloneNowShown:function(){cloneHidden=!1},dispatchSortableEvent:function(e){_dispatchEvent({sortable:t,name:e,originalEvent:r})}},i))};function _dispatchEvent(e){dispatchEvent(_objectSpread2({putSortable,cloneEl,targetEl:dragEl,rootEl,oldIndex,oldDraggableIndex,newIndex,newDraggableIndex},e))}var dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,oldIndex,newIndex,oldDraggableIndex,newDraggableIndex,activeGroup,putSortable,awaitingDragStarted=!1,ignoreNextClick=!1,sortables=[],tapEvt,touchEvt,lastDx,lastDy,tapDistanceLeft,tapDistanceTop,moved,lastTarget,lastDirection,pastFirstInvertThresh=!1,isCircumstantialInvert=!1,targetMoveDistance,ghostRelativeParent,ghostRelativeParentInitialScroll=[],_silent=!1,savedInputChecked=[],documentExists=typeof document<`u`,PositionGhostAbsolutely=IOS,CSSFloatProperty=Edge||IE11OrLess?`cssFloat`:`float`,supportDraggable=documentExists&&!ChromeForAndroid&&!IOS&&`draggable`in document.createElement(`div`),supportCssPointerEvents=function(){if(documentExists){if(IE11OrLess)return!1;var e=document.createElement(`x`);return e.style.cssText=`pointer-events:auto`,e.style.pointerEvents===`auto`}}(),_detectDirection=function(e,t){var n=css(e),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=getChild(e,0,t),a=getChild(e,1,t),o=i&&css(i),s=a&&css(a),c=o&&parseInt(o.marginLeft)+parseInt(o.marginRight)+getRect$1(i).width,l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+getRect$1(a).width;if(n.display===`flex`)return n.flexDirection===`column`||n.flexDirection===`column-reverse`?`vertical`:`horizontal`;if(n.display===`grid`)return n.gridTemplateColumns.split(` `).length<=1?`vertical`:`horizontal`;if(i&&o.float&&o.float!==`none`){var u=o.float===`left`?`left`:`right`;return a&&(s.clear===`both`||s.clear===u)?`vertical`:`horizontal`}return i&&(o.display===`block`||o.display===`flex`||o.display===`table`||o.display===`grid`||c>=r&&n[CSSFloatProperty]===`none`||a&&n[CSSFloatProperty]===`none`&&c+l>r)?`vertical`:`horizontal`},_dragElInRowColumn=function(e,t,n){var r=n?e.left:e.top,i=n?e.right:e.bottom,a=n?e.width:e.height,o=n?t.left:t.top,s=n?t.right:t.bottom,c=n?t.width:t.height;return r===o||i===s||r+a/2===o+c/2},_detectNearestEmptySortable=function(e,t){var n;return sortables.some(function(r){var i=r[expando].options.emptyInsertThreshold;if(!(!i||lastChild(r))){var a=getRect$1(r),o=e>=a.left-i&&e<=a.right+i,s=t>=a.top-i&&t<=a.bottom+i;if(o&&s)return n=r}}),n},_prepareGroup=function(e){function t(e,n){return function(r,i,a,o){var s=r.options.group.name&&i.options.group.name&&r.options.group.name===i.options.group.name;if(e==null&&(n||s))return!0;if(e==null||e===!1)return!1;if(n&&e===`clone`)return e;if(typeof e==`function`)return t(e(r,i,a,o),n)(r,i,a,o);var c=(n?r:i).options.group.name;return e===!0||typeof e==`string`&&e===c||e.join&&e.indexOf(c)>-1}}var n={},r=e.group;(!r||_typeof(r)!=`object`)&&(r={name:r}),n.name=r.name,n.checkPull=t(r.pull,!0),n.checkPut=t(r.put),n.revertClone=r.revertClone,e.group=n},_hideGhostForTarget=function(){!supportCssPointerEvents&&ghostEl&&css(ghostEl,`display`,`none`)},_unhideGhostForTarget=function(){!supportCssPointerEvents&&ghostEl&&css(ghostEl,`display`,``)};documentExists&&!ChromeForAndroid&&document.addEventListener(`click`,function(e){if(ignoreNextClick)return e.preventDefault(),e.stopPropagation&&e.stopPropagation(),e.stopImmediatePropagation&&e.stopImmediatePropagation(),ignoreNextClick=!1,!1},!0);var nearestEmptyInsertDetectEvent=function(e){if(dragEl){e=e.touches?e.touches[0]:e;var t=_detectNearestEmptySortable(e.clientX,e.clientY);if(t){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=e[r]);n.target=n.rootEl=t,n.preventDefault=void 0,n.stopPropagation=void 0,t[expando]._onDragOver(n)}}},_checkOutsideTargetEl=function(e){dragEl&&dragEl.parentNode[expando]._isOutsideThisEl(e.target)};function Sortable(e,t){if(!(e&&e.nodeType&&e.nodeType===1))throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(e)}`;this.el=e,this.options=t=_extends({},t),e[expando]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?`>li`:`>*`,swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return _detectDirection(e,this.options)},ghostClass:`sortable-ghost`,chosenClass:`sortable-chosen`,dragClass:`sortable-drag`,ignore:`a, img`,filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(e,t){e.setData(`Text`,t.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:`data-id`,delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:`sortable-fallback`,fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Sortable.supportPointer!==!1&&`PointerEvent`in window&&(!Safari||IOS),emptyInsertThreshold:5};for(var r in PluginManager.initializePlugins(this,e,n),n)!(r in t)&&(t[r]=n[r]);for(var i in _prepareGroup(t),this)i.charAt(0)===`_`&&typeof this[i]==`function`&&(this[i]=this[i].bind(this));this.nativeDraggable=t.forceFallback?!1:supportDraggable,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?on(e,`pointerdown`,this._onTapStart):(on(e,`mousedown`,this._onTapStart),on(e,`touchstart`,this._onTapStart)),this.nativeDraggable&&(on(e,`dragover`,this),on(e,`dragenter`,this)),sortables.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),_extends(this,AnimationStateManager())}Sortable.prototype={constructor:Sortable,_isOutsideThisEl:function(e){!this.el.contains(e)&&e!==this.el&&(lastTarget=null)},_getDirection:function(e,t){return typeof this.options.direction==`function`?this.options.direction.call(this,e,t,dragEl):this.options.direction},_onTapStart:function(e){if(e.cancelable){var t=this,n=this.el,r=this.options,i=r.preventOnFilter,a=e.type,o=e.touches&&e.touches[0]||e.pointerType&&e.pointerType===`touch`&&e,s=(o||e).target,c=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||s,l=r.filter;if(_saveInputCheckedState(n),!dragEl&&!(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled)&&!c.isContentEditable&&!(!this.nativeDraggable&&Safari&&s&&s.tagName.toUpperCase()===`SELECT`)&&(s=closest(s,r.draggable,n,!1),!(s&&s.animated)&&lastDownEl!==s)){if(oldIndex=index$3(s),oldDraggableIndex=index$3(s,r.draggable),typeof l==`function`){if(l.call(this,e,s,this)){_dispatchEvent({sortable:t,rootEl:c,name:`filter`,targetEl:s,toEl:n,fromEl:n}),pluginEvent(`filter`,t,{evt:e}),i&&e.preventDefault();return}}else if(l&&(l=l.split(`,`).some(function(r){if(r=closest(c,r.trim(),n,!1),r)return _dispatchEvent({sortable:t,rootEl:r,name:`filter`,targetEl:s,fromEl:n,toEl:n}),pluginEvent(`filter`,t,{evt:e}),!0}),l)){i&&e.preventDefault();return}r.handle&&!closest(c,r.handle,n,!1)||this._prepareDragStart(e,o,s)}}},_prepareDragStart:function(e,t,n){var r=this,i=r.el,a=r.options,o=i.ownerDocument,s;if(n&&!dragEl&&n.parentNode===i){var c=getRect$1(n);if(rootEl=i,dragEl=n,parentEl=dragEl.parentNode,nextEl=dragEl.nextSibling,lastDownEl=n,activeGroup=a.group,Sortable.dragged=dragEl,tapEvt={target:dragEl,clientX:(t||e).clientX,clientY:(t||e).clientY},tapDistanceLeft=tapEvt.clientX-c.left,tapDistanceTop=tapEvt.clientY-c.top,this._lastX=(t||e).clientX,this._lastY=(t||e).clientY,dragEl.style[`will-change`]=`all`,s=function(){if(pluginEvent(`delayEnded`,r,{evt:e}),Sortable.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents(),!FireFox&&r.nativeDraggable&&(dragEl.draggable=!0),r._triggerDragStart(e,t),_dispatchEvent({sortable:r,name:`choose`,originalEvent:e}),toggleClass(dragEl,a.chosenClass,!0)},a.ignore.split(`,`).forEach(function(e){find$2(dragEl,e.trim(),_disableDraggable)}),on(o,`dragover`,nearestEmptyInsertDetectEvent),on(o,`mousemove`,nearestEmptyInsertDetectEvent),on(o,`touchmove`,nearestEmptyInsertDetectEvent),a.supportPointer?(on(o,`pointerup`,r._onDrop),!this.nativeDraggable&&on(o,`pointercancel`,r._onDrop)):(on(o,`mouseup`,r._onDrop),on(o,`touchend`,r._onDrop),on(o,`touchcancel`,r._onDrop)),FireFox&&this.nativeDraggable&&(this.options.touchStartThreshold=4,dragEl.draggable=!0),pluginEvent(`delayStart`,this,{evt:e}),a.delay&&(!a.delayOnTouchOnly||t)&&(!this.nativeDraggable||!(Edge||IE11OrLess))){if(Sortable.eventCanceled){this._onDrop();return}a.supportPointer?(on(o,`pointerup`,r._disableDelayedDrag),on(o,`pointercancel`,r._disableDelayedDrag)):(on(o,`mouseup`,r._disableDelayedDrag),on(o,`touchend`,r._disableDelayedDrag),on(o,`touchcancel`,r._disableDelayedDrag)),on(o,`mousemove`,r._delayedDragTouchMoveHandler),on(o,`touchmove`,r._delayedDragTouchMoveHandler),a.supportPointer&&on(o,`pointermove`,r._delayedDragTouchMoveHandler),r._dragStartTimer=setTimeout(s,a.delay)}else s()}},_delayedDragTouchMoveHandler:function(e){var t=e.touches?e.touches[0]:e;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){dragEl&&_disableDraggable(dragEl),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;off(e,`mouseup`,this._disableDelayedDrag),off(e,`touchend`,this._disableDelayedDrag),off(e,`touchcancel`,this._disableDelayedDrag),off(e,`pointerup`,this._disableDelayedDrag),off(e,`pointercancel`,this._disableDelayedDrag),off(e,`mousemove`,this._delayedDragTouchMoveHandler),off(e,`touchmove`,this._delayedDragTouchMoveHandler),off(e,`pointermove`,this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,t){t=t||e.pointerType==`touch`&&e,!this.nativeDraggable||t?this.options.supportPointer?on(document,`pointermove`,this._onTouchMove):t?on(document,`touchmove`,this._onTouchMove):on(document,`mousemove`,this._onTouchMove):(on(dragEl,`dragend`,this),on(rootEl,`dragstart`,this._onDragStart));try{document.selection?_nextTick(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch{}},_dragStarted:function(e,t){if(awaitingDragStarted=!1,rootEl&&dragEl){pluginEvent(`dragStarted`,this,{evt:t}),this.nativeDraggable&&on(document,`dragover`,_checkOutsideTargetEl);var n=this.options;!e&&toggleClass(dragEl,n.dragClass,!1),toggleClass(dragEl,n.ghostClass,!0),Sortable.active=this,e&&this._appendGhost(),_dispatchEvent({sortable:this,name:`start`,originalEvent:t})}else this._nulling()},_emulateDragOver:function(){if(touchEvt){this._lastX=touchEvt.clientX,this._lastY=touchEvt.clientY,_hideGhostForTarget();for(var e=document.elementFromPoint(touchEvt.clientX,touchEvt.clientY),t=e;e&&e.shadowRoot&&(e=e.shadowRoot.elementFromPoint(touchEvt.clientX,touchEvt.clientY),e!==t);)t=e;if(dragEl.parentNode[expando]._isOutsideThisEl(e),t)do{if(t[expando]){var n=void 0;if(n=t[expando]._onDragOver({clientX:touchEvt.clientX,clientY:touchEvt.clientY,target:e,rootEl:t}),n&&!this.options.dragoverBubble)break}e=t}while(t=getParentOrHost(t));_unhideGhostForTarget()}},_onTouchMove:function(e){if(tapEvt){var t=this.options,n=t.fallbackTolerance,r=t.fallbackOffset,i=e.touches?e.touches[0]:e,a=ghostEl&&matrix(ghostEl,!0),o=ghostEl&&a&&a.a,s=ghostEl&&a&&a.d,c=PositionGhostAbsolutely&&ghostRelativeParent&&getRelativeScrollOffset(ghostRelativeParent),l=(i.clientX-tapEvt.clientX+r.x)/(o||1)+(c?c[0]-ghostRelativeParentInitialScroll[0]:0)/(o||1),u=(i.clientY-tapEvt.clientY+r.y)/(s||1)+(c?c[1]-ghostRelativeParentInitialScroll[1]:0)/(s||1);if(!Sortable.active&&!awaitingDragStarted){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(e,!0)}if(ghostEl){a?(a.e+=l-(lastDx||0),a.f+=u-(lastDy||0)):a={a:1,b:0,c:0,d:1,e:l,f:u};var d=`matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;css(ghostEl,`webkitTransform`,d),css(ghostEl,`mozTransform`,d),css(ghostEl,`msTransform`,d),css(ghostEl,`transform`,d),lastDx=l,lastDy=u,touchEvt=i}e.cancelable&&e.preventDefault()}},_appendGhost:function(){if(!ghostEl){var e=this.options.fallbackOnBody?document.body:rootEl,t=getRect$1(dragEl,!0,PositionGhostAbsolutely,!0,e),n=this.options;if(PositionGhostAbsolutely){for(ghostRelativeParent=e;css(ghostRelativeParent,`position`)===`static`&&css(ghostRelativeParent,`transform`)===`none`&&ghostRelativeParent!==document;)ghostRelativeParent=ghostRelativeParent.parentNode;ghostRelativeParent!==document.body&&ghostRelativeParent!==document.documentElement?(ghostRelativeParent===document&&(ghostRelativeParent=getWindowScrollingElement()),t.top+=ghostRelativeParent.scrollTop,t.left+=ghostRelativeParent.scrollLeft):ghostRelativeParent=getWindowScrollingElement(),ghostRelativeParentInitialScroll=getRelativeScrollOffset(ghostRelativeParent)}ghostEl=dragEl.cloneNode(!0),toggleClass(ghostEl,n.ghostClass,!1),toggleClass(ghostEl,n.fallbackClass,!0),toggleClass(ghostEl,n.dragClass,!0),css(ghostEl,`transition`,``),css(ghostEl,`transform`,``),css(ghostEl,`box-sizing`,`border-box`),css(ghostEl,`margin`,0),css(ghostEl,`top`,t.top),css(ghostEl,`left`,t.left),css(ghostEl,`width`,t.width),css(ghostEl,`height`,t.height),css(ghostEl,`opacity`,`0.8`),css(ghostEl,`position`,PositionGhostAbsolutely?`absolute`:`fixed`),css(ghostEl,`zIndex`,`100000`),css(ghostEl,`pointerEvents`,`none`),Sortable.ghost=ghostEl,e.appendChild(ghostEl),css(ghostEl,`transform-origin`,tapDistanceLeft/parseInt(ghostEl.style.width)*100+`% `+tapDistanceTop/parseInt(ghostEl.style.height)*100+`%`)}},_onDragStart:function(e,t){var n=this,r=e.dataTransfer,i=n.options;if(pluginEvent(`dragStart`,this,{evt:e}),Sortable.eventCanceled){this._onDrop();return}pluginEvent(`setupClone`,this),Sortable.eventCanceled||(cloneEl=clone$1(dragEl),cloneEl.removeAttribute(`id`),cloneEl.draggable=!1,cloneEl.style[`will-change`]=``,this._hideClone(),toggleClass(cloneEl,this.options.chosenClass,!1),Sortable.clone=cloneEl),n.cloneId=_nextTick(function(){pluginEvent(`clone`,n),!Sortable.eventCanceled&&(n.options.removeCloneOnHide||rootEl.insertBefore(cloneEl,dragEl),n._hideClone(),_dispatchEvent({sortable:n,name:`clone`}))}),!t&&toggleClass(dragEl,i.dragClass,!0),t?(ignoreNextClick=!0,n._loopId=setInterval(n._emulateDragOver,50)):(off(document,`mouseup`,n._onDrop),off(document,`touchend`,n._onDrop),off(document,`touchcancel`,n._onDrop),r&&(r.effectAllowed=`move`,i.setData&&i.setData.call(n,r,dragEl)),on(document,`drop`,n),css(dragEl,`transform`,`translateZ(0)`)),awaitingDragStarted=!0,n._dragStartId=_nextTick(n._dragStarted.bind(n,t,e)),on(document,`selectstart`,n),moved=!0,window.getSelection().removeAllRanges(),Safari&&css(document.body,`user-select`,`none`)},_onDragOver:function(e){var t=this.el,n=e.target,r,i,a,o=this.options,s=o.group,c=Sortable.active,l=activeGroup===s,u=o.sort,d=putSortable||c,f,p=this,m=!1;if(_silent)return;function g(o,s){pluginEvent(o,p,_objectSpread2({evt:e,isOwner:l,axis:f?`vertical`:`horizontal`,revert:a,dragRect:r,targetRect:i,canSort:u,fromSortable:d,target:n,completed:v,onMove:function(n,i){return _onMove(rootEl,t,dragEl,r,n,getRect$1(n),e,i)},changed:y},s))}function _(){g(`dragOverAnimationCapture`),p.captureAnimationState(),p!==d&&d.captureAnimationState()}function v(r){return g(`dragOverCompleted`,{insertion:r}),r&&(l?c._hideClone():c._showClone(p),p!==d&&(toggleClass(dragEl,putSortable?putSortable.options.ghostClass:c.options.ghostClass,!1),toggleClass(dragEl,o.ghostClass,!0)),putSortable!==p&&p!==Sortable.active?putSortable=p:p===Sortable.active&&putSortable&&(putSortable=null),d===p&&(p._ignoreWhileAnimating=n),p.animateAll(function(){g(`dragOverAnimationComplete`),p._ignoreWhileAnimating=null}),p!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(n===dragEl&&!dragEl.animated||n===t&&!n.animated)&&(lastTarget=null),!o.dragoverBubble&&!e.rootEl&&n!==document&&(dragEl.parentNode[expando]._isOutsideThisEl(e.target),!r&&nearestEmptyInsertDetectEvent(e)),!o.dragoverBubble&&e.stopPropagation&&e.stopPropagation(),m=!0}function y(){newIndex=index$3(dragEl),newDraggableIndex=index$3(dragEl,o.draggable),_dispatchEvent({sortable:p,name:`change`,toEl:t,newIndex,newDraggableIndex,originalEvent:e})}if(e.preventDefault!==void 0&&e.cancelable&&e.preventDefault(),n=closest(n,o.draggable,t,!0),g(`dragOver`),Sortable.eventCanceled)return m;if(dragEl.contains(e.target)||n.animated&&n.animatingX&&n.animatingY||p._ignoreWhileAnimating===n)return v(!1);if(ignoreNextClick=!1,c&&!o.disabled&&(l?u||(a=parentEl!==rootEl):putSortable===this||(this.lastPutMode=activeGroup.checkPull(this,c,dragEl,e))&&s.checkPut(this,c,dragEl,e))){if(f=this._getDirection(e,n)===`vertical`,r=getRect$1(dragEl),g(`dragOverValid`),Sortable.eventCanceled)return m;if(a)return parentEl=rootEl,_(),this._hideClone(),g(`revert`),Sortable.eventCanceled||(nextEl?rootEl.insertBefore(dragEl,nextEl):rootEl.appendChild(dragEl)),v(!0);var b=lastChild(t,o.draggable);if(!b||_ghostIsLast(e,f,this)&&!b.animated){if(b===dragEl)return v(!1);if(b&&t===e.target&&(n=b),n&&(i=getRect$1(n)),_onMove(rootEl,t,dragEl,r,n,i,e,!!n)!==!1)return _(),b&&b.nextSibling?t.insertBefore(dragEl,b.nextSibling):t.appendChild(dragEl),parentEl=t,y(),v(!0)}else if(b&&_ghostIsFirst(e,f,this)){var x=getChild(t,0,o,!0);if(x===dragEl)return v(!1);if(n=x,i=getRect$1(n),_onMove(rootEl,t,dragEl,r,n,i,e,!1)!==!1)return _(),t.insertBefore(dragEl,x),parentEl=t,y(),v(!0)}else if(n.parentNode===t){i=getRect$1(n);var S=0,C,w=dragEl.parentNode!==t,T=!_dragElInRowColumn(dragEl.animated&&dragEl.toRect||r,n.animated&&n.toRect||i,f),E=f?`top`:`left`,D=isScrolledPast(n,`top`,`top`)||isScrolledPast(dragEl,`top`,`top`),O=D?D.scrollTop:void 0;lastTarget!==n&&(C=i[E],pastFirstInvertThresh=!1,isCircumstantialInvert=!T&&o.invertSwap||w),S=_getSwapDirection(e,n,i,f,T?1:o.swapThreshold,o.invertedSwapThreshold==null?o.swapThreshold:o.invertedSwapThreshold,isCircumstantialInvert,lastTarget===n);var k;if(S!==0){var A=index$3(dragEl);do A-=S,k=parentEl.children[A];while(k&&(css(k,`display`)===`none`||k===ghostEl))}if(S===0||k===n)return v(!1);lastTarget=n,lastDirection=S;var j=n.nextElementSibling,M=!1;M=S===1;var N=_onMove(rootEl,t,dragEl,r,n,i,e,M);if(N!==!1)return(N===1||N===-1)&&(M=N===1),_silent=!0,setTimeout(_unsilent,30),_(),M&&!j?t.appendChild(dragEl):n.parentNode.insertBefore(dragEl,M?j:n),D&&scrollBy(D,0,O-D.scrollTop),parentEl=dragEl.parentNode,C!==void 0&&!isCircumstantialInvert&&(targetMoveDistance=Math.abs(C-getRect$1(n)[E])),y(),v(!0)}if(t.contains(dragEl))return v(!1)}return!1},_ignoreWhileAnimating:null,_offMoveEvents:function(){off(document,`mousemove`,this._onTouchMove),off(document,`touchmove`,this._onTouchMove),off(document,`pointermove`,this._onTouchMove),off(document,`dragover`,nearestEmptyInsertDetectEvent),off(document,`mousemove`,nearestEmptyInsertDetectEvent),off(document,`touchmove`,nearestEmptyInsertDetectEvent)},_offUpEvents:function(){var e=this.el.ownerDocument;off(e,`mouseup`,this._onDrop),off(e,`touchend`,this._onDrop),off(e,`pointerup`,this._onDrop),off(e,`pointercancel`,this._onDrop),off(e,`touchcancel`,this._onDrop),off(document,`selectstart`,this)},_onDrop:function(e){var t=this.el,n=this.options;if(newIndex=index$3(dragEl),newDraggableIndex=index$3(dragEl,n.draggable),pluginEvent(`drop`,this,{evt:e}),parentEl=dragEl&&dragEl.parentNode,newIndex=index$3(dragEl),newDraggableIndex=index$3(dragEl,n.draggable),Sortable.eventCanceled){this._nulling();return}awaitingDragStarted=!1,isCircumstantialInvert=!1,pastFirstInvertThresh=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),_cancelNextTick(this.cloneId),_cancelNextTick(this._dragStartId),this.nativeDraggable&&(off(document,`drop`,this),off(t,`dragstart`,this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),Safari&&css(document.body,`user-select`,``),css(dragEl,`transform`,``),e&&(moved&&(e.cancelable&&e.preventDefault(),!n.dropBubble&&e.stopPropagation()),ghostEl&&ghostEl.parentNode&&ghostEl.parentNode.removeChild(ghostEl),(rootEl===parentEl||putSortable&&putSortable.lastPutMode!==`clone`)&&cloneEl&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl),dragEl&&(this.nativeDraggable&&off(dragEl,`dragend`,this),_disableDraggable(dragEl),dragEl.style[`will-change`]=``,moved&&!awaitingDragStarted&&toggleClass(dragEl,putSortable?putSortable.options.ghostClass:this.options.ghostClass,!1),toggleClass(dragEl,this.options.chosenClass,!1),_dispatchEvent({sortable:this,name:`unchoose`,toEl:parentEl,newIndex:null,newDraggableIndex:null,originalEvent:e}),rootEl===parentEl?newIndex!==oldIndex&&newIndex>=0&&(_dispatchEvent({sortable:this,name:`update`,toEl:parentEl,originalEvent:e}),_dispatchEvent({sortable:this,name:`sort`,toEl:parentEl,originalEvent:e})):(newIndex>=0&&(_dispatchEvent({rootEl:parentEl,name:`add`,toEl:parentEl,fromEl:rootEl,originalEvent:e}),_dispatchEvent({sortable:this,name:`remove`,toEl:parentEl,originalEvent:e}),_dispatchEvent({rootEl:parentEl,name:`sort`,toEl:parentEl,fromEl:rootEl,originalEvent:e}),_dispatchEvent({sortable:this,name:`sort`,toEl:parentEl,originalEvent:e})),putSortable&&putSortable.save()),Sortable.active&&((newIndex==null||newIndex===-1)&&(newIndex=oldIndex,newDraggableIndex=oldDraggableIndex),_dispatchEvent({sortable:this,name:`end`,toEl:parentEl,originalEvent:e}),this.save()))),this._nulling()},_nulling:function(){pluginEvent(`nulling`,this),rootEl=dragEl=parentEl=ghostEl=nextEl=cloneEl=lastDownEl=cloneHidden=tapEvt=touchEvt=moved=newIndex=newDraggableIndex=oldIndex=oldDraggableIndex=lastTarget=lastDirection=putSortable=activeGroup=Sortable.dragged=Sortable.ghost=Sortable.clone=Sortable.active=null,savedInputChecked.forEach(function(e){e.checked=!0}),savedInputChecked.length=lastDx=lastDy=0},handleEvent:function(e){switch(e.type){case`drop`:case`dragend`:this._onDrop(e);break;case`dragenter`:case`dragover`:dragEl&&(this._onDragOver(e),_globalDragOver(e));break;case`selectstart`:e.preventDefault();break}},toArray:function(){for(var e=[],t,n=this.el.children,r=0,i=n.length,a=this.options;r<i;r++)t=n[r],closest(t,a.draggable,this.el,!1)&&e.push(t.getAttribute(a.dataIdAttr)||_generateId(t));return e},sort:function(e,t){var n={},r=this.el;this.toArray().forEach(function(e,t){var i=r.children[t];closest(i,this.options.draggable,r,!1)&&(n[e]=i)},this),t&&this.captureAnimationState(),e.forEach(function(e){n[e]&&(r.removeChild(n[e]),r.appendChild(n[e]))}),t&&this.animateAll()},save:function(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function(e,t){return closest(e,t||this.options.draggable,this.el,!1)},option:function(e,t){var n=this.options;if(t===void 0)return n[e];var r=PluginManager.modifyOption(this,e,t);r===void 0?n[e]=t:n[e]=r,e===`group`&&_prepareGroup(n)},destroy:function(){pluginEvent(`destroy`,this);var e=this.el;e[expando]=null,off(e,`mousedown`,this._onTapStart),off(e,`touchstart`,this._onTapStart),off(e,`pointerdown`,this._onTapStart),this.nativeDraggable&&(off(e,`dragover`,this),off(e,`dragenter`,this)),Array.prototype.forEach.call(e.querySelectorAll(`[draggable]`),function(e){e.removeAttribute(`draggable`)}),this._onDrop(),this._disableDelayedDragEvents(),sortables.splice(sortables.indexOf(this.el),1),this.el=e=null},_hideClone:function(){if(!cloneHidden){if(pluginEvent(`hideClone`,this),Sortable.eventCanceled)return;css(cloneEl,`display`,`none`),this.options.removeCloneOnHide&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl),cloneHidden=!0}},_showClone:function(e){if(e.lastPutMode!==`clone`){this._hideClone();return}if(cloneHidden){if(pluginEvent(`showClone`,this),Sortable.eventCanceled)return;dragEl.parentNode==rootEl&&!this.options.group.revertClone?rootEl.insertBefore(cloneEl,dragEl):nextEl?rootEl.insertBefore(cloneEl,nextEl):rootEl.appendChild(cloneEl),this.options.group.revertClone&&this.animate(dragEl,cloneEl),css(cloneEl,`display`,``),cloneHidden=!1}}};function _globalDragOver(e){e.dataTransfer&&(e.dataTransfer.dropEffect=`move`),e.cancelable&&e.preventDefault()}function _onMove(e,t,n,r,i,a,o,s){var c,l=e[expando],u=l.options.onMove,d;return window.CustomEvent&&!IE11OrLess&&!Edge?c=new CustomEvent(`move`,{bubbles:!0,cancelable:!0}):(c=document.createEvent(`Event`),c.initEvent(`move`,!0,!0)),c.to=t,c.from=e,c.dragged=n,c.draggedRect=r,c.related=i||t,c.relatedRect=a||getRect$1(t),c.willInsertAfter=s,c.originalEvent=o,e.dispatchEvent(c),u&&(d=u.call(l,c,o)),d}function _disableDraggable(e){e.draggable=!1}function _unsilent(){_silent=!1}function _ghostIsFirst(e,t,n){var r=getRect$1(getChild(n.el,0,n.options,!0)),i=getChildContainingRectFromElement(n.el,n.options,ghostEl),a=10;return t?e.clientX<i.left-a||e.clientY<r.top&&e.clientX<r.right:e.clientY<i.top-a||e.clientY<r.bottom&&e.clientX<r.left}function _ghostIsLast(e,t,n){var r=getRect$1(lastChild(n.el,n.options.draggable)),i=getChildContainingRectFromElement(n.el,n.options,ghostEl),a=10;return t?e.clientX>i.right+a||e.clientY>r.bottom&&e.clientX>r.left:e.clientY>i.bottom+a||e.clientX>r.right&&e.clientY>r.top}function _getSwapDirection(e,t,n,r,i,a,o,s){var c=r?e.clientY:e.clientX,l=r?n.height:n.width,u=r?n.top:n.left,d=r?n.bottom:n.right,f=!1;if(!o){if(s&&targetMoveDistance<l*i){if(!pastFirstInvertThresh&&(lastDirection===1?c>u+l*a/2:c<d-l*a/2)&&(pastFirstInvertThresh=!0),pastFirstInvertThresh)f=!0;else if(lastDirection===1?c<u+targetMoveDistance:c>d-targetMoveDistance)return-lastDirection}else if(c>u+l*(1-i)/2&&c<d-l*(1-i)/2)return _getInsertDirection(t)}return f=f||o,f&&(c<u+l*a/2||c>d-l*a/2)?c>u+l/2?1:-1:0}function _getInsertDirection(e){return index$3(dragEl)<index$3(e)?1:-1}function _generateId(e){for(var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,r=0;n--;)r+=t.charCodeAt(n);return r.toString(36)}function _saveInputCheckedState(e){savedInputChecked.length=0;for(var t=e.getElementsByTagName(`input`),n=t.length;n--;){var r=t[n];r.checked&&savedInputChecked.push(r)}}function _nextTick(e){return setTimeout(e,0)}function _cancelNextTick(e){return clearTimeout(e)}documentExists&&on(document,`touchmove`,function(e){(Sortable.active||awaitingDragStarted)&&e.cancelable&&e.preventDefault()}),Sortable.utils={on,off,css,find:find$2,is:function(e,t){return!!closest(e,t,e,!1)},extend,throttle:throttle$1,closest,toggleClass,clone:clone$1,index:index$3,nextTick:_nextTick,cancelNextTick:_cancelNextTick,detectDirection:_detectDirection,getChild,expando},Sortable.get=function(e){return e[expando]},Sortable.mount=function(){var e=[...arguments];e[0].constructor===Array&&(e=e[0]),e.forEach(function(e){if(!e.prototype||!e.prototype.constructor)throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(e)}`;e.utils&&(Sortable.utils=_objectSpread2(_objectSpread2({},Sortable.utils),e.utils)),PluginManager.mount(e)})},Sortable.create=function(e,t){return new Sortable(e,t)},Sortable.version=version;var autoScrolls=[],scrollEl,scrollRootEl,scrolling=!1,lastAutoScrollX,lastAutoScrollY,touchEvt$1,pointerElemChangedInterval;function AutoScrollPlugin(){function e(){for(var e in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)e.charAt(0)===`_`&&typeof this[e]==`function`&&(this[e]=this[e].bind(this))}return e.prototype={dragStarted:function(e){var t=e.originalEvent;this.sortable.nativeDraggable?on(document,`dragover`,this._handleAutoScroll):this.options.supportPointer?on(document,`pointermove`,this._handleFallbackAutoScroll):t.touches?on(document,`touchmove`,this._handleFallbackAutoScroll):on(document,`mousemove`,this._handleFallbackAutoScroll)},dragOverCompleted:function(e){var t=e.originalEvent;!this.options.dragOverBubble&&!t.rootEl&&this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?off(document,`dragover`,this._handleAutoScroll):(off(document,`pointermove`,this._handleFallbackAutoScroll),off(document,`touchmove`,this._handleFallbackAutoScroll),off(document,`mousemove`,this._handleFallbackAutoScroll)),clearPointerElemChangedInterval(),clearAutoScrolls(),cancelThrottle()},nulling:function(){touchEvt$1=scrollRootEl=scrollEl=scrolling=pointerElemChangedInterval=lastAutoScrollX=lastAutoScrollY=null,autoScrolls.length=0},_handleFallbackAutoScroll:function(e){this._handleAutoScroll(e,!0)},_handleAutoScroll:function(e,t){var n=this,r=(e.touches?e.touches[0]:e).clientX,i=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(r,i);if(touchEvt$1=e,t||this.options.forceAutoScrollFallback||Edge||IE11OrLess||Safari){autoScroll(e,this.options,a,t);var o=getParentAutoScrollElement(a,!0);scrolling&&(!pointerElemChangedInterval||r!==lastAutoScrollX||i!==lastAutoScrollY)&&(pointerElemChangedInterval&&clearPointerElemChangedInterval(),pointerElemChangedInterval=setInterval(function(){var a=getParentAutoScrollElement(document.elementFromPoint(r,i),!0);a!==o&&(o=a,clearAutoScrolls()),autoScroll(e,n.options,a,t)},10),lastAutoScrollX=r,lastAutoScrollY=i)}else{if(!this.options.bubbleScroll||getParentAutoScrollElement(a,!0)===getWindowScrollingElement()){clearAutoScrolls();return}autoScroll(e,this.options,getParentAutoScrollElement(a,!1),!1)}}},_extends(e,{pluginName:`scroll`,initializeByDefault:!0})}function clearAutoScrolls(){autoScrolls.forEach(function(e){clearInterval(e.pid)}),autoScrolls=[]}function clearPointerElemChangedInterval(){clearInterval(pointerElemChangedInterval)}var autoScroll=throttle$1(function(e,t,n,r){if(t.scroll){var i=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,o=t.scrollSensitivity,s=t.scrollSpeed,c=getWindowScrollingElement(),l=!1,u;scrollRootEl!==n&&(scrollRootEl=n,clearAutoScrolls(),scrollEl=t.scroll,u=t.scrollFn,scrollEl===!0&&(scrollEl=getParentAutoScrollElement(n,!0)));var d=0,f=scrollEl;do{var p=f,m=getRect$1(p),g=m.top,_=m.bottom,v=m.left,y=m.right,b=m.width,x=m.height,S=void 0,C=void 0,w=p.scrollWidth,T=p.scrollHeight,E=css(p),D=p.scrollLeft,O=p.scrollTop;p===c?(S=b<w&&(E.overflowX===`auto`||E.overflowX===`scroll`||E.overflowX===`visible`),C=x<T&&(E.overflowY===`auto`||E.overflowY===`scroll`||E.overflowY===`visible`)):(S=b<w&&(E.overflowX===`auto`||E.overflowX===`scroll`),C=x<T&&(E.overflowY===`auto`||E.overflowY===`scroll`));var k=S&&(Math.abs(y-i)<=o&&D+b<w)-(Math.abs(v-i)<=o&&!!D),A=C&&(Math.abs(_-a)<=o&&O+x<T)-(Math.abs(g-a)<=o&&!!O);if(!autoScrolls[d])for(var j=0;j<=d;j++)autoScrolls[j]||(autoScrolls[j]={});(autoScrolls[d].vx!=k||autoScrolls[d].vy!=A||autoScrolls[d].el!==p)&&(autoScrolls[d].el=p,autoScrolls[d].vx=k,autoScrolls[d].vy=A,clearInterval(autoScrolls[d].pid),(k!=0||A!=0)&&(l=!0,autoScrolls[d].pid=setInterval(function(){r&&this.layer===0&&Sortable.active._onTouchMove(touchEvt$1);var t=autoScrolls[this.layer].vy?autoScrolls[this.layer].vy*s:0,n=autoScrolls[this.layer].vx?autoScrolls[this.layer].vx*s:0;typeof u==`function`&&u.call(Sortable.dragged.parentNode[expando],n,t,e,touchEvt$1,autoScrolls[this.layer].el)!==`continue`||scrollBy(autoScrolls[this.layer].el,n,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&f!==c&&(f=getParentAutoScrollElement(f,!1)));scrolling=l}},30),drop=function(e){var t=e.originalEvent,n=e.putSortable,r=e.dragEl,i=e.activeSortable,a=e.dispatchSortableEvent,o=e.hideGhostForTarget,s=e.unhideGhostForTarget;if(t){var c=n||i;o();var l=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t,u=document.elementFromPoint(l.clientX,l.clientY);s(),c&&!c.el.contains(u)&&(a(`spill`),this.onSpill({dragEl:r,putSortable:n}))}};function Revert(){}Revert.prototype={startIndex:null,dragStart:function(e){this.startIndex=e.oldDraggableIndex},onSpill:function(e){var t=e.dragEl,n=e.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();var r=getChild(this.sortable.el,this.startIndex,this.options);r?this.sortable.el.insertBefore(t,r):this.sortable.el.appendChild(t),this.sortable.animateAll(),n&&n.animateAll()},drop},_extends(Revert,{pluginName:`revertOnSpill`});function Remove(){}Remove.prototype={onSpill:function(e){var t=e.dragEl,n=e.putSortable||this.sortable;n.captureAnimationState(),t.parentNode&&t.parentNode.removeChild(t),n.animateAll()},drop},_extends(Remove,{pluginName:`removeOnSpill`}),Sortable.mount(new AutoScrollPlugin),Sortable.mount(Remove,Revert);var defineFormConfig=e=>e,TABLE_SELECT_TYPES=new Set([`table-select`,`tableSelect`]),isTableSelect=e=>typeof e==`string`&&TABLE_SELECT_TYPES.has(e),asyncLoadConfig=(e,t,{asyncLoad:n,name:r,type:i})=>{i===`html`&&typeof n==`object`&&r!==void 0&&(n.name=r,e.asyncLoad=typeof t.asyncLoad==`object`?t.asyncLoad:n)},MULTIPLE_VALUE_TYPES=new Set([`checkbox-group`,`checkboxGroup`,`table`,`cascader`,`group-list`,`groupList`]),isMultipleValue=e=>typeof e==`string`&&MULTIPLE_VALUE_TYPES.has(e),initItemsValue=(e,t,n,{items:r,name:i,extensible:a})=>{Array.isArray(n[i])?t[i]=n[i].map((n,a)=>createValues(e,r,n,t[i]?.[a])):(t[i]=createValues(e,r,n[i],t[i]),a&&(t[i]=Object.assign({},n[i],t[i])))},setValue=(e,t,n,r)=>{let{items:i,name:a,type:o,checkbox:s}=r;if((isMultipleValue(o)||o===`tab`&&r.dynamic)&&(t[a]=n[a]||[]),i?initItemsValue(e,t,n,r):t[a]=getDefaultValue(e,r),o===`fieldset`&&s){let e=typeof s==`object`&&typeof s.name==`string`?s.name:`value`,r=typeof s==`object`&&s.falseValue!==void 0?s.falseValue:0;a&&typeof t[a]==`object`&&(t[a][e]=typeof n[a]==`object`&&n[a][e]||r)}},initValueItem=function(e,t,n,r){let{items:i}=t,{names:a}=t,{type:o,name:s}=t;return isTableSelect(o)&&s?(r[s]=n[s]??``,r):(asyncLoadConfig(r,n,t),s&&!i&&n?.[s]!==void 0?(r[s]===void 0&&(r[s]=o===`number`?Number(n[s]):n[s]),r):a?a.forEach(e=>r[e]=n[e]??``):s?(setValue(e,r,n,t),o===`table`&&(t.defautSort?sortChange(r[s],t.defautSort):t.defaultSort&&sortChange(r[s],t.defaultSort),t.sort&&t.sortKey&&r[s].sort((e,n)=>n[t.sortKey]-e[t.sortKey])),r):createValues(e,i,n,r))},createValues=function(e,t=[],n={},r={}){return Array.isArray(t)&&t.forEach(t=>{initValueItem(e,t,n,r)}),r},getDefaultValue=function(e,{defaultValue:t,type:n,filter:r,multiple:i,names:a}){if(typeof t==`function`)return t(e);if(t!==`undefined`)return t===void 0?n===`number`||r===`number`?0:[`switch`,`checkbox`].includes(n)?!1:i||n===`number-range`||n===`daterange`&&!a?[]:``:t},filterFunction=(e,t,n)=>typeof t==`function`?t(e,{values:readonly(e?.initValues||{}),model:readonly(n.model),parent:readonly(e?.parentValues||{}),formValue:readonly(e?.values||n.model),prop:n.prop,config:n.config,index:n.index,getFormValue:t=>getValueByKeyPath(t,e?.values||n.model)}):t,display$2=function(e,t,n){return t===`expand`?t:typeof t==`function`?filterFunction(e,t,n):t!==!1},getRules=function(e,t=[],n){return t=cloneDeep(t),typeof t==`object`&&!Array.isArray(t)&&(t=[t]),t.map(t=>{if(typeof t.validator==`function`){let r=t.validator;t.validator=(t,i,a,o,s)=>r({rule:t,value:n.config.names?n.model:i,callback:a,source:o,options:s},{values:e?.initValues||{},model:n.model,parent:e?.parentValues||{},formValue:e?.values||n.model,prop:n.prop,config:n.config},e)}return t})},initValue=async(e,{initValues:t,config:n})=>{if(!Array.isArray(n))throw Error(`config应该为数组`);let r=cloneDeep(t),i=createValues(e,n,r,{}),[a]=n;return a&&typeof a.onInitValue==`function`&&(i=await a.onInitValue(e,{formValue:i,initValue:r})),i||{}},datetimeFormatter=(e,t=`-`,n=`YYYY-MM-DD HH:mm:ss`)=>{if(e){let r;return[`x`,`timestamp`].includes(n)?r=(0,import_dayjs_min.default)(Number.isNaN(Number(e))?e:Number(e)).valueOf():typeof e==`string`&&e.includes(`Z`)||e instanceof Date?(import_dayjs_min.default.extend(import_utc.default),r=(0,import_dayjs_min.default)(e).utcOffset(8).format(n)):r=(0,import_dayjs_min.default)(e).format(n),r===`Invalid Date`?t:r}return t},getDataByPage=(e=[],t,n)=>{let r=t*n;return e.slice(r,r+n)},sortArray=(e,t,n,r)=>{if(t===n||t<0||t>=e.length||n<0||n>=e.length)return e;let i=e[n],a=e.toSpliced(n,1).toSpliced(t,0,i);if(r)for(let e=a.length-1,t=0;e>=0;e--,t++)a[t][r]=e;return cloneDeep(a)},sortChange=(e,{prop:t,order:n})=>{n===`ascending`?e.sort((e,n)=>e[t]-n[t]):n===`descending`&&e.sort((e,n)=>n[t]-e[t])},createObjectProp=(e,t,n)=>{if(e===``)return t;let r=`${e}`.split(`.`);return n&&`${r[r.length-1]}`==`${n}`?`${[...r.slice(0,-1),t].join(`.`)}`:`${[...r,t].join(`.`)}`},_hoisted_1$e$1={key:0,style:{display:`inline-flex`,"align-items":`center`}},_hoisted_2$8$5=[`innerHTML`,`title`],_hoisted_3$7$3=[`innerHTML`],_hoisted_4$5$2=[`innerHTML`,`title`],_sfc_main$B$1=defineComponent({__name:`FormLabel`,props:{tip:{},type:{},useLabel:{type:Boolean},text:{},labelTitle:{}},setup(e){return(t,n)=>e.tip?(openBlock(),createElementBlock(`span`,_hoisted_1$e$1,[createBaseVNode(`span`,{innerHTML:e.type===`checkbox`&&!e.useLabel?``:e.text,title:e.labelTitle},null,8,_hoisted_2$8$5),e.tip&&(e.type!==`checkbox`||e.useLabel)?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:`top`},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:e.tip},null,8,_hoisted_3$7$3)]),default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{style:{"margin-left":`5px`,display:`flex`}},{default:withCtx(()=>[createVNode(unref(warning_filled_default))]),_:1})]),_:1})):createCommentVNode(`v-if`,!0)])):(openBlock(),createElementBlock(`span`,{key:1,innerHTML:e.type===`checkbox`&&!e.useLabel?``:e.text,title:e.labelTitle},null,8,_hoisted_4$5$2))}}),_hoisted_1$d$1=[`data-tmagic-id`,`data-tmagic-form-item-prop`],_hoisted_2$7$5=[`innerHTML`],_hoisted_3$6$3=[`innerHTML`],_hoisted_4$4$2=[`innerHTML`],_hoisted_5$3=[`innerHTML`],_hoisted_6$1$3=[`innerHTML`],_hoisted_7$1=[`innerHTML`],_hoisted_8$1={key:5,style:{"text-align":`center`}},_sfc_main$A$1=defineComponent({name:`MFormContainer`,__name:`Container`,props:{model:{},lastValues:{default:()=>({})},config:{},prop:{default:``},disabled:{type:Boolean},labelWidth:{},expandMore:{type:Boolean,default:!1},stepActive:{},size:{default:`small`},isCompare:{type:Boolean,default:!1}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=ref$1(!1),o=computed$1(()=>n.config.name||``),s=computed$1(()=>n.isCompare?!isEqual(o.value?n.model[o.value]:n.model,o.value?n.lastValues[o.value]:n.lastValues):!1),c=computed$1(()=>n.config.items),l=computed$1(()=>{let e=``;if(o.value)e=o.value;else return n.prop;return n.prop!==void 0&&n.prop!==``?`${n.prop}.${e}`:`${e}`}),u=computed$1(()=>g.value===`component`&&n.config.component?n.config.component:`m-${c.value?`form`:`fields`}-${g.value}`),d=computed$1(()=>n.disabled||filterFunction(i,n.config.disabled,n)),f=computed$1(()=>filterFunction(i,n.config.text,n)),p=computed$1(()=>{let e=filterFunction(i,n.config.tooltip,n);return typeof e==`string`?{text:e,placement:`top`}:{text:e?.text,placement:e?.placement||`top`}}),m=computed$1(()=>getRules(i,n.config.rules,n)),g=computed$1(()=>{let{type:e}=n.config;return e=e&&filterFunction(i,e,n),e===`form`||e===`container`?``:e?.replace(/([A-Z])/g,`-$1`).toLowerCase()||(c.value?``:`text`)}),_=computed$1(()=>{let e=display$2(i,n.config.display,n);return e===`expand`?a.value:e}),v=computed$1(()=>({size:n.size,config:n.config,name:o.value,disabled:d.value,prop:l.value,key:n.config[i?.keyProps],style:n.config.fieldStyle})),y=computed$1(()=>({prop:l.value,labelWidth:b.value,labelPosition:n.config.labelPosition,rules:m.value,extra:filterFunction(i,n.config.extra,n)})),b=computed$1(()=>n.config.labelWidth??n.labelWidth);watchEffect(()=>{a.value=n.expandMore}),watch(s,e=>{g.value!==`hidden`&&(c.value&&!f.value&&g.value&&_.value||_.value&&e&&g.value&&r(`addDiffCount`))},{immediate:!0});let x=()=>a.value=!a.value,S=e=>e[i?.keyProps],C=(e,t)=>typeof e==`function`?e(i,t,{model:n.model,values:i?.initValues,formValue:i?.values,prop:l.value,config:n.config,getFormValue:e=>getValueByKeyPath(e,i?.values||n.model)}):e===`number`?+t:t,w=(e,t)=>{if(typeof t==`string`&&e)return t.replace(/^\s*/,``).replace(/\s*$/,``)},T=()=>r(`addDiffCount`),E=e=>e?.modifyKey!==void 0&&e.modifyKey!==``,D=()=>{let e=typeof o.value;return e!==`string`&&e!==`symbol`&&e!==`number`||o.value===``?!1:typeof o.value==`number`?o.value>=0:!0},O=(e,t,n=``)=>new Proxy(e,{get:(e,r)=>{let i=e[r];return i&&typeof i==`object`?O(i,t,n?`${n}.${r}`:r):i},set:(e,r,i)=>(t(n?`${n}.${r}`:r,i),!0)}),k=async function(e,t={}){let{filter:a,onChange:o,trim:s}=n.config,c=toRaw(e),u=t.changeRecords||[],d=[...u];try{if(c=C(a,e),typeof o==`function`){let e=(e,t)=>{d.push({propPath:createObjectProp(l.value,e,n.config.name),value:t})},t=(e,t)=>{d.push({propPath:e,value:t})};c=await o(i,c,{model:O(n.model,e),values:i?readonly(i.initValues):null,formValue:O(i?.values||{},t),prop:l.value,config:n.config,changeRecords:d,setModel:e,setFormValue:t,getFormValue:e=>getValueByKeyPath(e,i?.values||n.model)})??c}c=w(s,c)??c}catch(e){console.error(e)}let f=l.value;E(t)&&(f=f?`${f}.${t.modifyKey}`:t.modifyKey,delete t.modifyKey),u.length===0&&d.push({propPath:f,value:c}),r(`change`,n.model,{...t,changeRecords:d})};return(t,n)=>{let r=resolveComponent(`m-fields-hidden`),i=resolveComponent(`Container`,!0);return openBlock(),createElementBlock(`div`,{"data-tmagic-id":e.config.id,"data-tmagic-form-item-prop":l.value,class:normalizeClass(`m-form-container m-container-${g.value||``} ${e.config.className||``}${e.config.tip?` has-tip`:``}`),style:normalizeStyle(e.config.style)},[g.value===`hidden`?(openBlock(),createBlock(r,mergeProps({key:0},v.value,{model:e.model}),null,16,[`model`])):c.value&&!f.value&&g.value&&_.value?(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps({key:1},v.value,{model:e.model,"last-values":e.lastValues,"is-compare":e.isCompare,"step-active":e.stepActive,"expand-more":a.value,"label-width":b.value,style:e.config.fieldStyle,onChange:k,onAddDiffCount:T}),null,16,[`model`,`last-values`,`is-compare`,`step-active`,`expand-more`,`label-width`,`style`])):g.value&&_.value&&!s.value?(openBlock(),createElementBlock(Fragment,{key:2},[createVNode(unref(_sfc_main$o$2),mergeProps(y.value,{class:{"tmagic-form-hidden":`${b.value}`==`0`||!f.value}}),{label:withCtx(()=>[createVNode(_sfc_main$B$1,{tip:e.config.tip,type:g.value,"use-label":e.config.useLabel,"label-title":e.config.labelTitle,text:f.value},null,8,[`tip`,`type`,`use-label`,`label-title`,`text`])]),default:withCtx(()=>[p.value.text?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:p.value.placement},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:p.value.text},null,8,_hoisted_2$7$5)]),default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps(v.value,{model:e.model,"last-values":e.lastValues,"is-compare":e.isCompare,onChange:k,onAddDiffCount:T}),null,16,[`model`,`last-values`,`is-compare`]))]),_:1},8,[`placement`])):(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps({key:1},v.value,{model:e.model,"last-values":e.lastValues,"is-compare":e.isCompare,onChange:k,onAddDiffCount:T}),null,16,[`model`,`last-values`,`is-compare`]))]),_:1},16,[`class`]),e.config.tip&&g.value===`checkbox`&&!e.config.useLabel?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:`top`},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:e.config.tip},null,8,_hoisted_3$6$3)]),default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{style:{"line-height":`40px`,"margin-left":`5px`}},{default:withCtx(()=>[createVNode(unref(warning_filled_default))]),_:1})]),_:1})):createCommentVNode(`v-if`,!0)],64)):g.value&&_.value&&s.value?(openBlock(),createElementBlock(Fragment,{key:3},[createCommentVNode(` 对比 `),createCommentVNode(` 上次内容 `),createVNode(unref(_sfc_main$o$2),mergeProps(y.value,{class:{"tmagic-form-hidden":`${b.value}`==`0`||!f.value,"show-diff":!0}}),{label:withCtx(()=>[createVNode(_sfc_main$B$1,{tip:e.config.tip,type:g.value,"use-label":e.config.useLabel,"label-title":e.config.labelTitle,text:f.value},null,8,[`tip`,`type`,`use-label`,`label-title`,`text`])]),default:withCtx(()=>[p.value.text?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:p.value.placement},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:p.value.text},null,8,_hoisted_4$4$2)]),default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps(v.value,{model:e.lastValues,onChange:k}),null,16,[`model`]))]),_:1},8,[`placement`])):(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps({key:1},v.value,{model:e.lastValues,onChange:k}),null,16,[`model`]))]),_:1},16,[`class`]),e.config.tip&&g.value===`checkbox`&&!e.config.useLabel?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:`top`},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:e.config.tip},null,8,_hoisted_5$3)]),default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{style:{"line-height":`40px`,"margin-left":`5px`}},{default:withCtx(()=>[createVNode(unref(warning_filled_default))]),_:1})]),_:1})):createCommentVNode(`v-if`,!0),createCommentVNode(` 当前内容 `),createVNode(unref(_sfc_main$o$2),mergeProps(y.value,{style:e.config.tip?`flex: 1`:``,class:{"tmagic-form-hidden":`${b.value}`==`0`||!f.value,"show-diff":!0}}),{label:withCtx(()=>[createVNode(_sfc_main$B$1,{tip:e.config.tip,type:g.value,"use-label":e.config.useLabel,"label-title":e.config.labelTitle,text:f.value},null,8,[`tip`,`type`,`use-label`,`label-title`,`text`])]),default:withCtx(()=>[p.value.text?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,placement:p.value.placement},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:p.value.text},null,8,_hoisted_6$1$3)]),default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps(v.value,{model:e.model,onChange:k}),null,16,[`model`]))]),_:1},8,[`placement`])):(openBlock(),createBlock(resolveDynamicComponent(u.value),mergeProps({key:1},v.value,{model:e.model,onChange:k}),null,16,[`model`]))]),_:1},16,[`style`,`class`]),e.config.tip&&g.value===`checkbox`&&!e.config.useLabel?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:1,placement:`top`},{content:withCtx(()=>[createBaseVNode(`div`,{innerHTML:e.config.tip},null,8,_hoisted_7$1)]),default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{style:{"line-height":`40px`,"margin-left":`5px`}},{default:withCtx(()=>[createVNode(unref(warning_filled_default))]),_:1})]),_:1})):createCommentVNode(`v-if`,!0)],64)):c.value&&_.value?(openBlock(),createElementBlock(Fragment,{key:4},[(D()?e.model[o.value]:e.model)?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(c.value,t=>(openBlock(),createBlock(i,{key:S(t),model:D()?e.model[o.value]:e.model,"last-values":D()?e.lastValues[o.value]||{}:e.lastValues,"is-compare":e.isCompare,config:t,size:e.size,disabled:d.value,"step-active":e.stepActive,"expand-more":a.value,"label-width":b.value,prop:l.value,onChange:k,onAddDiffCount:T},null,8,[`model`,`last-values`,`is-compare`,`config`,`size`,`disabled`,`step-active`,`expand-more`,`label-width`,`prop`]))),128)):createCommentVNode(`v-if`,!0)],64)):createCommentVNode(`v-if`,!0),e.config.expand&&g.value!==`fieldset`?(openBlock(),createElementBlock(`div`,_hoisted_8$1,[createVNode(unref(_sfc_main$F$1),{type:`primary`,size:`small`,disabled:!1,link:``,onClick:x},{default:withCtx(()=>[createTextVNode(toDisplayString(a.value?`收起配置`:`展开更多配置`),1)]),_:1})])):createCommentVNode(`v-if`,!0)],14,_hoisted_1$d$1)}}}),_hoisted_1$c$1=[`innerHTML`],_hoisted_2$6$5=[`innerHTML`],_hoisted_3$5$3={key:1},_hoisted_4$3$2=[`innerHTML`],_hoisted_5$2$1=[`innerHTML`],_hoisted_6$4={key:2,style:{display:`flex`}},_hoisted_7={style:{flex:`1`}},_hoisted_8=[`src`],_sfc_main$z$1=defineComponent({name:`MFormFieldset`,__name:`Fieldset`,props:{labelWidth:{},prop:{default:``},size:{},model:{},lastValues:{default:()=>({})},isCompare:{type:Boolean,default:!1},config:{},rules:{default:{}},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=computed$1(()=>n.config.name||``),o=computed$1(()=>typeof n.config.checkbox==`object`&&typeof n.config.checkbox.name==`string`?n.config.checkbox.name:`value`),s=computed$1(()=>typeof n.config.checkbox==`object`&&n.config.checkbox.trueValue!==void 0?n.config.checkbox.trueValue:1),c=computed$1(()=>typeof n.config.checkbox==`object`&&n.config.checkbox.falseValue!==void 0?n.config.checkbox.falseValue:0),l=computed$1(()=>n.config.expand&&o.value?(a.value?n.model[a.value]:n.model)?.[o.value]===s.value:!0),u=computed$1(()=>n.config.items?n.config.labelWidth||n.labelWidth:n.config.labelWidth||n.labelWidth||(n.config.text?void 0:`0`)),d=e=>{r(`change`,e,{modifyKey:o.value})},f=(e,t)=>r(`change`,e,t),p=(e,t)=>e[i?.keyProp||`__key`]??t,m=()=>r(`addDiffCount`);return(t,n)=>(a.value?e.model[a.value]:e.model)?(openBlock(),createElementBlock(`fieldset`,{key:0,class:`m-fieldset`,style:normalizeStyle(l.value?`padding: 15px`:`border: 0`)},[a.value&&e.config.checkbox?(openBlock(),createBlock(resolveDynamicComponent(l.value?`legend`:`div`),{key:0},{default:withCtx(()=>[createVNode(unref(_sfc_main$C$1),{"model-value":(a.value?e.model[a.value]:e.model)[o.value],prop:`${e.prop}${e.prop?`.`:``}${e.config.name}.${o.value}`,"true-value":s.value,"false-value":c.value,"onUpdate:modelValue":d},{default:withCtx(()=>[createBaseVNode(`span`,{innerHTML:e.config.legend},null,8,_hoisted_1$c$1),e.config.extra?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:e.config.extra,class:`m-form-tip`},null,8,_hoisted_2$6$5)):createCommentVNode(`v-if`,!0)]),_:1},8,[`model-value`,`prop`,`true-value`,`false-value`])]),_:1})):(openBlock(),createElementBlock(`legend`,_hoisted_3$5$3,[createBaseVNode(`span`,{innerHTML:e.config.legend},null,8,_hoisted_4$3$2),e.config.extra?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:e.config.extra,class:`m-form-tip`},null,8,_hoisted_5$2$1)):createCommentVNode(`v-if`,!0)])),e.config.schematic&&l.value?(openBlock(),createElementBlock(`div`,_hoisted_6$4,[createBaseVNode(`div`,_hoisted_7,[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.items,(t,r)=>(openBlock(),createBlock(_sfc_main$A$1,{key:p(t,r),model:a.value?e.model[a.value]:e.model,lastValues:a.value?e.lastValues[a.value]:e.lastValues,"is-compare":e.isCompare,rules:a.value?e.rules[a.value]:[],config:t,prop:e.prop,disabled:e.disabled,labelWidth:u.value,size:e.size,onChange:f,onAddDiffCount:n[0]||(n[0]=e=>m())},null,8,[`model`,`lastValues`,`is-compare`,`rules`,`config`,`prop`,`disabled`,`labelWidth`,`size`]))),128))]),createBaseVNode(`img`,{class:`m-form-schematic`,src:e.config.schematic},null,8,_hoisted_8)])):l.value?(openBlock(!0),createElementBlock(Fragment,{key:3},renderList(e.config.items,(t,r)=>(openBlock(),createBlock(_sfc_main$A$1,{key:p(t,r),model:a.value?e.model[a.value]:e.model,lastValues:a.value?e.lastValues[a.value]:e.lastValues,"is-compare":e.isCompare,rules:a.value?e.rules[a.value]:[],config:t,prop:e.prop,labelWidth:u.value,size:e.size,disabled:e.disabled,onChange:f,onAddDiffCount:n[1]||(n[1]=e=>m())},null,8,[`model`,`lastValues`,`is-compare`,`rules`,`config`,`prop`,`labelWidth`,`size`,`disabled`]))),128)):createCommentVNode(`v-if`,!0)],4)):createCommentVNode(`v-if`,!0)}}),_sfc_main$y$1=defineComponent({name:`MFormFlexLayout`,__name:`FlexLayout`,props:{model:{},lastValues:{},isCompare:{type:Boolean},config:{},name:{},labelWidth:{},prop:{},size:{},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=computed$1(()=>n.config.gap||`16px`),o=(e,t)=>{r(`change`,n.model,t)},s=()=>r(`addDiffCount`);return(t,n)=>(openBlock(),createElementBlock(`div`,{class:`m-form-flex-layout`,style:normalizeStyle({display:`flex`,flexWrap:`wrap`,gap:a.value})},[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.items,(t,r)=>(openBlock(),createBlock(_sfc_main$A$1,{key:t[unref(i)?.keyProp||`__key`]??r,config:t,model:e.name?e.model[e.name]:e.model,lastValues:e.name?e.lastValues[e.name]:e.lastValues,"is-compare":e.isCompare,prop:e.prop,size:e.size,disabled:e.disabled,"label-width":e.config.labelWidth||e.labelWidth,onChange:o,onAddDiffCount:n[0]||(n[0]=e=>s())},null,8,[`config`,`model`,`lastValues`,`is-compare`,`prop`,`size`,`disabled`,`label-width`]))),128))],4))}}),_hoisted_1$b$1=[`innerHTML`],_hoisted_2$5$5={style:{"text-align":`right`,"margin-top":`20px`}},_hoisted_3$4$3=[`innerHTML`],_sfc_main$x$1=defineComponent({name:`MFormGroupListItem`,__name:`GroupListItem`,props:{model:{},lastValues:{},isCompare:{type:Boolean},groupModel:{},config:{},labelWidth:{},prop:{},size:{},index:{},disabled:{type:Boolean}},emits:[`swap-item`,`remove-item`,`change`,`addDiffCount`,`copy-item`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=n.config.defaultExpandQuantity??7,o=ref$1(n.config.expandAll||a>n.index),s=computed$1(()=>({type:`row`,span:n.config.span||24,items:n.config.items,labelWidth:n.config.labelWidth,[i?.keyProp||`__key`]:`${n.config[i?.keyProp||`__key`]}${String(n.index)}`})),c=computed$1(()=>n.config.titleKey&&n.model[n.config.titleKey]?n.model[n.config.titleKey]:n.config.title?filterFunction(i,n.config.title,n):`${n.config.titlePrefix||`组`} ${String(n.index+1)}`),l=computed$1(()=>n.groupModel?.length||0),u=computed$1(()=>filterFunction(i,n.config.itemExtra,n)),d=()=>r(`remove-item`,n.index),f=(e,t)=>{r(`change`,n.model,t)},p=()=>{o.value=!o.value},m=computed$1(()=>{let e=n.config.delete;return e&&typeof e==`function`?e(n.model,n.index,i?.values):!0}),g=(e=0)=>r(`swap-item`,n.index,n.index+e),_=computed$1(()=>{let{movable:e}=n.config;return e===void 0?!0:typeof e==`function`?e(i,n.index||0,n.model,n.groupModel):e}),v=computed$1(()=>filterFunction(i,n.config.copyable,n)),y=()=>r(`addDiffCount`),b=()=>{r(`copy-item`,n.index)},x=ref$1(!1),S=ref$1(1),C=()=>{x.value=!1,r(`swap-item`,n.index,S.value-1)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$E$1),{class:`m-fields-group-list-item`,"body-style":{display:o.value?`block`:`none`}},{header:withCtx(()=>[createBaseVNode(`div`,null,[createVNode(unref(_sfc_main$F$1),{link:``,disabled:e.disabled,onClick:p},{default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),null,{default:withCtx(()=>[o.value?(openBlock(),createBlock(unref(caret_bottom_default),{key:0})):(openBlock(),createBlock(unref(caret_right_default),{key:1}))]),_:1}),createBaseVNode(`span`,{innerHTML:c.value},null,8,_hoisted_1$b$1)]),_:1},8,[`disabled`]),withDirectives(createVNode(unref(_sfc_main$F$1),{type:`danger`,size:`small`,link:``,icon:unref(delete_default),disabled:e.disabled,onClick:d},null,8,[`icon`,`disabled`]),[[vShow,m.value]]),v.value?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,link:``,size:`small`,type:`primary`,icon:unref(document_copy_default),disabled:e.disabled,onClick:b},{default:withCtx(()=>[...n[6]||(n[6]=[createTextVNode(`复制`,-1)])]),_:1},8,[`icon`,`disabled`])):createCommentVNode(`v-if`,!0),_.value?(openBlock(),createElementBlock(Fragment,{key:1},[withDirectives(createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,disabled:e.disabled,icon:unref(caret_top_default),onClick:n[0]||(n[0]=e=>g(-1))},{default:withCtx(()=>[...n[7]||(n[7]=[createTextVNode(`上移`,-1)])]),_:1},8,[`disabled`,`icon`]),[[vShow,e.index!==0]]),withDirectives(createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,disabled:e.disabled,icon:unref(caret_bottom_default),onClick:n[1]||(n[1]=e=>g(1))},{default:withCtx(()=>[...n[8]||(n[8]=[createTextVNode(`下移`,-1)])]),_:1},8,[`disabled`,`icon`]),[[vShow,e.index!==l.value-1]])],64)):createCommentVNode(`v-if`,!0),e.config.moveSpecifyLocation?(openBlock(),createBlock(unref(_sfc_main$h$2),{key:2,trigger:`click`,placement:`top`,width:`200`,visible:x.value},{reference:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,type:`primary`,icon:unref(position_default),disabled:e.disabled,onClick:n[2]||(n[2]=e=>x.value=!0)},{default:withCtx(()=>[...n[9]||(n[9]=[createTextVNode(`移动至`,-1)])]),_:1},8,[`icon`,`disabled`])]),default:withCtx(()=>[createBaseVNode(`div`,null,[createBaseVNode(`div`,null,[n[10]||(n[10]=createTextVNode(` 第`,-1)),createVNode(unref(_sfc_main$l$2),{style:{margin:`0 5px`},modelValue:S.value,"onUpdate:modelValue":n[3]||(n[3]=e=>S.value=e),size:`small`,min:1,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),n[11]||(n[11]=createTextVNode(`行 `,-1))]),createBaseVNode(`div`,_hoisted_2$5$5,[createVNode(unref(_sfc_main$F$1),{size:`small`,text:``,onClick:n[4]||(n[4]=e=>x.value=!1)},{default:withCtx(()=>[...n[12]||(n[12]=[createTextVNode(`取消`,-1)])]),_:1}),createVNode(unref(_sfc_main$F$1),{size:`small`,type:`primary`,onClick:C},{default:withCtx(()=>[...n[13]||(n[13]=[createTextVNode(`确认`,-1)])]),_:1})])])]),_:1},8,[`visible`])):createCommentVNode(`v-if`,!0),u.value?(openBlock(),createElementBlock(`span`,{key:3,innerHTML:u.value,class:`m-form-tip`},null,8,_hoisted_3$4$3)):createCommentVNode(`v-if`,!0)])]),default:withCtx(()=>[o.value?(openBlock(),createBlock(_sfc_main$A$1,{key:0,config:s.value,model:e.model,lastValues:e.lastValues,"is-compare":e.isCompare,labelWidth:e.labelWidth,prop:`${e.prop}${e.prop?`.`:``}${String(e.index)}`,size:e.size,disabled:e.disabled,onChange:f,onAddDiffCount:n[5]||(n[5]=e=>y())},null,8,[`config`,`model`,`lastValues`,`is-compare`,`labelWidth`,`prop`,`size`,`disabled`])):createCommentVNode(`v-if`,!0)]),_:1},8,[`body-style`]))}}),_hoisted_1$a$1={class:`m-fields-group-list`},_hoisted_2$4$11=[`innerHTML`],_hoisted_3$3$3={key:1,class:`el-table__empty-block`},_hoisted_4$2$2={class:`m-fields-group-list-footer`},_hoisted_5$1$3={style:{display:`flex`,"justify-content":`flex-end`,flex:`1`}},_sfc_main$w$1=defineComponent({name:`MFormGroupList`,__name:`GroupList`,props:{model:{},lastValues:{},isCompare:{type:Boolean},config:{},name:{},labelWidth:{},prop:{},size:{},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=computed$1(()=>n.name?typeof n.config.addable==`function`?n.config.addable(i,{model:n.model[n.name],formValue:i?.values,prop:n.prop,config:n.config}):n.config.addable===void 0?!0:n.config.addable:!1),o=(e,t)=>{r(`change`,n.model,t)},s=async()=>{if(!n.name)return!1;let e={};typeof n.config.defaultAdd==`function`?e=await n.config.defaultAdd(i,{model:n.model[n.name],formValue:i?.values,prop:n.prop,config:n.config}):n.config.defaultAdd&&(e=n.config.defaultAdd);let t=await initValue(i,{config:n.config.items,initValues:e});n.model[n.name].push(t),r(`change`,n.model[n.name],{changeRecords:[{propPath:`${n.prop}.${n.model[n.name].length-1}`,value:t}]})},c=e=>{if(!n.name)return!1;n.model[n.name].splice(e,1),r(`change`,n.model[n.name])},l=e=>{n.model[n.name].push(cloneDeep(n.model[n.name][e]))},u=(e,t)=>{if(!n.name)return!1;let{length:i}=n.model[n.name],[a]=n.model[n.name].splice(e,1);n.model[n.name].splice(Math.min(Math.max(t,0),i-1),0,a),r(`change`,n.model[n.name])},d=()=>{n.config.type=`table`,n.config.groupItems=n.config.items,n.config.items=n.config.tableItems||n.config.items.map(e=>({...e,label:e.label||e.text,text:null}))},f=()=>r(`addDiffCount`),p=(e,t)=>e?.[t]||{};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$a$1,[e.config.extra?(openBlock(),createElementBlock(`div`,{key:0,innerHTML:e.config.extra,style:{color:`rgba(0, 0, 0, 0.45)`}},null,8,_hoisted_2$4$11)):createCommentVNode(`v-if`,!0),!e.model[e.name]||!e.model[e.name].length?(openBlock(),createElementBlock(`div`,_hoisted_3$3$3,[...n[1]||(n[1]=[createBaseVNode(`span`,{class:`el-table__empty-text t-table__empty`},`暂无数据`,-1)])])):(openBlock(!0),createElementBlock(Fragment,{key:2},renderList(e.model[e.name],(t,r)=>(openBlock(),createBlock(_sfc_main$x$1,{key:r,model:t,lastValues:p(e.lastValues[e.name],Number(r)),"is-compare":e.isCompare,config:e.config,prop:e.prop,index:Number(r),"label-width":e.labelWidth,size:e.size,disabled:e.disabled,"group-model":e.model[e.name],onRemoveItem:c,onCopyItem:l,onSwapItem:u,onChange:o,onAddDiffCount:n[0]||(n[0]=e=>f())},null,8,[`model`,`lastValues`,`is-compare`,`config`,`prop`,`index`,`label-width`,`size`,`disabled`,`group-model`]))),128)),createBaseVNode(`div`,_hoisted_4$2$2,[e.config.enableToggleMode?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,icon:unref(grid_default),size:`small`,onClick:d},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`切换为表格`,-1)])]),_:1},8,[`icon`])):createCommentVNode(`v-if`,!0),createBaseVNode(`div`,_hoisted_5$1$3,[a.value?(openBlock(),createBlock(unref(_sfc_main$F$1),mergeProps({key:0,size:e.config.enableToggleMode?`small`:`default`,icon:unref(plus_default)},e.config.addButtonConfig?.props||{type:`primary`},{disabled:e.disabled,onClick:s}),{default:withCtx(()=>[createTextVNode(toDisplayString(e.config.addButtonConfig?.text||`新增`),1)]),_:1},16,[`size`,`icon`,`disabled`])):createCommentVNode(`v-if`,!0)])])]))}}),_hoisted_1$9$5={style:{width:`100%`,display:`flex`,"align-items":`center`}},_hoisted_2$3$11=[`innerHTML`],_hoisted_3$2$9={key:0,style:{display:`flex`}},_hoisted_4$1$7={style:{flex:`1`}},_hoisted_5$4=[`src`],_sfc_main$v$1=defineComponent({name:`MFormPanel`,__name:`Panel`,props:{model:{},lastValues:{},isCompare:{type:Boolean},config:{},name:{},labelWidth:{},prop:{},size:{},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=inject(`mForm`),o=ref$1(r.config.expand!==!1),s=computed$1(()=>r.config.items),c=e=>filterFunction(a,e,r),l=(e,t)=>{i(`change`,r.model,t)},u=()=>i(`addDiffCount`);return t({getExpand:()=>o.value,setExpand:e=>{o.value=e}}),(t,n)=>s.value&&s.value.length?(openBlock(),createBlock(unref(_sfc_main$E$1),{key:0,class:`box-card m-form-panel`,"body-style":{display:o.value?`block`:`none`}},{header:withCtx(()=>[createBaseVNode(`div`,_hoisted_1$9$5,[createVNode(unref(_sfc_main$F$1),{style:{padding:`0`},link:``,icon:o.value?unref(caret_bottom_default):unref(caret_right_default),onClick:n[0]||(n[0]=e=>o.value=!o.value)},null,8,[`icon`]),renderSlot(t.$slots,`header`,{},()=>[createBaseVNode(`span`,{style:{cursor:`pointer`},onClick:n[1]||(n[1]=e=>o.value=!o.value)},toDisplayString(c(e.config.title)),1)]),e.config&&e.config.extra?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:e.config.extra,class:`m-form-tip`},null,8,_hoisted_2$3$11)):createCommentVNode(`v-if`,!0)])]),default:withCtx(()=>[createBaseVNode(`div`,null,[renderSlot(t.$slots,`default`),e.config.schematic?(openBlock(),createElementBlock(`div`,_hoisted_3$2$9,[createBaseVNode(`div`,_hoisted_4$1$7,[(openBlock(!0),createElementBlock(Fragment,null,renderList(s.value,(t,r)=>(openBlock(),createBlock(_sfc_main$A$1,{key:t[unref(a)?.keyProp||`__key`]??r,config:t,model:e.name?e.model[e.name]:e.model,lastValues:e.name?e.lastValues[e.name]:e.lastValues,"is-compare":e.isCompare,prop:e.prop,size:e.size,disabled:e.disabled,"label-width":e.config.labelWidth||e.labelWidth,onChange:l,onAddDiffCount:n[2]||(n[2]=e=>u())},null,8,[`config`,`model`,`lastValues`,`is-compare`,`prop`,`size`,`disabled`,`label-width`]))),128))]),createBaseVNode(`img`,{class:`m-form-schematic`,src:e.config.schematic},null,8,_hoisted_5$4)])):(openBlock(!0),createElementBlock(Fragment,{key:1},renderList(s.value,(t,r)=>(openBlock(),createBlock(_sfc_main$A$1,{key:t[unref(a)?.keyProp||`__key`]??r,config:t,model:e.name?e.model[e.name]:e.model,lastValues:e.name?e.lastValues[e.name]:e.lastValues,"is-compare":e.isCompare,prop:e.prop,size:e.size,disabled:e.disabled,"label-width":e.config.labelWidth||e.labelWidth,onChange:l,onAddDiffCount:n[3]||(n[3]=e=>u())},null,8,[`config`,`model`,`lastValues`,`is-compare`,`prop`,`size`,`disabled`,`label-width`]))),128))])]),_:3},8,[`body-style`])):createCommentVNode(`v-if`,!0)}}),_sfc_main$u$1=defineComponent({name:`MFormCol`,__name:`Col`,props:{model:{},lastValues:{},isCompare:{type:Boolean},config:{},labelWidth:{},expandMore:{type:Boolean},span:{},size:{},prop:{},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=computed$1(()=>display$2(i,n.config.display,n)),o=(e,t)=>r(`change`,e,t),s=()=>r(`addDiffCount`);return(t,n)=>withDirectives((openBlock(),createBlock(unref(_sfc_main$A$2),{span:e.span},{default:withCtx(()=>[createVNode(_sfc_main$A$1,{model:e.model,lastValues:e.lastValues,"is-compare":e.isCompare,config:e.config,prop:e.prop,"label-width":e.config.labelWidth||e.labelWidth,"expand-more":e.expandMore,size:e.size,disabled:e.disabled,onChange:o,onAddDiffCount:s},null,8,[`model`,`lastValues`,`is-compare`,`config`,`prop`,`label-width`,`expand-more`,`size`,`disabled`])]),_:1},8,[`span`])),[[vShow,a.value&&e.config.type!==`hidden`]])}}),_sfc_main$t$1=defineComponent({name:`MFormRow`,__name:`Row`,props:{model:{},lastValues:{},isCompare:{type:Boolean},config:{},name:{},labelWidth:{},prop:{},size:{},expandMore:{type:Boolean},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=(e,t)=>{r(`change`,n.name?n.model[n.name]:n.model,t)},o=()=>r(`addDiffCount`);return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$d$2),{gutter:10},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.items,(t,n)=>(openBlock(),createBlock(_sfc_main$u$1,{key:t[unref(i)?.keyProp||`__key`]??n,span:t.span||e.config.span||24/e.config.items.length,config:t,labelWidth:e.config.labelWidth||e.labelWidth,expandMore:e.expandMore,model:e.name?e.model[e.name]:e.model,lastValues:e.name?e.lastValues[e.name]:e.lastValues,"is-compare":e.isCompare,prop:e.prop,size:e.size,disabled:e.disabled,onChange:a,onAddDiffCount:o},null,8,[`span`,`config`,`labelWidth`,`expandMore`,`model`,`lastValues`,`is-compare`,`prop`,`size`,`disabled`]))),128))]),_:1}))}}),_sfc_main$s$1=defineComponent({name:`MFormStep`,__name:`Step`,props:{model:{},name:{},lastValues:{},isCompare:{type:Boolean},config:{},stepActive:{default:1},labelWidth:{},size:{},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`),a=ref$1(1);watchEffect(()=>{a.value=n.stepActive});let o=e=>{a.value=e+1,i?.$emit(`update:stepActive`,a.value)},s=(e,t)=>{r(`change`,n.model,t)},c=()=>r(`addDiffCount`);return(t,n)=>(openBlock(),createElementBlock(`div`,null,[createVNode(unref(_sfc_main$9$7),{active:a.value,"align-center":``,space:e.config.space},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.items,(e,t)=>(openBlock(),createBlock(unref(_sfc_main$a$2),{key:e.__key,title:e.title,active:a.value,onClick:e=>o(t)},null,8,[`title`,`active`,`onClick`]))),128))]),_:1},8,[`active`,`space`]),(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.items,(t,r)=>(openBlock(),createElementBlock(Fragment,null,[(openBlock(!0),createElementBlock(Fragment,null,renderList(t.items,o=>(openBlock(),createElementBlock(Fragment,null,[o?withDirectives((openBlock(),createBlock(_sfc_main$A$1,{key:o[unref(i)?.keyProp||`__key`],config:o,model:t.name?e.model[t.name]:e.model,lastValues:t.name?e.lastValues[t.name]:e.lastValues,"is-compare":e.isCompare,prop:`${t.name}`,size:e.size,disabled:e.disabled,"label-width":e.config.labelWidth||e.labelWidth,onChange:s,onAddDiffCount:n[0]||(n[0]=e=>c())},null,8,[`config`,`model`,`lastValues`,`is-compare`,`prop`,`size`,`disabled`,`label-width`])),[[vShow,a.value-1===r]]):createCommentVNode(`v-if`,!0)],64))),256))],64))),256))]))}}),_sfc_main$r$1=defineComponent({name:`MFormTabs`,__name:`Tabs`,props:{model:{},lastValues:{default:()=>({})},isCompare:{type:Boolean,default:!1},config:{},name:{},size:{},labelWidth:{},prop:{default:``},expandMore:{type:Boolean},disabled:{type:Boolean}},emits:[`change`,`addDiffCount`],setup(e,{emit:t}){let n=e,r=getDesignConfig(`components`)?.tabPane,i=getDesignConfig(`components`)?.tabs,a=(e,t,n)=>{let{config:r,model:i,prop:a}=t,{active:o}=r;return typeof o==`function`?o(e,{model:i,formValue:e?.values,prop:a}):0>=t.config.items.length||o===void 0?`0`:o},o=(e,t,n)=>{let{config:r,model:i,prop:a}=n;t.name=t.paneName,typeof r.onTabClick==`function`&&r.onTabClick(e,t,{model:i,formValue:e?.values,prop:a,config:r});let o=r.items.find(e=>t.name===e.status);o&&typeof o.onTabClick==`function`&&o.onTabClick(e,t,{model:i,formValue:e?.values,prop:a,config:r})},s=t,c=inject(`mForm`),l=ref$1(a(c,n)),u=ref$1({}),d=computed$1(()=>{if(n.config.dynamic){if(!n.config.name)throw Error(`dynamic tab 必须配置name`);return n.model[n.config.name]||[]}return n.config.items.filter(e=>display$2(c,e.display,n))}),f=e=>filterFunction(c,e,n);watchEffect(()=>{typeof n.config.activeChange==`function`&&n.config.activeChange(c,l.value,{model:n.model,prop:n.prop})});let p=e=>n.config.dynamic?n.config.items:e.items,m=e=>{if(typeof e==`object`)o(c,e,n);else{let t=d.value.find(e=>e.status===e);t||(t=d.value[e]),o(c,t,n)}},g=async()=>{if(!n.name)throw Error(`dynamic tab 必须配置name`);if(typeof n.config.onTabAdd==`function`)n.config.onTabAdd(c,{model:n.model,prop:n.prop,config:n.config}),s(`change`,n.model[n.name]);else{let e=await initValue(c,{config:n.config.items,initValues:{}});e.title=`标签${d.value.length+1}`,n.model[n.name].push(e),s(`change`,n.model[n.name],{changeRecords:[{propPath:`${n.prop}.${n.model[n.name].length-1}`,value:e}]})}c?.$emit(`field-change`,n.prop,n.model[n.name])},_=e=>{if(!n.name)throw Error(`dynamic tab 必须配置name`);typeof n.config.onTabRemove==`function`?n.config.onTabRemove(c,e,{model:n.model,prop:n.prop,config:n.config}):(n.model[n.name].splice(+e,1),(e<l.value||l.value>=n.model[n.name].length)&&(l.value=(l.value-1).toString(),o(c,{name:l.value},n))),s(`change`,n.model[n.name]),c?.$emit(`field-change`,n.prop,n.model[n.name])},v=(e,t)=>{s(`change`,n.name?n.model[n.name]:n.model,t)},y=e=>{u.value[e]?u.value[e]+=1:u.value[e]=1,s(`addDiffCount`)};return(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(i)?.component||`el-tabs`),mergeProps({modelValue:l.value,"onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e)},unref(i)?.props({type:e.config.tabType,editable:e.config.editable||!1,tabPosition:e.config.tabPosition||`top`})||{},{class:`tmagic-design-tabs ${e.config.dynamic?`magic-form-dynamic-tab`:`magic-form-tab`}`,onTabClick:m,onTabAdd:g,onTabRemove:_}),{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(d.value,(t,n)=>(openBlock(),createBlock(resolveDynamicComponent(unref(r)?.component||`el-tab-pane`),mergeProps({key:t[unref(c)?.keyProp||`__key`]??n},{ref_for:!0},unref(r)?.props({name:f(t.status)||n.toString(),lazy:t.lazy||!1})||{}),{label:withCtx(()=>[createBaseVNode(`span`,null,[createTextVNode(toDisplayString(f(t.title)),1),createVNode(unref(_sfc_main$G$1),{hidden:!u.value[Number(n)],value:u.value[Number(n)],class:`diff-count-badge`},null,8,[`hidden`,`value`])])]),default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(p(t),r=>(openBlock(),createBlock(_sfc_main$A$1,{key:r[unref(c)?.keyProp||`__key`],config:r,disabled:e.disabled,model:e.config.dynamic?(e.name?e.model[e.name]:e.model)[n]:t.name?(e.name?e.model[e.name]:e.model)[t.name]:e.name?e.model[e.name]:e.model,"last-values":unref(isEmpty$1)(e.lastValues)?{}:e.config.dynamic?(e.name?e.lastValues[e.name]:e.lastValues)[n]:t.name?(e.name?e.lastValues[e.name]:e.lastValues)[t.name]:e.name?e.lastValues[e.name]:e.lastValues,"is-compare":e.isCompare,prop:e.config.dynamic?`${e.prop}${e.prop?`.`:``}${String(n)}`:t.name?`${e.prop}${e.prop?`.`:``}${t.name}`:e.prop,size:e.size,"label-width":t.labelWidth||e.labelWidth,"expand-more":e.expandMore,onChange:v,onAddDiffCount:e=>y(Number(n))},null,8,[`config`,`disabled`,`model`,`last-values`,`is-compare`,`prop`,`size`,`label-width`,`expand-more`,`onAddDiffCount`]))),128))]),_:2},1040))),128))]),_:1},16,[`modelValue`,`class`]))}}),$MAGIC_FORM={},setConfig=e=>{$MAGIC_FORM=e},getConfig=e=>$MAGIC_FORM[e],useAddField=e=>{if(!e)return;let t=inject(`mForm`),n=getCurrentInstance$1();watch(()=>n?.proxy,n=>{n?t?.setField(e,n):t?.deleteField(e)},{immediate:!0})},_sfc_main$q$1=defineComponent({name:`MFormCascader`,__name:`Cascader`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=inject(`mForm`);useAddField(n.prop);let a=getConfig(`request`),o=ref$1(),s=ref$1([]),c=ref$1(null),l=computed$1(()=>filterFunction(i,n.config.checkStrictly,n)),u=computed$1(()=>filterFunction(i,n.config.valueSeparator,n)),d=computed$1(()=>typeof n.model[n.name]==`string`&&u.value?n.model[n.name].split(u.value):n.model[n.name]),f=e=>{let t=e;u.value&&(t=e.join(u.value)),t===void 0&&(Array.isArray(n.model[n.name])?r(`change`,[]):typeof n.model[n.name]==`string`?r(`change`,``):typeof n.model[n.name]==`object`&&r(`change`,null)),r(`change`,t)};typeof n.config.options==`function`&&n.model&&i?watchEffect(()=>{typeof n.config.options==`function`&&Promise.resolve(n.config.options(i,{model:n.model,prop:n.prop,formValue:i?.values})).then(e=>{s.value=e})}):!n.config.options?.length||n.config.remote?Promise.resolve(async function(){let{config:e}=n,{option:t}=e;if(!t)return;let{body:r}=t,o={url:t.url,cache:t.cache,timeout:t.timeout,data:{}};r&&i&&(typeof r==`function`&&n.model&&i&&(r=r(i,{model:n.model,formValue:i.values,formValues:i.values,config:n.config})),o.data=r);let l=await a(o);c.value=l[t.root],c.value&&typeof t?.item==`function`&&(s.value=t.item(l[t.root]))}()):Array.isArray(n.config.options)&&watchEffect(()=>{s.value=n.config.options});let p=()=>{o.value&&(o.value.setQuery(``),o.value.setPreviousQuery(null))};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$D$1),{"model-value":d.value,ref_key:`tMagicCascader`,ref:o,style:{width:`100%`},clearable:``,filterable:``,size:e.size,placeholder:e.config.placeholder,disabled:e.disabled,options:s.value,"popper-class":e.config.popperClass,props:{multiple:e.config.multiple??!1,emitPath:e.config.emitPath??!0,checkStrictly:l.value??!1},"onUpdate:modelValue":f,onChange:p},null,8,[`model-value`,`size`,`placeholder`,`disabled`,`options`,`popper-class`,`props`]))}}),_sfc_main$p$1=defineComponent({name:`MFormCheckbox`,__name:`Checkbox`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=computed$1(()=>{if(n.config.activeValue===void 0){if(n.config.filter===`number`)return 1}else return n.config.activeValue}),a=computed$1(()=>{if(n.config.inactiveValue===void 0){if(n.config.filter===`number`)return 0}else return n.config.inactiveValue}),o=e=>{r(`change`,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$C$1),{"model-value":e.model[e.name],size:e.size,trueValue:i.value,falseValue:a.value,disabled:e.disabled,"onUpdate:modelValue":o},createSlots({_:2},[e.config.useLabel?void 0:{name:`default`,fn:withCtx(()=>[createTextVNode(toDisplayString(e.config.text),1)]),key:`0`}]),1032,[`model-value`,`size`,`trueValue`,`falseValue`,`disabled`]))}}),_sfc_main$o$1=defineComponent({name:`MFormCheckGroup`,__name:`CheckboxGroup`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop),n.model&&!n.model[n.name]&&(n.model[n.name]=[]);let i=e=>{r(`change`,e)},a=inject(`mForm`),o=computed$1(()=>Array.isArray(n.config.options)?n.config.options:typeof n.config.options==`function`&&filterFunction(a,n.config.options,n)||[]);return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$B$2),{"model-value":e.model[e.name],size:e.size,disabled:e.disabled,"onUpdate:modelValue":i},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(o.value,e=>(openBlock(),createBlock(unref(_sfc_main$C$1),{value:e.value,key:e.value,disabled:e.disabled},{default:withCtx(()=>[createTextVNode(toDisplayString(e.text),1)]),_:2},1032,[`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`size`,`disabled`]))}}),_sfc_main$n$1=defineComponent({name:`MFormColorPicker`,__name:`ColorPicker`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=e=>r(`change`,e);return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$x$2),{"model-value":e.model[e.name],size:e.size,disabled:e.disabled,showAlpha:!0,"onUpdate:modelValue":i},null,8,[`model-value`,`size`,`disabled`]))}}),_sfc_main$m$1=defineComponent({name:`MFormDate`,__name:`Date`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop),n.model[n.name]=datetimeFormatter(n.model[n.name],``,n.config.valueFormat||`YYYY/MM/DD`);let i=e=>{r(`change`,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$w$2),{"model-value":e.model[e.name],type:`date`,size:e.size,placeholder:e.config.placeholder,disabled:e.disabled,format:e.config.format||`YYYY/MM/DD`,"value-format":e.config.valueFormat||`YYYY/MM/DD`,"onUpdate:modelValue":i},null,8,[`model-value`,`size`,`placeholder`,`disabled`,`format`,`value-format`]))}}),_sfc_main$l$1=defineComponent({name:`MFormDateRange`,__name:`Daterange`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let{names:i}=n.config,a=ref$1([]);if(n.model!==void 0){if(i?.length){let e=watch([()=>n.model[i[0]],()=>n.model[i[1]]],([e,t],[r,i])=>{a.value||(a.value=[]);let o=`${n.config.dateFormat||`YYYY/MM/DD`} ${n.config.timeFormat||`HH:mm:ss`}`;(!e||!t)&&(a.value=[]),e!==r&&(a.value[0]=datetimeFormatter(e,``,o)),t!==i&&(a.value[1]=datetimeFormatter(t,``,o))},{immediate:!0});onUnmounted(()=>{e()})}else if(n.name&&n.model[n.name]){let e=watch(()=>n.model[n.name],(e,t)=>{let r=`${n.config.dateFormat||`YYYY/MM/DD`} ${n.config.timeFormat||`HH:mm:ss`}`;e!==t&&(a.value=e.map(e=>e?datetimeFormatter(e,``,r):void 0))},{immediate:!0});onUnmounted(()=>{e()})}}let o=e=>{let t=e||[];if(n.name)r(`change`,t);else if(n.config.names?.length){let t=[];n.config.names.forEach((r,i)=>{n.model&&(Array.isArray(e)?t.push({propPath:n.prop?`${n.prop}.${r}`:r,value:e[i]}):t.push({propPath:n.prop?`${n.prop}.${r}`:r,value:void 0}))}),r(`change`,n.model,{changeRecords:t})}};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$w$2),{"model-value":a.value,type:`datetimerange`,"range-separator":`-`,"start-placeholder":`开始日期`,"end-placeholder":`结束日期`,size:e.size,"unlink-panels":!0,disabled:e.disabled,"default-time":e.config.defaultTime,format:`${e.config.dateFormat||`YYYY/MM/DD`} ${e.config.timeFormat||`HH:mm:ss`}`,"value-format":e.config.valueFormat||`YYYY/MM/DD HH:mm:ss`,"date-format":e.config.dateFormat||`YYYY/MM/DD`,"time-format":e.config.timeFormat||`HH:mm:ss`,"onUpdate:modelValue":o},null,8,[`model-value`,`size`,`disabled`,`default-time`,`format`,`value-format`,`date-format`,`time-format`]))}}),_sfc_main$k$1=defineComponent({name:`MFormDateTime`,__name:`DateTime`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=n.model?.[n.name]?.toString();n.model&&(!i||i===`Invalid Date`?n.model[n.name]=``:n.model[n.name]=datetimeFormatter(n.model[n.name],``,n.config.valueFormat||`YYYY/MM/DD HH:mm:ss`));let a=e=>{r(`change`,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$w$2),{"model-value":e.model[e.name],"popper-class":`magic-datetime-picker-popper`,type:`datetime`,size:e.size,placeholder:e.config.placeholder,disabled:e.disabled,format:e.config.format||`YYYY/MM/DD HH:mm:ss`,"value-format":e.config.valueFormat||`YYYY/MM/DD HH:mm:ss`,"default-time":e.config.defaultTime,"onUpdate:modelValue":a},null,8,[`model-value`,`size`,`placeholder`,`disabled`,`format`,`value-format`,`default-time`]))}}),_hoisted_1$8$5={key:0},_sfc_main$j$1=defineComponent({name:`MFormDisplay`,__name:`Display`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},setup(e){let t=e,n=inject(`mForm`);t.config.initValue&&t.model&&(t.model[t.name]=t.config.initValue);let r=computed$1(()=>t.config.displayText?filterFunction(n,t.config.displayText,t):t.model[t.name]);return useAddField(t.prop),(t,n)=>e.model?(openBlock(),createElementBlock(`span`,_hoisted_1$8$5,toDisplayString(r.value),1)):createCommentVNode(`v-if`,!0)}}),_hoisted_1$7$6={class:`m-fields-dynamic-field`},_sfc_main$i$1=defineComponent({name:`MFormDynamicField`,__name:`DynamicField`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=getConfig(`request`),a=reactive$1({value:{}}),o=reactive$1({value:{}}),s=async()=>{if(typeof n.config.returnFields!=`function`||!n.model)return;let e=await n.config.returnFields(n.config,n.model,i);a.value={},o.value={},e.forEach(e=>{if(typeof e!=`object`||e.name===void 0)return;let t=n.model?.[e.name]||``;!t&&e.defaultValue!==void 0&&(t=e.defaultValue,r(`change`,t,{modifyKey:e.name})),a.value[e.name]=t,o.value[e.name]=e.label||``})},c=watch(()=>n.model?.[n.config.dynamicKey],e=>{e!==``&&s()},{immediate:!0});onBeforeUnmount(()=>{typeof c==`function`&&c()});let l=e=>{r(`change`,a.value[e],{modifyKey:e})};return(e,t)=>(openBlock(),createElementBlock(`div`,_hoisted_1$7$6,[createVNode(unref(_sfc_main$p$2),{size:`small`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(Object.keys(a.value),e=>(openBlock(),createBlock(unref(_sfc_main$o$2),{key:e,label:o.value[e]},{default:withCtx(()=>[createVNode(unref(_sfc_main$m$2),{modelValue:a.value[e],"onUpdate:modelValue":t=>a.value[e]=t,placeholder:o.value[e],onChange:t=>l(e)},null,8,[`modelValue`,`onUpdate:modelValue`,`placeholder`,`onChange`])]),_:2},1032,[`label`]))),128))]),_:1})]))}}),_sfc_main$h$1=defineComponent({name:`MFormHidden`,__name:`Hidden`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},setup(e){return useAddField(e.prop),(t,n)=>e.model?withDirectives((openBlock(),createElementBlock(`input`,{key:0,"onUpdate:modelValue":n[0]||(n[0]=t=>e.model[e.name]=t),type:`hidden`},null,512)),[[vModelText,e.model[e.name]]]):createCommentVNode(`v-if`,!0)}}),_sfc_main$g$1=defineComponent({name:`MForm`,__name:`Form`,props:{config:{default:()=>[]},initValues:{default:()=>({})},lastValues:{default:()=>({})},isCompare:{type:Boolean,default:!1},parentValues:{default:()=>({})},labelWidth:{default:`200px`},disabled:{type:Boolean,default:!1},height:{default:`auto`},stepActive:{default:1},size:{},inline:{type:Boolean,default:!1},labelPosition:{default:`right`},keyProp:{default:`__key`},popperClass:{},preventSubmitDefault:{type:Boolean},extendState:{}},emits:[`change`,`error`,`field-input`,`field-change`,`update:stepActive`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=useTemplateRef(`tMagicForm`),o=ref$1(!1),s=ref$1({}),c=ref$1({}),l=new Map,u=getConfig(`request`),d=reactive$1({keyProp:r.keyProp,popperClass:r.popperClass,config:r.config,initValues:r.initValues,isCompare:r.isCompare,lastValues:r.lastValues,parentValues:r.parentValues,values:s,lastValuesProcessed:c,$emit:i,fields:l,setField:(e,t)=>l.set(e,t),getField:e=>l.get(e),deleteField:e=>l.delete(e),$messageBox:tMagicMessageBox,$message:tMagicMessage,post:e=>{if(u)return u({method:`POST`,...e})}});watchEffect(async()=>{if(d.initValues=r.initValues,d.lastValues=r.lastValues,d.isCompare=r.isCompare,d.config=r.config,d.keyProp=r.keyProp,d.popperClass=r.popperClass,d.parentValues=r.parentValues,typeof r.extendState==`function`){let e=await r.extendState(d)||{};Object.entries(e).forEach(([e,t])=>{d[e]=t})}}),provide(`mForm`,d);let f=shallowRef([]);watch([()=>r.config,()=>r.initValues],([e],[t])=>{f.value=[],isEqual(toRaw(e),toRaw(t))||(o.value=!1),initValue(d,{initValues:r.initValues,config:r.config}).then(e=>{s.value=e,o.value=!r.isCompare}),r.isCompare&&initValue(d,{initValues:r.lastValues,config:r.config}).then(e=>{c.value=e,o.value=!0})},{immediate:!0});let p=(e,t)=>{if(t.changeRecords?.length){for(let e of t.changeRecords)if(e.propPath){let t=f.value.findIndex(t=>t.propPath===e.propPath);t>-1?f.value[t]=e:f.value.push(e),setValueByKeyPath(e.propPath,e.value,s.value)}}i(`change`,s.value,t)},m=e=>{r.preventSubmitDefault&&e.preventDefault()},g=(e,t=r.config)=>{if(!e||!Array.isArray(t))return;let n=e.split(`.`),i=(e,t)=>{if(t.length===0)return;let[n,...r]=t;for(let a of e){if(a.name===n){if(r.length===0)return typeof a.text==`string`?a.text:void 0;if(a.items&&Array.isArray(a.items)){let e=i(a.items,r);if(e!==void 0)return e}}if(a.items&&Array.isArray(a.items)){let e=i(a.items,t);if(e!==void 0)return e}}};return i(t,n)};return t({values:s,lastValuesProcessed:c,formState:d,initialized:o,changeRecords:f,changeHandler:p,resetForm:()=>{a.value?.resetFields(),f.value=[]},submitForm:async e=>{try{let t=await a.value?.validate();if(t!==!0)throw t;return f.value=[],e?s.value:cloneDeep(toRaw(s.value))}catch(e){i(`error`,e);let t=[];throw Object.entries(e).forEach(([e,n])=>{n.forEach(({field:n,message:i})=>{let a=n||e,o=g(a,r.config)||a;t.push(`${o} -> ${i}`)})}),Error(t.join(`<br>`))}},getTextByName:g}),(t,n)=>(openBlock(),createBlock(unref(_sfc_main$p$2),{class:`m-form`,ref:`tMagicForm`,model:s.value,"label-width":e.labelWidth,style:normalizeStyle(`height: ${e.height}`),inline:e.inline,"label-position":e.labelPosition,onSubmit:m},{default:withCtx(()=>[o.value&&Array.isArray(e.config)?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(e.config,(t,n)=>(openBlock(),createBlock(_sfc_main$A$1,{disabled:e.disabled,key:t[e.keyProp]??n,config:t,model:s.value,"last-values":c.value,"is-compare":e.isCompare,"label-width":t.labelWidth||e.labelWidth,"step-active":e.stepActive,size:e.size,onChange:p},null,8,[`disabled`,`config`,`model`,`last-values`,`is-compare`,`label-width`,`step-active`,`size`]))),128)):createCommentVNode(`v-if`,!0)]),_:1},8,[`model`,`label-width`,`style`,`inline`,`label-position`]))}}),_hoisted_1$6$6={style:{"min-height":`1px`}},_sfc_main$f$1=defineComponent({name:`MFormDialog`,__name:`FormDialog`,props:{config:{default:()=>[]},values:{default:()=>({})},parentValues:{},width:{},labelWidth:{},fullscreen:{type:Boolean},disabled:{type:Boolean},title:{},inline:{type:Boolean},labelPosition:{},zIndex:{},size:{},confirmText:{default:`确定`},preventSubmitDefault:{type:Boolean},closeOnClickModal:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showCancel:{type:Boolean,default:!0}},emits:[`close`,`submit`,`error`,`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=ref$1(),o=ref$1(!1),s=ref$1(!1),c=ref$1(1),l=ref$1(`${document.body.clientHeight-194}px`),u=computed$1(()=>{let{length:e}=r.config;for(let t=0;t<e;t++)if(r.config[t].type===`step`)return r.config[t].items.length;return 0}),d=computed$1(()=>{let{length:e}=r.config;for(let t=0;t<e;t++)if(r.config[t].type===`step`)return!0;return!1}),f=()=>{c.value=1,i(`close`)},p=async()=>{try{let e=a.value?.changeRecords;i(`submit`,await a.value?.submitForm(),{changeRecords:e})}catch(e){i(`error`,e)}},m=()=>{--c.value},g=()=>{c.value+=1},_=(e,t)=>{i(`change`,e,t)},v=()=>{o.value=!0},y=()=>{o.value=!1},b=()=>{y()};return t({form:a,saveFetch:s,dialogVisible:o,cancel:b,save:p,show:v,hide:y}),(t,n)=>(openBlock(),createBlock(unref(_sfc_main$v$2),{modelValue:o.value,"onUpdate:modelValue":n[1]||(n[1]=e=>o.value=e),class:`m-form-dialog`,top:`20px`,"append-to-body":``,title:e.title,width:e.width,zIndex:e.zIndex,fullscreen:e.fullscreen,"close-on-click-modal":e.closeOnClickModal,"close-on-press-escape":e.closeOnPressEscape,"destroy-on-close":e.destroyOnClose,"show-close":e.showClose,onClose:f},{footer:withCtx(()=>[createVNode(unref(_sfc_main$d$2),{class:`dialog-footer`},{default:withCtx(()=>[createVNode(unref(_sfc_main$A$2),{span:12,style:{"text-align":`left`}},{default:withCtx(()=>[createBaseVNode(`div`,_hoisted_1$6$6,[renderSlot(t.$slots,`left`)])]),_:3}),createVNode(unref(_sfc_main$A$2),{span:12},{default:withCtx(()=>[renderSlot(t.$slots,`footer`,{},()=>[e.showCancel?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,onClick:b,size:`small`},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`取 消`,-1)])]),_:1})):createCommentVNode(`v-if`,!0),d.value&&c.value>1?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:1,type:`info`,size:`small`,onClick:m},{default:withCtx(()=>[...n[3]||(n[3]=[createTextVNode(`上一步`,-1)])]),_:1})):createCommentVNode(`v-if`,!0),d.value&&u.value>c.value?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:2,type:`info`,size:`small`,onClick:g},{default:withCtx(()=>[...n[4]||(n[4]=[createTextVNode(`下一步`,-1)])]),_:1})):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:3,type:`primary`,size:`small`,disabled:e.disabled,loading:s.value,onClick:p},{default:withCtx(()=>[createTextVNode(toDisplayString(e.confirmText),1)]),_:1},8,[`disabled`,`loading`]))])]),_:3})]),_:3})]),default:withCtx(()=>[o.value?(openBlock(),createElementBlock(`div`,{key:0,class:`m-dialog-body`,style:normalizeStyle(`max-height: ${l.value}; overflow-y: auto; overflow-x: hidden;`)},[createVNode(_sfc_main$g$1,{modelValue:c.value,"onUpdate:modelValue":n[0]||(n[0]=e=>c.value=e),ref_key:`form`,ref:a,size:e.size,disabled:e.disabled,config:e.config,"init-values":e.values,"parent-values":e.parentValues,"label-width":e.labelWidth,"label-position":e.labelPosition,inline:e.inline,"prevent-submit-default":e.preventSubmitDefault,onChange:_},null,8,[`modelValue`,`size`,`disabled`,`config`,`init-values`,`parent-values`,`label-width`,`label-position`,`inline`,`prevent-submit-default`]),renderSlot(t.$slots,`default`)],4)):createCommentVNode(`v-if`,!0)]),_:3},8,[`modelValue`,`title`,`width`,`zIndex`,`fullscreen`,`close-on-click-modal`,`close-on-press-escape`,`destroy-on-close`,`show-close`]))}}),_hoisted_1$5$9=[`href`],_hoisted_2$2$12={key:2,class:`m-fields-link`},_sfc_main$e$1=defineComponent({name:`MFormLink`,__name:`Link`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=ref$1({}),a=ref$1(),o=inject(`mForm`),s=computed$1(()=>typeof n.config.href==`function`&&n.model?n.config.href(n.model):n.config.href||n.model?.[n.name]),c=()=>{i.value=n.model?.[n.name]||{}},l=computed$1(()=>typeof n.config.form==`function`?n.config.form(o,{model:n.model||{},values:o?readonly(o.initValues):null,formValue:n.values||{}}):n.config.form),u=computed$1(()=>typeof n.config.displayText==`function`?n.config.displayText(o,{model:n.model||{}}):n.config.displayText?n.config.displayText:`跳转`),d=()=>{c(),a.value&&(a.value.dialogVisible=!0)},f=e=>{n.model&&(n.model[n.name]=e,i.value=e,r(`change`,n.model[n.name])),a.value&&(a.value.dialogVisible=!1)};return(t,n)=>e.config.href&&!e.disabled?(openBlock(),createElementBlock(`a`,{key:0,target:`_blank`,href:s.value,style:normalizeStyle(e.config.css||{})},toDisplayString(u.value),13,_hoisted_1$5$9)):e.config.href&&e.disabled?(openBlock(),createElementBlock(`span`,{key:1,style:normalizeStyle(e.config.disabledCss||{})},toDisplayString(u.value),5)):(openBlock(),createElementBlock(`div`,_hoisted_2$2$12,[createVNode(unref(_sfc_main$F$1),{link:``,type:`primary`,onClick:d},{default:withCtx(()=>[...n[0]||(n[0]=[createTextVNode(`点击编辑`,-1)])]),_:1}),createVNode(_sfc_main$f$1,{ref_key:`editor`,ref:a,title:e.config.formTitle||`编辑扩展配置`,width:e.config.formWidth,values:i.value,config:l.value,parentValues:e.values,fullscreen:e.config.fullscreen,onSubmit:f},null,8,[`title`,`width`,`values`,`config`,`parentValues`,`fullscreen`])]))}}),_sfc_main$d$1=defineComponent({name:`MFormNumber`,__name:`Number`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`,`input`],setup(e,{emit:t}){let n=e,r=t,i=ref$1();watch(()=>n.model[n.name],e=>{i.value=e},{immediate:!0}),useAddField(n.prop);let a=inject(`mForm`),o=e=>{r(`change`,e)},s=e=>{r(`input`,e),a?.$emit(`field-input`,n.prop,e)};return(t,n)=>e.model?(openBlock(),createBlock(unref(_sfc_main$l$2),{key:0,modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=e=>i.value=e),clearable:``,"controls-position":`right`,size:e.size,max:e.config.max,min:e.config.min,step:e.config.step,placeholder:e.config.placeholder,disabled:e.disabled,onChange:o,onInput:s},null,8,[`modelValue`,`size`,`max`,`min`,`step`,`placeholder`,`disabled`])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$4$11={class:`m-fields-number-range`},_sfc_main$c$1=defineComponent({name:`MFormNumberRange`,__name:`NumberRange`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=ref$1(),a=ref$1();watch(()=>n.model[n.name],([e,t])=>{i.value=e,a.value=t},{immediate:!0,deep:!0}),useAddField(n.prop),Array.isArray(n.model[n.name])||(n.model[n.name]=[]);let o=e=>{r(`change`,[Number(e),n.model[n.name][1]])},s=e=>{r(`change`,[n.model[n.name][0],Number(e)])};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$4$11,[createVNode(unref(_sfc_main$m$2),{modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=e=>i.value=e),clearable:e.config.clearable??!0,size:e.size,disabled:e.disabled,onChange:o},null,8,[`modelValue`,`clearable`,`size`,`disabled`]),n[2]||(n[2]=createBaseVNode(`span`,{class:`split-tag`},`-`,-1)),createVNode(unref(_sfc_main$m$2),{modelValue:a.value,"onUpdate:modelValue":n[1]||(n[1]=e=>a.value=e),clearable:e.config.clearable??!0,size:e.size,disabled:e.disabled,onChange:s},null,8,[`modelValue`,`clearable`,`size`,`disabled`])]))}}),_sfc_main$b$1=defineComponent({name:`MFormRadioGroup`,__name:`RadioGroup`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=computed$1(()=>n.config.childType===`button`?_sfc_main$f$2:_sfc_main$g$2),i=t,a=e=>{i(`change`,n.model[n.name]===e?``:e)};useAddField(n.prop);let o=computed$1(()=>n.size===`small`?`12`:n.size===`large`?`16`:`14`);return(t,n)=>e.model?(openBlock(),createBlock(unref(_sfc_main$e$2),{key:0,"model-value":e.model[e.name],size:e.size,disabled:e.disabled},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.options,e=>(openBlock(),createBlock(resolveDynamicComponent(r.value),{value:e.value,key:`${e.value}`,onClick:t=>a(e.value)},{default:withCtx(()=>[createVNode(unref(_sfc_main$2$19),{disabled:!e.tooltip,placement:`top-start`,content:e.tooltip},{default:withCtx(()=>[createBaseVNode(`div`,null,[e.icon?(openBlock(),createBlock(unref(_sfc_main$n$2),{key:0,size:o.value},{default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(e.icon)))]),_:2},1032,[`size`])):createCommentVNode(`v-if`,!0),createBaseVNode(`span`,null,toDisplayString(e.text),1)])]),_:2},1032,[`disabled`,`content`])]),_:2},1032,[`value`,`onClick`]))),128))]),_:1},8,[`model-value`,`size`,`disabled`])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$3$11={key:2},_sfc_main$a$1=defineComponent({name:`MFormSelect`,__name:`Select`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=getDesignConfig(`components`)?.option,o=getDesignConfig(`components`)?.optionGroup;if(!r.model)throw Error(`不能没有model`);useAddField(r.prop);let s=ref$1(),c=inject(`mForm`),l=ref$1([]),u=ref$1([]),d=ref$1(!1),f=ref$1(!1),p=ref$1(0),m=ref$1(0),g=ref$1(20),_=ref$1(``),v=ref$1([]),y=ref$1(!0),b=(e,t)=>{if(typeof t==`object`){let n=r.config.valueKey||`value`;return t[n]===e[n]}return e===t},x=e=>{let{option:t={text:`text`,value:`value`}}=r.config,{text:n=`text`,value:i=`value`}=t;return e.map(e=>({text:typeof n==`function`?n(e):e[n],value:typeof i==`function`?i(e):e[i]}))},S=async()=>{if(!r.model)return[];if(u.value.length)return u.value;d.value=!0;let e=[],{option:t}=r.config;if(!t)return[];let{root:n=``,totalKey:i=`total`}=t,{body:a={},url:o}=t;typeof o==`function`&&(o=await o(c,{model:r.model,formValue:c?.values}));let s={method:t.method||`POST`,url:o,cache:t.cache,timeout:t.timeout,mode:t.mode,headers:t.headers||{},json:t.json||!1};typeof a==`function`&&(a=a(c,{model:r.model,formValue:c?.values,formValues:c?.values,config:r.config})),a.query=_.value,a.pgSize=g.value,a.pgIndex=m.value,s.data=a;let f=getConfig(`request`);typeof t.beforeRequest==`function`&&(s=await t.beforeRequest(c,s,{model:r.model,formValue:c?.values,formValues:c?.values,prop:r.prop,config:r.config})),t.method?.toLocaleLowerCase()===`jsonp`&&(s.jsonpCallback=t.jsonpCallback||`callback`);let y=await f(s);typeof t.afterRequest==`function`&&(y=await t.afterRequest(c,y,{model:r.model,formValue:c?.values,formValues:c?.values,config:r.config,prop:r.prop,postOptions:s}));let b=getValueByKeyPath(n,y),S=globalThis.parseInt(getValueByKeyPath(i,y),10);S>0&&(p.value=S),v.value=v.value.concat(b),b&&(typeof t.item==`function`?e=t.item(b):b.map&&(e=x(b))),d.value=!1;let C=[];return r.config.multiple&&r.model[r.name]&&l.value.forEach(t=>{r.model?.[r.name].includes(t.value)&&!e.find(e=>e.value===t.value)&&C.push(t)}),m.value===0?C.concat(e):l.value.concat(e)},C=async()=>{if(!r.model)return[];let e=r.model[r.name],{config:t}=r;return u.value=await S(),y.value=!1,t.group?t.multiple&&e.findIndex?u.value.filter(t=>t.options.findIndex(t=>e.find(e=>b(t.value,e))>-1)>-1):u.value.filter(t=>t.options.findIndex(t=>b(t.value,e))>-1):t.multiple&&e.findIndex?u.value.filter(t=>e.findIndex(e=>b(t.value,e))>-1):u.value.filter(t=>b(t.value,e))},w=async()=>{if(!r.model)return[];let{option:e}=r.config;if(!e)return[];let{root:t=``,initRoot:n=``}=e,{initBody:i={}}=e,a=[],o=e.initUrl;if(!o)return C();typeof o==`function`&&(o=await o(c,{model:r.model,formValue:c?.values})),typeof i==`function`&&(i=i(c,{model:r.model,formValue:c?.values,formValues:c?.values,config:r.config}));let s={method:e.method||`POST`,url:o,data:{id:r.model[r.name],...i},mode:e.mode,headers:e.headers||{},json:e.json||!1};typeof e.beforeInitRequest==`function`&&(s=await e.beforeInitRequest(c,s,{model:r.model,formValue:c?.values,formValues:c?.values,config:r.config,prop:r.prop})),e.method?.toLocaleLowerCase()===`jsonp`&&(s.jsonpCallback=e.jsonpCallback||`callback`);let l=await getConfig(`request`)(s);typeof e.afterRequest==`function`&&(l=await e.afterRequest(c,l,{model:r.model,formValue:c?.values,formValues:c?.values,config:r.config,prop:r.prop,postOptions:s}));let u=getValueByKeyPath(n||t,l);return u&&(Array.isArray(u)||(u=[u]),typeof e.item==`function`?a=e.item(u):u.map&&(a=x(u))),a},T=e=>{l.value=e};if(typeof r.config.options==`function`?watchEffect(()=>{typeof r.config.options==`function`&&Promise.resolve(r.config.options(c,{model:r.model,prop:r.prop,formValues:c?.values,formValue:c?.values,config:r.config})).then(e=>{T(e)})}):Array.isArray(r.config.options)?watchEffect(()=>{T(r.config.options)}):r.config.option&&onBeforeMount(()=>{if(!r.model)return;let e=r.model[r.name];(Array.isArray(e)?e.length:e!==void 0)&&w().then(e=>{T(e)})}),r.config.remote){let e=watch(()=>s.value?.scrollbarWrap,t=>{t&&(nextTick(()=>e()),t.addEventListener(`scroll`,async e=>{let t=e.currentTarget;f.value||t.scrollHeight-t.clientHeight-t.scrollTop>1||p.value<=l.value.length||(f.value=!0,m.value+=1,T(await S()),f.value=!1)}))},{immediate:!0})}let E=c?.popperClass,D=e=>{i(`change`,e)},O=async e=>{e&&r.config.remote&&(_.value&&s.value?(s.value.setQuery(_.value),s.value.setPreviousQuery(_.value),s.value.setSelectedLabel(_.value)):l.value.length<=(r.config.multiple?r.model?.[r.name].length:1)&&T(await S()))},k=async e=>{u.value.length||(_.value=e,m.value=0,T(await S()),r.config.multiple&&setTimeout(()=>{s.value?.setSelected()},0))};return t({options:l,setOptions:T}),(t,n)=>{let r=resolveDirective(`loading`);return e.model?withDirectives((openBlock(),createBlock(unref(_sfc_main$b$2),{key:0,"model-value":e.model[e.name],class:`m-select`,ref_key:`tMagicSelect`,ref:s,clearable:e.config.clearable===void 0?!0:e.config.clearable,filterable:e.config.filterable===void 0?!0:e.config.filterable,"popper-class":`m-select-popper ${unref(E)}`,size:e.size,remote:y.value,placeholder:e.config.placeholder,multiple:e.config.multiple,"value-key":e.config.valueKey||`value`,"allow-create":e.config.allowCreate,disabled:e.disabled,"remote-method":e.config.remote&&k,"onUpdate:modelValue":D,onVisibleChange:O},{default:withCtx(()=>[e.config.group?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(l.value,(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(o)?.component||`el-option-group`),mergeProps({key:t},{ref_for:!0},unref(o)?.props({label:e.label,disabled:e.disabled})||{label:e.label,disabled:e.disabled}),{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.options,(e,t)=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)?.component||`el-option`),mergeProps({key:t},{ref_for:!0},unref(a)?.props({label:e.label||e.text,value:e.value,disabled:e.disabled})||{label:e.label||e.text,value:e.value,disabled:e.disabled}),null,16))),128))]),_:2},1040))),128)):(openBlock(!0),createElementBlock(Fragment,{key:1},renderList(l.value,t=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)?.component||`el-option`),mergeProps({class:`tmagic-design-option`,key:e.config.valueKey?t.value[e.config.valueKey]:t.value},{ref_for:!0},unref(a)?.props({label:t.text,value:t.value,disabled:t.disabled})||{label:t.text,value:t.value,disabled:t.disabled}),null,16))),128)),f.value?withDirectives((openBlock(),createElementBlock(`div`,_hoisted_1$3$11,null,512)),[[r,!0]]):createCommentVNode(`v-if`,!0)]),_:1},8,[`model-value`,`clearable`,`filterable`,`popper-class`,`size`,`remote`,`placeholder`,`multiple`,`value-key`,`allow-create`,`disabled`,`remote-method`])),[[r,d.value]]):createCommentVNode(`v-if`,!0)}}}),_sfc_main$9$6=defineComponent({name:`MFormSwitch`,__name:`Switch`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=e=>{r(`change`,e)},a=computed$1(()=>{if(n.config.activeValue===void 0){if(n.config.filter===`number`)return 1}else return n.config.activeValue;return!0}),o=computed$1(()=>{if(n.config.inactiveValue===void 0){if(n.config.filter===`number`)return 0}else return n.config.inactiveValue;return!1});return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$8$7),{"model-value":e.model[e.name],size:e.size,activeValue:a.value,inactiveValue:o.value,disabled:e.disabled,"onUpdate:modelValue":i},null,8,[`model-value`,`size`,`activeValue`,`inactiveValue`,`disabled`]))}}),_hoisted_1$2$13={class:`m-fields-text`},_hoisted_2$1$10={key:1},_hoisted_3$1$10={style:{display:`flex`,"justify-content":`flex-end`}},_sfc_main$8$6=defineComponent({name:`MFormText`,__name:`Text`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`,`input`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=inject(`mForm`),a=ref$1(``);watch(()=>n.model[n.name],e=>{a.value=e},{immediate:!0});let o=computed$1(()=>{if(typeof n.config.append==`string`)return{type:`text`,text:n.config.append,handler:void 0};if(typeof n.config.append==`object`){if(typeof n.config.append?.handler==`function`)return{type:`button`,text:n.config.append.text,handler:n.config.append.handler};if(n.config.append)return n.config.append.value===0?!1:n.config.append}return!1}),s=ref$1(!1),c=()=>{r(`change`,n.model[n.name].trim()||``),s.value=!1},l=debounce$1(e=>{typeof e==`string`&&!n.config.trim&&(s.value=e.trim()!==e)},300),u=e=>{r(`change`,e)},d=e=>{l(e),r(`input`,e),i?.$emit(`field-input`,n.prop,e)},f=()=>{if(o.value&&typeof o.value.handler==`function`){let e=[];o.value.handler(i,{model:n.model,values:i?readonly(i.initValues):null,formValue:n.values||{},setModel:(t,r)=>{e.push({propPath:n.prop.replace(`${n.name}`,t),value:r})},setFormValue:(t,n)=>{e.push({propPath:t,value:n})}}),e.length>0&&r(`change`,n.model[n.name],{changeRecords:e})}},p=e=>{if(!n.model||!n.name)return;let t=e.key===`ArrowUp`,i=e.key===`ArrowDown`;if(!t&&!i)return;let a=n.model[n.name],o,s;if(isNumber$1(a)?o=+a:a.replace(/^([0-9.]+)([a-z%]+)$/,(e,t,n)=>{o=+t,s=n}),o===void 0)return;let c=navigator.platform.match(`Mac`)?e.metaKey:e.ctrlKey,l=e.shiftKey,u=e.altKey;t?c?o+=100:u?o=(o*1e4+1e3)/1e4:l?o+=10:o+=1:i&&(c?o-=100:u?o=(o*1e4-1e3)/1e4:l?o-=10:--o),n.model[n.name]=`${o}${s||``}`,r(`change`,n.model[n.name])},m=ref$1(),g=ref$1(),_=shallowRef();watch(m,e=>{v(),!(!g.value?.$el||!e)&&(_.value=createPopper(g.value.$el,e,{placement:n.config.tooltip?`top`:`bottom`,strategy:`absolute`,modifiers:[{name:`offset`,options:{offset:[0,10]}}]}))});let v=()=>{_.value&&(_.value.destroy(),_.value=void 0)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$2$13,[createVNode(unref(_sfc_main$m$2),{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=e=>a.value=e),ref_key:`input`,ref:g,clearable:e.config.clearable??!0,size:e.size,placeholder:e.config.placeholder,disabled:e.disabled,onChange:u,onInput:d,onKeyup:n[1]||(n[1]=e=>p(e))},createSlots({_:2},[e.config.prepend?{name:`prepend`,fn:withCtx(()=>[createBaseVNode(`span`,null,toDisplayString(e.config.prepend),1)]),key:`0`}:void 0,o.value?{name:`append`,fn:withCtx(()=>[o.value.type===`button`?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,style:{color:`#409eff`},size:e.size,onClick:withModifiers(f,[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(o.value.text),1)]),_:1},8,[`size`])):(openBlock(),createElementBlock(`span`,_hoisted_2$1$10,toDisplayString(o.value.text),1))]),key:`1`}:void 0]),1032,[`modelValue`,`clearable`,`size`,`placeholder`,`disabled`]),(openBlock(),createBlock(Teleport,{to:`body`},[s.value?(openBlock(),createElementBlock(`div`,{key:0,class:`tmagic-form-text-popper m-form-item__content`,ref_key:`popoverEl`,ref:m},[n[5]||(n[5]=createBaseVNode(`div`,{class:`m-form-validate__warning`},`输入内容前后有空格,是否移除空格?`,-1)),createBaseVNode(`div`,_hoisted_3$1$10,[createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,onClick:n[2]||(n[2]=e=>s.value=!1)},{default:withCtx(()=>[...n[3]||(n[3]=[createTextVNode(`保持原样`,-1)])]),_:1}),createVNode(unref(_sfc_main$F$1),{type:`primary`,size:`small`,onClick:c},{default:withCtx(()=>[...n[4]||(n[4]=[createTextVNode(`移除空格`,-1)])]),_:1})]),n[6]||(n[6]=createBaseVNode(`span`,{class:`tmagic-form-text-popper-arrow`,"data-popper-arrow":``},null,-1))],512)):createCommentVNode(`v-if`,!0)]))]))}}),_sfc_main$7$6=defineComponent({name:`MFormTextarea`,__name:`Textarea`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`,`input`],setup(e,{emit:t}){let n=e,r=t,i=ref$1(``);watch(()=>n.model[n.name],e=>{i.value=e},{immediate:!0}),useAddField(n.prop);let a=inject(`mForm`),o=e=>{r(`change`,e)},s=e=>{r(`input`,e),a?.$emit(`field-input`,n.prop,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$m$2),{modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=e=>i.value=e),type:`textarea`,size:e.size,clearable:``,placeholder:e.config.placeholder,disabled:e.disabled,rows:e.config.rows,onChange:o,onInput:s},null,8,[`modelValue`,`size`,`placeholder`,`disabled`,`rows`]))}}),_sfc_main$6$6=defineComponent({name:`MFormTime`,__name:`Time`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let i=e=>{r(`change`,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$3$23),{"model-value":e.model[e.name],"value-format":e.config.valueFormat||`HH:mm:ss`,format:e.config.format||`HH:mm:ss`,size:e.size,placeholder:e.config.placeholder,disabled:e.disabled,"onUpdate:modelValue":i},null,8,[`model-value`,`value-format`,`format`,`size`,`placeholder`,`disabled`]))}}),_sfc_main$5$19=defineComponent({name:`MFormTimeRange`,__name:`Timerange`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t;useAddField(n.prop);let{names:i}=n.config,a=ref$1([]),o=e=>e?`${(0,import_dayjs_min.default)().format(`YYYY/MM/DD`)} ${e}`:``,s=()=>`YYYY/MM/DD ${n.config.valueFormat||`HH:mm:ss`}`,c=(e,t)=>datetimeFormatter(o(e),``,t).substring(11);if(n.model!==void 0){if(i?.length){let e=watch([()=>n.model[i[0]],()=>n.model[i[1]]],([e,t],[n,r])=>{a.value||(a.value=[]);let i=s();(!e||!t)&&(a.value=[]),e!==n&&(a.value[0]=c(e,i)),t!==r&&(a.value[1]=c(t,i))},{immediate:!0});onUnmounted(()=>{e()})}else if(n.name){let e=watch(()=>n.model[n.name],(e=[])=>{Array.isArray(e)?a.value=e.map(e=>e?c(e,s()):void 0):a.value=[]},{immediate:!0});onUnmounted(()=>{e()})}}let l=e=>{let t=e||[];if(n.name)r(`change`,t);else if(n.config.names?.length){let t=[];n.config.names.forEach((r,i)=>{n.model&&(Array.isArray(e)?t.push({propPath:n.prop?`${n.prop}.${r}`:r,value:e[i]}):t.push({propPath:n.prop?`${n.prop}.${r}`:r,value:void 0}))}),r(`change`,n.model,{changeRecords:t})}};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$3$23),{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=e=>a.value=e),"is-range":``,"range-separator":`-`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,size:e.size,"unlink-panels":!0,disabled:e.disabled,"default-time":e.config.defaultTime,format:e.config.format||`HH:mm:ss`,"value-format":e.config.valueFormat||`HH:mm:ss`,onChange:l},null,8,[`modelValue`,`size`,`disabled`,`default-time`,`format`,`value-format`]))}}),useAdd=(e,t)=>{let n=inject(`mForm`);return{addable:computed$1(()=>{let t=e.name||e.config.name||``;return e.model[t].length?typeof e.config.addable==`function`?e.config.addable(n,{model:e.model[t],formValue:n?.values,prop:e.prop}):e.config.addable===void 0?!0:e.config.addable:!0}),newHandler:async r=>{let i=e.name||e.config.name||``;if(e.config.max&&e.model[i].length>=e.config.max){tMagicMessage.error(`最多新增配置不能超过${e.config.max}条`);return}if(typeof e.config.beforeAddRow==`function`&&!e.config.beforeAddRow(n,{model:e.model[i],formValue:n?.values,prop:e.prop}))return;let a=e.config.items,o=e.config.enum||[],s=[],{length:c}=e.model[i],l=e.config.key||`id`,u={};if(o.length){if(c>=o.length)return;s=o.filter(t=>{let n=0;for(;n<c&&t[l]!==e.model[i][n][l];n++);return n===c}),s.length>0&&(u=s[0])}else Array.isArray(r)?a.forEach((e,t)=>{e.name&&(u[e.name]=r[t])}):(typeof e.config.defaultAdd==`function`?u=await e.config.defaultAdd(n,{model:e.model[i],prop:e.prop,formValue:n?.values}):e.config.defaultAdd&&(u=e.config.defaultAdd),u=await initValue(n,{config:a,initValues:u}));e.sortKey&&c&&(u[e.sortKey]=e.model[i][c-1][e.sortKey]-1),t(`change`,[...e.model[i],u],{changeRecords:[{propPath:`${e.prop}.${e.model[i].length}`,value:u}]})}}},useFullscreen=()=>{let e=ref$1(!1);return{isFullscreen:e,toggleFullscreen:()=>{e.value?e.value=!1:e.value=!0}}},useImport=(e,t,n)=>{let r=inject(`mForm`),i=computed$1(()=>e.name||e.config.name||``),a=computed$1(()=>typeof e.config.importable==`function`?e.config.importable(r,{formValue:r?.values,model:e.model[i.value]}):e.config.importable===void 0?!1:e.config.importable),o=useTemplateRef(`excelBtn`);return{importable:a,excelHandler:async e=>{if(!e?.raw)return!1;globalThis.XLSX||await asyncLoadJs(`https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js`);let t=new FileReader;return t.onload=()=>{let e=t.result,r=globalThis.XLSX.read(e,{type:`array`});r.SheetNames.forEach(e=>{let t=globalThis.XLSX.utils.sheet_to_json(r.Sheets[e],{header:1});t?.[0]&&t.forEach(e=>{n(e)}),setTimeout(()=>{o.value?.clearFiles()},300)})},t.readAsArrayBuffer(e.raw),!1},clearHandler:()=>{t(`change`,[]),r?.$emit(`field-change`,e.prop,e.model[i.value])}}},usePagination=(e,t)=>{let n=ref$1(10),r=ref$1(0);return{pageSize:n,currentPage:r,paginationData:computed$1(()=>getDataByPage(e.model[t.value],r.value,n.value)),handleSizeChange:e=>{n.value=e},handleCurrentChange:e=>{r.value=e-1}}},useSelection=(e,t,n)=>{let r=inject(`mForm`);return{selectHandle:(i,a)=>{typeof e.config.selection==`string`&&e.config.selection===`single`&&(n.value?.clearSelection(),n.value?.toggleRowSelection(a,!0)),t(`select`,i,a),typeof e.config.onSelect==`function`&&e.config.onSelect(r,{selection:i,row:a,config:e.config})},toggleRowSelection:(e,t)=>{n.value?.toggleRowSelection.call(n.value?.getTableRef(),e,t)}}},useSortable=(e,t,n,r,i)=>{let a=inject(`mForm`),o,s=()=>{o?.destroy();let s=n.value?.getEl(),c=s?.querySelector(`.el-table__body > tbody`)||s?.querySelector(`.t-table__body`);c&&(o=Sortable.create(c,{draggable:`.tmagic-design-table-row`,filter:`input`,preventOnFilter:!1,direction:`vertical`,handle:e.config.dropSortHandle?`.tmagic-form-table-drag-target`:void 0,onEnd:({newIndex:n,oldIndex:s})=>{if(n===void 0||s===void 0)return;let c=sortArray(e.model[r.value],n,s,e.sortKey);t(`change`,c),a?.$emit(`field-change`,c),nextTick(()=>{o?.destroy(),o=void 0,i.value+=1})}}))};watchEffect(()=>{e.config.dropSort&&s()})},_sfc_main$4$20=defineComponent({__name:`ActionsColumn`,props:{config:{},model:{},name:{},disabled:{type:Boolean},currentPage:{},pageSize:{},index:{},row:{},prop:{},sortKey:{}},emits:[`change`],setup(e,{emit:t}){let n=t,r=e,i=inject(`mForm`),a=e=>{r.disabled||n(`change`,r.model[r.name].toSpliced(e,1))},o=e=>{let t=cloneDeep(r.model[r.name][e]);if(typeof r.config.copyHandler==`function`){let e=r.name||r.config.name||``;t=r.config.copyHandler(i,{model:r.model[e],prop:r.prop,formValue:i?.values,inputs:t})}let{length:a}=r.model[r.name];r.sortKey&&a&&(t[r.sortKey]=r.model[r.name][a-1][r.sortKey]-1),n(`change`,[...r.model[r.name],t],{changeRecords:[{propPath:`${r.prop}.${r.model[r.name].length}`,value:t}]})},s=e=>{let t=r.config.delete;return t&&typeof t==`function`?t(r.model[r.name],e,i?.values):r.config.delete??!0},c=e=>{let t=r.config.copyable;return t&&typeof t==`function`?t(i,{values:i?.initValues||{},model:r.model,parent:i?.parentValues||{},formValue:i?.values||r.model,prop:r.prop,config:r.config,index:e}):r.config.copyable??!0};return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[renderSlot(t.$slots,`operateCol`,{scope:{$index:e.index,row:e.row}}),e.config.dropSort&&e.config.dropSortHandle?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,content:`拖动排序`,placement:`left-start`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{size:`small`,link:``,class:normalizeClass({"tmagic-form-table-drag-target":e.config.dropSortHandle}),icon:e.config.dropActionButtonIcon||unref(sort_default)},null,8,[`class`,`icon`])]),_:1})):createCommentVNode(`v-if`,!0),withDirectives(createVNode(unref(_sfc_main$F$1),{size:`small`,type:`danger`,link:``,title:`删除`,icon:e.config.deleteActionButtonIcon||unref(delete_default),onClick:n[0]||(n[0]=t=>a(e.index+1+e.currentPage*e.pageSize-1))},null,8,[`icon`]),[[vShow,s(e.index+1+e.currentPage*e.pageSize-1)]]),c(e.index+1+e.currentPage*e.pageSize-1)?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:1,link:``,size:`small`,type:`primary`,title:`复制`,icon:e.config.copyActionButtonIcon||unref(document_copy_default),disabled:e.disabled,onClick:n[1]||(n[1]=t=>o(e.index+1+e.currentPage*e.pageSize-1))},null,8,[`icon`,`disabled`])):createCommentVNode(`v-if`,!0)],64))}}),_sfc_main$3$21=defineComponent({__name:`SortColumn`,props:{index:{},disabled:{type:Boolean},currentPage:{},pageSize:{},name:{},model:{}},emits:[`swap`],setup(e,{emit:t}){let n=e,r=t,i=null,a=e=>{i&&clearTimeout(i),i=setTimeout(()=>{r(`swap`,e,e-1),i=null},300)},o=e=>{i&&clearTimeout(i);let t=e;for(let n=0;n<t;n++)r(`swap`,e,e-1),--e},s=e=>{i&&clearTimeout(i),i=setTimeout(()=>{r(`swap`,e,e+1),i=null},300)},c=e=>{i&&clearTimeout(i);let t=n.model[n.name].length-1-e;for(let n=0;n<t;n++)r(`swap`,e,e+1),e+=1};return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[e.index+1+e.currentPage*e.pageSize-1==0?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,content:`点击上移,双击置顶`,placement:`top`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{plain:``,size:`small`,type:`primary`,icon:unref(arrow_up_default),disabled:e.disabled,link:``,onClick:n[0]||(n[0]=t=>a(e.index+1+e.currentPage*e.pageSize-1)),onDblclick:n[1]||(n[1]=t=>o(e.index+1+e.currentPage*e.pageSize-1))},null,8,[`icon`,`disabled`])]),_:1})),e.index+1+e.currentPage*e.pageSize-1==e.model[e.name].length-1?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$2$19),{key:1,content:`点击下移,双击置底`,placement:`top`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{plain:``,size:`small`,type:`primary`,icon:unref(arrow_down_default),disabled:e.disabled,link:``,onClick:n[2]||(n[2]=t=>s(e.index+1+e.currentPage*e.pageSize-1)),onDblclick:n[3]||(n[3]=t=>c(e.index+1+e.currentPage*e.pageSize-1))},null,8,[`icon`,`disabled`])]),_:1}))],64))}}),useTableColumns=(e,t,n,r,i)=>{let a=inject(`mForm`),o=t=>display$2(a,t,e),s=computed$1(()=>e.config.pagination?getDataByPage(e.lastValues[i.value],n.value,r.value):e.lastValues[i.value]||[]),c=(t,n)=>typeof t==`function`?t(a,{values:a?.initValues,model:e.model,formValue:a?a.values:e.model,prop:e.prop,index:n}):t,l=t=>typeof t==`function`?t(a,{values:a?.initValues,model:e.model,formValue:a?a.values:e.model,prop:e.prop}):t,u=computed$1(()=>typeof e.config.selection==`function`?e.config.selection(a,{model:e.model[i.value]}):e.config.selection),d=t=>`${e.prop}${e.prop?`.`:``}${t+1+n.value*r.value-1}`,f=(e,t)=>{let n=cloneDeep(e);return typeof e.itemsFunction==`function`&&(n.items=e.itemsFunction(t)),delete n.display,n},p=(n,r)=>{t(`change`,e.model,r)},m=()=>t(`addDiffCount`);return{columns:computed$1(()=>{let g=[];e.config.itemExtra&&!e.config.dropSort&&g.push({props:{fixed:`left`,width:30,type:`expand`},cell:({$index:t})=>h(`span`,{innerHTML:c(e.config.itemExtra,t),class:`m-form-tip`})}),u.value&&g.push({props:{align:`center`,headerAlign:`center`,type:`selection`,width:45}});let _=e.config.fixed===!1?void 0:`left`;typeof e.config.fixed==`string`&&[`left`,`right`].includes(e.config.fixed)&&(_=e.config.fixed);let v={props:{label:`操作`,fixed:_,width:e.config.operateColWidth??(e.config.dropSortHandle&&e.config.dropSort?132:112),align:`center`},cell:({row:a,$index:o})=>h(_sfc_main$4$20,{row:a,index:o,model:e.model,config:e.config,prop:e.prop,disabled:e.disabled,sortKey:e.sortKey,name:i.value,currentPage:n.value,pageSize:r.value,onChange:e=>{t(`change`,e)}})};_!==`right`&&g.push(v),e.sort&&e.model[i.value]&&e.model[i.value].length>1&&g.push({props:{label:`排序`,width:80},cell:({$index:o})=>h(_sfc_main$3$21,{index:o,model:e.model,disabled:e.disabled,name:i.value,currentPage:n.value,pageSize:r.value,onSwap:(n,r)=>{let o=sortArray(e.model[i.value],n,r,e.sortKey);t(`change`,o),a?.$emit(`field-change`,o)}})}),e.showIndex&&e.config.showIndex&&g.push({props:{label:`序号`,width:60},cell:({$index:e})=>h(`span`,e+1+n.value*r.value)});for(let t of e.config.items)if(t.type!==`hidden`&&o(t.display)){let n=l(t.titleTip);g.push({props:{prop:t.name,label:t.label,width:t.width,sortable:t.sortable,sortOrders:[`ascending`,`descending`],class:e.config.dropSort===!0?`el-table__column--dropable`:``},cell:({row:n,$index:r})=>h(_sfc_main$A$1,{labelWidth:`0`,disabled:e.disabled,prop:d(r),rules:t.rules,config:f(t,n),model:n,lastValues:s.value[r],isCompare:e.isCompare,size:e.size,onChange:p,onAddDiffCount:m}),title:n?()=>h(_sfc_main$2$19,{placement:`top`},{default:()=>h(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:`5px`}},[h(`span`,t.label),h(_sfc_main$n$2,{},{default:()=>h(warning_filled_default)})]),content:()=>h(`div`,{innerHTML:n})}):void 0})}return _===`right`&&g.push(v),g})}},_hoisted_1$1$10=[`innerHTML`],_hoisted_2$12={style:{display:`flex`,"justify-content":`space-between`,margin:`10px 0`}},_hoisted_3$10={style:{display:`flex`}},_hoisted_4$8={key:1,class:`bottom`,style:{"text-align":`right`}},_sfc_main$2$18=defineComponent({name:`MFormTable`,__name:`Table`,props:{model:{},lastValues:{default:()=>({})},isCompare:{type:Boolean,default:!1},config:{},name:{},prop:{default:``},labelWidth:{},sort:{type:Boolean},disabled:{type:Boolean},sortKey:{default:``},text:{},size:{},enableToggleMode:{type:Boolean,default:!0},showIndex:{type:Boolean,default:!0}},emits:[`change`,`select`,`addDiffCount`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=computed$1(()=>r.name||r.config.name||``),o=useTemplateRef(`tMagicTable`),{pageSize:s,currentPage:c,paginationData:l,handleSizeChange:u,handleCurrentChange:d}=usePagination(r,a),{nextZIndex:f}=useZIndex(),p=ref$1(1),{addable:m,newHandler:g}=useAdd(r,i),{columns:_}=useTableColumns(r,i,c,s,a);useSortable(r,i,o,a,p);let{isFullscreen:v,toggleFullscreen:y}=useFullscreen(),{importable:b,excelHandler:x,clearHandler:S}=useImport(r,i,g),{selectHandle:C,toggleRowSelection:w}=useSelection(r,i,o),T=computed$1(()=>r.config.pagination?l.value:r.model[a.value]),E=()=>{let e=e=>{if(!e)return`0px`;let t=e.match(/[^\x00-\xff]/g)?.length||0,n=e.length-t;return`${Math.max(n*8+t*20,80)}px`};r.config.type=`groupList`,r.config.enableToggleMode=!0,r.config.tableItems=r.config.items,r.config.items=r.config.groupItems||r.config.items.map(t=>{let n=t.text||t.label,r=e(n);return{...t,text:n,labelWidth:r,span:t.span||12}})},D=e=>{let t=r.name||r.config.name||``;sortChange(r.model[t],e)};return t({toggleRowSelection:w}),(t,n)=>(openBlock(),createBlock(Teleport,{to:`body`,disabled:!unref(v)},[createBaseVNode(`div`,mergeProps(t.$attrs,{class:[`m-fields-table-wrap`,{fixed:unref(v)}],style:unref(v)?`z-index: ${unref(f)()}`:``}),[createBaseVNode(`div`,{class:normalizeClass([`m-fields-table`,{"m-fields-table-item-extra":e.config.itemExtra}])},[e.config.extra?(openBlock(),createElementBlock(`span`,{key:0,style:{color:`rgba(0, 0, 0, 0.45)`},innerHTML:e.config.extra},null,8,_hoisted_1$1$10)):createCommentVNode(`v-if`,!0),createVNode(unref(_sfc_main$2$19),{content:`拖拽可排序`,placement:`left-start`,disabled:e.config.dropSort!==!0||e.config.dropSortHandle},{default:withCtx(()=>[e.model[a.value]?(openBlock(),createBlock(unref(_sfc_main$7$7),{ref:`tMagicTable`,style:{width:`100%`},"show-header":``,"row-key":e.config.rowKey||`id`,columns:unref(_),data:T.value,border:e.config.border,"max-height":e.config.maxHeight,"default-expand-all":!0,key:p.value,onSelect:unref(C),onSortChange:D},null,8,[`row-key`,`columns`,`data`,`border`,`max-height`,`onSelect`])):createCommentVNode(`v-if`,!0)]),_:1},8,[`disabled`]),renderSlot(t.$slots,`default`),createBaseVNode(`div`,_hoisted_2$12,[createBaseVNode(`div`,_hoisted_3$10,[e.enableToggleMode&&e.config.enableToggleMode!==!1&&!unref(v)?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,icon:unref(grid_default),size:`small`,onClick:E},{default:withCtx(()=>[...n[1]||(n[1]=[createTextVNode(`展开配置`,-1)])]),_:1},8,[`icon`])):createCommentVNode(`v-if`,!0),e.config.enableFullscreen===!1?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:1,icon:unref(full_screen_default),size:`small`,onClick:unref(y)},{default:withCtx(()=>[createTextVNode(toDisplayString(unref(v)?`退出全屏`:`全屏编辑`),1)]),_:1},8,[`icon`,`onClick`])),unref(b)?(openBlock(),createBlock(unref(_sfc_main$1$24),{key:2,style:{display:`inline-block`},ref:`excelBtn`,action:`/noop`,disabled:e.disabled,"on-change":unref(x),"auto-upload":!1},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{size:`small`,type:`success`,disabled:e.disabled,plain:``},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`导入EXCEL`,-1)])]),_:1},8,[`disabled`])]),_:1},8,[`disabled`,`on-change`])):createCommentVNode(`v-if`,!0),unref(b)?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:3,size:`small`,type:`warning`,disabled:e.disabled,plain:``,onClick:unref(S)},{default:withCtx(()=>[...n[3]||(n[3]=[createTextVNode(`清空`,-1)])]),_:1},8,[`disabled`,`onClick`])):createCommentVNode(`v-if`,!0)]),unref(m)?(openBlock(),createBlock(unref(_sfc_main$F$1),mergeProps({key:0,class:`m-form-table-add-button`,size:`small`,plain:``,icon:unref(plus_default)},e.config.addButtonConfig?.props||{type:`primary`},{disabled:e.disabled,onClick:n[0]||(n[0]=e=>unref(g)())}),{default:withCtx(()=>[createTextVNode(toDisplayString(e.config.addButtonConfig?.text||`新增一行`),1)]),_:1},16,[`icon`,`disabled`])):createCommentVNode(`v-if`,!0)]),e.config.pagination?(openBlock(),createElementBlock(`div`,_hoisted_4$8,[createVNode(unref(_sfc_main$i$2),{layout:`total, sizes, prev, pager, next, jumper`,"hide-on-single-page":e.model[a.value].length<unref(s),"current-page":unref(c)+1,"page-sizes":[unref(s),60,120,300],"page-size":unref(s),total:e.model[a.value].length,onSizeChange:unref(u),onCurrentChange:unref(d)},null,8,[`hide-on-single-page`,`current-page`,`page-sizes`,`page-size`,`total`,`onSizeChange`,`onCurrentChange`])])):createCommentVNode(`v-if`,!0)],2)],16)],8,[`disabled`]))}}),footerHeight=60,_sfc_main$23=defineComponent({name:`MFormBox`,__name:`FormBox`,props:{config:{default:()=>[]},values:{default:()=>({})},parentValues:{},width:{},height:{},labelWidth:{},disabled:{type:Boolean},size:{},confirmText:{default:`确定`},inline:{type:Boolean},labelPosition:{},preventSubmitDefault:{type:Boolean}},emits:[`change`,`submit`,`error`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=computed$1(()=>{let e={};return typeof r.width==`number`&&(e.width=`${r.width}px`),typeof r.height==`number`&&(e.height=`${r.height}px`),e}),o=ref$1(),s=ref$1(!1),c=ref$1(0);watchEffect(()=>{r.height&&(c.value=r.height-footerHeight)});let l=async()=>{try{let e=o.value?.changeRecords;i(`submit`,await o.value?.submitForm(),{changeRecords:e})}catch(e){i(`error`,e)}},u=(e,t)=>{i(`change`,e,t)};return t({form:o,saveFetch:s,show:()=>{},hide:()=>{}}),(t,n)=>(openBlock(),createElementBlock(`div`,{class:`m-form-box`,style:normalizeStyle(a.value)},[createBaseVNode(`div`,{class:`m-box-body`,style:normalizeStyle(c.value?{height:`${c.value}px`}:{})},[createVNode(unref(_sfc_main$c$2),null,{default:withCtx(()=>[createVNode(_sfc_main$g$1,{ref_key:`form`,ref:o,size:e.size,disabled:e.disabled,config:e.config,"init-values":e.values,"parent-values":e.parentValues,"label-width":e.labelWidth,"label-position":e.labelPosition,inline:e.inline,"prevent-submit-default":e.preventSubmitDefault,onChange:u},null,8,[`size`,`disabled`,`config`,`init-values`,`parent-values`,`label-width`,`label-position`,`inline`,`prevent-submit-default`]),renderSlot(t.$slots,`default`)]),_:3})],4),createBaseVNode(`div`,{class:`dialog-footer`,style:normalizeStyle(`height: ${footerHeight}px`)},[createBaseVNode(`div`,null,[renderSlot(t.$slots,`left`)]),createBaseVNode(`div`,null,[renderSlot(t.$slots,`footer`,{},()=>[createVNode(unref(_sfc_main$F$1),{type:`primary`,size:e.size,disabled:e.disabled,loading:s.value,onClick:l},{default:withCtx(()=>[createTextVNode(toDisplayString(e.confirmText),1)]),_:1},8,[`size`,`disabled`,`loading`])])])],4)],4))}}),createForm=e=>e,defaultInstallOpt$1={},index$2={install(e,t={}){let n=Object.assign(defaultInstallOpt$1,t);e.config.globalProperties.$MAGIC_FORM=n,setConfig(n),e.component(`m-form`,_sfc_main$g$1),e.component(`m-form-dialog`,_sfc_main$f$1),e.component(`m-form-container`,_sfc_main$A$1),e.component(`m-form-fieldset`,_sfc_main$z$1),e.component(`m-form-group-list`,_sfc_main$w$1),e.component(`m-form-panel`,_sfc_main$v$1),e.component(`m-form-row`,_sfc_main$t$1),e.component(`m-form-step`,_sfc_main$s$1),e.component(`m-form-table`,_sfc_main$2$18),e.component(`m-form-tab`,_sfc_main$r$1),e.component(`m-form-flex-layout`,_sfc_main$y$1),e.component(`m-fields-text`,_sfc_main$8$6),e.component(`m-fields-img-upload`,_sfc_main$8$6),e.component(`m-fields-number`,_sfc_main$d$1),e.component(`m-fields-number-range`,_sfc_main$c$1),e.component(`m-fields-textarea`,_sfc_main$7$6),e.component(`m-fields-hidden`,_sfc_main$h$1),e.component(`m-fields-date`,_sfc_main$m$1),e.component(`m-fields-datetime`,_sfc_main$k$1),e.component(`m-fields-daterange`,_sfc_main$l$1),e.component(`m-fields-timerange`,_sfc_main$5$19),e.component(`m-fields-time`,_sfc_main$6$6),e.component(`m-fields-checkbox`,_sfc_main$p$1),e.component(`m-fields-switch`,_sfc_main$9$6),e.component(`m-fields-color-picker`,_sfc_main$n$1),e.component(`m-fields-checkbox-group`,_sfc_main$o$1),e.component(`m-fields-radio-group`,_sfc_main$b$1),e.component(`m-fields-display`,_sfc_main$j$1),e.component(`m-fields-link`,_sfc_main$e$1),e.component(`m-fields-select`,_sfc_main$a$1),e.component(`m-fields-cascader`,_sfc_main$q$1),e.component(`m-fields-dynamic-field`,_sfc_main$i$1)}},_hoisted_1$2$11=[`innerHTML`],_sfc_main$5$2=defineComponent({name:`MTableActionsColumn`,__name:`ActionsColumn`,props:{columns:{default:()=>[]},config:{default:()=>({})},rowkeyName:{default:`c_id`},editState:{default:()=>[]},row:{},index:{}},emits:[`after-action`,`after-action-cancel`],setup(e,{emit:t}){let n=e,r=t,i=(e,t)=>typeof e==`function`?e(t):typeof e==`boolean`?e:!0,a=(e,t)=>typeof e==`function`?e(t):typeof e==`boolean`?e:!1,o=(e,t)=>typeof e==`function`?e(t):e,s=async(e,t,r)=>{await e.before?.(t,r),e.type===`edit`?n.editState[r]=cloneDeep(t):await e.handler?.(t,r),e.after?.(t,r)},c=async(e,t)=>{let i=t.actions?.find(e=>e.type===`edit`)?.action;if(!i)return;let a=await i({data:n.editState[e],index:e});a?a.ret===0?(tMagicMessage.success(`保存成功`),n.editState[e]=void 0,r(`after-action`,{index:e})):tMagicMessage.error(a.msg||`保存失败`):(n.editState[e]=void 0,r(`after-action`,{index:e}))},l=async(e,t)=>{n.editState[e]=void 0;let i=t.actions?.find(e=>e.type===`edit`)?.cancel;i&&await i({index:e}),r(`after-action-cancel`,{index:e})};return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.config.actions,(t,n)=>(openBlock(),createBlock(unref(_sfc_main$2$19),{placement:t.tooltipPlacement||`top`,key:n,disabled:!t.tooltip,content:t.tooltip},{default:withCtx(()=>[withDirectives(createVNode(unref(_sfc_main$F$1),{class:`action-btn`,link:``,size:`small`,type:t.buttonType||`primary`,icon:t.icon,disabled:a(t.disabled,e.row),onClick:n=>s(t,e.row,e.index)},{default:withCtx(()=>[createBaseVNode(`span`,{innerHTML:o(t.text,e.row)},null,8,_hoisted_1$2$11)]),_:2},1032,[`type`,`icon`,`disabled`,`onClick`]),[[vShow,i(t.display,e.row)&&!e.editState[e.index]]])]),_:2},1032,[`placement`,`disabled`,`content`]))),128)),withDirectives(createVNode(unref(_sfc_main$F$1),{class:`action-btn`,link:``,type:`primary`,size:`small`,onClick:n[0]||(n[0]=t=>c(e.index,e.config))},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`保存`,-1)])]),_:1},512),[[vShow,e.editState[e.index]]]),withDirectives(createVNode(unref(_sfc_main$F$1),{class:`action-btn`,link:``,type:`danger`,size:`small`,onClick:n[1]||(n[1]=t=>l(e.index,e.config))},{default:withCtx(()=>[...n[3]||(n[3]=[createTextVNode(`取消`,-1)])]),_:1},512),[[vShow,e.editState[e.index]]])],64))}}),_sfc_main$4$2=defineComponent({name:`MTableColumn`,__name:`ComponentColumn`,props:{config:{default:()=>({})},row:{},index:{}},setup(e){let t=e,n=(e,n)=>typeof t.config.props==`function`?t.config.props(e,n)||{}:t.config.props||{},r=(e,n)=>typeof t.config.listeners==`function`?t.config.listeners(e,n)||{}:t.config.listeners||{};return(t,i)=>(openBlock(),createBlock(resolveDynamicComponent(e.config.component),mergeProps(n(e.row,e.index),toHandlers(r(e.row,e.index))),null,16))}}),_hoisted_1$1$8=[`innerHTML`],_sfc_main$3$2=defineComponent({name:`MTableExpandColumn`,__name:`ExpandColumn`,props:{config:{default:()=>({})},row:{}},setup(e){let t=e,n=e=>typeof t.config.props==`function`?t.config.props(e)||{}:t.config.props||{};return(t,r)=>(openBlock(),createElementBlock(Fragment,null,[e.config.table?(openBlock(),createBlock(_sfc_main$22,{key:0,"show-header":!1,columns:e.config.table,data:e.config.prop&&e.row[e.config.prop]||[]},null,8,[`columns`,`data`])):createCommentVNode(`v-if`,!0),e.config.form?(openBlock(),createBlock(unref(_sfc_main$g$1),{key:1,config:e.config.form,"init-values":e.config.values||e.config.prop&&e.row[e.config.prop]||{}},null,8,[`config`,`init-values`])):createCommentVNode(`v-if`,!0),e.config.expandContent?(openBlock(),createElementBlock(`div`,{key:2,innerHTML:e.config.expandContent(e.row,e.config.prop)},null,8,_hoisted_1$1$8)):createCommentVNode(`v-if`,!0),e.config.component?(openBlock(),createBlock(resolveDynamicComponent(e.config.component),normalizeProps(mergeProps({key:3},n(e.row))),null,16)):createCommentVNode(`v-if`,!0)],64))}}),formatter=(e,t,n)=>{if(!e.prop)return``;if(e.formatter){e.formatter===`datetime`&&(e.formatter=e=>datetimeFormatter(e));try{return e.formatter(t[e.prop],t,n)}catch(n){return console.error(`Formatter error:`,n),t[e.prop]}}else return t[e.prop]},_sfc_main$2$2=defineComponent({name:`MTablePopoverColumn`,__name:`PopoverColumn`,props:{config:{default:()=>({})},row:{},index:{}},setup(e){return(t,n)=>e.config.popover?(openBlock(),createBlock(unref(_sfc_main$h$2),{key:0,placement:e.config.popover.placement,width:e.config.popover.width,trigger:e.config.popover.trigger,"destroy-on-close":e.config.popover.destroyOnClose??!0},{reference:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{link:``,type:`primary`},{default:withCtx(()=>[createTextVNode(toDisplayString(e.config.text||unref(formatter)(e.config,e.row,{index:e.index})),1)]),_:1})]),default:withCtx(()=>[e.config.popover.tableEmbed?(openBlock(),createBlock(_sfc_main$22,{key:0,"show-header":e.config.showHeader,columns:e.config.table,data:e.config.prop&&e.row[e.config.prop]||[]},null,8,[`show-header`,`columns`,`data`])):createCommentVNode(`v-if`,!0)]),_:1},8,[`placement`,`width`,`trigger`,`destroy-on-close`])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$12={key:0},_hoisted_2$11=[`innerHTML`],_hoisted_3$9=[`href`],_hoisted_4$6=[`src`],_hoisted_5$2=[`href`],_hoisted_6$2=[`innerHTML`],_sfc_main$1$21=defineComponent({name:`MTableColumn`,__name:`TextColumn`,props:{config:{default:()=>({})},editState:{default:()=>({})},row:{},index:{}},setup(e){let t=e,n=(e,n)=>{if(n.changeRecords?.length)for(let e of n.changeRecords)e.propPath&&setValueByKeyPath(e.propPath,e.value,t.editState[t.index])};return(t,r)=>e.config.type===`index`?(openBlock(),createElementBlock(`div`,_hoisted_1$12,toDisplayString(e.config.pageIndex&&e.config.pageSize?e.config.pageIndex*e.config.pageSize+e.index+1:e.index+1),1)):(e.config.type||e.config.editInlineFormConfig)&&e.editState[e.index]?(openBlock(),createBlock(unref(_sfc_main$g$1),{key:1,"label-width":`0`,config:e.config.editInlineFormConfig??[e.config],"init-values":e.editState[e.index],onChange:n},null,8,[`config`,`init-values`])):e.config.action===`actionLink`&&e.config.prop?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:2,link:``,type:`primary`,onClick:r[0]||(r[0]=t=>e.config.handler?.(e.row))},{default:withCtx(()=>[createBaseVNode(`span`,{innerHTML:unref(formatter)(e.config,e.row,{index:e.index})},null,8,_hoisted_2$11)]),_:1})):e.config.action===`img`&&e.config.prop?(openBlock(),createElementBlock(`a`,{key:3,target:`_blank`,href:e.row[e.config.prop]},[createBaseVNode(`img`,{src:e.row[e.config.prop],height:`50`},null,8,_hoisted_4$6)],8,_hoisted_3$9)):e.config.action===`link`&&e.config.prop?(openBlock(),createElementBlock(`a`,{key:4,target:`_blank`,href:e.row[e.config.prop],class:`keep-all`},toDisplayString(e.row[e.config.prop]),9,_hoisted_5$2)):e.config.action===`tip`?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:5,placement:`left`},{content:withCtx(()=>[createBaseVNode(`div`,null,toDisplayString(unref(formatter)(e.config,e.row,{index:e.index})),1)]),default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{link:``,type:`primary`},{default:withCtx(()=>[createTextVNode(toDisplayString(e.config.buttonText||`扩展配置`),1)]),_:1})]),_:1})):e.config.action===`tag`&&e.config.prop?(openBlock(),createBlock(unref(_sfc_main$4$21),{key:6,type:typeof e.config.type==`function`?e.config.type(e.row[e.config.prop],e.row):e.config.type,"close-transition":``},{default:withCtx(()=>[createTextVNode(toDisplayString(unref(formatter)(e.config,e.row,{index:e.index})),1)]),_:1},8,[`type`])):(openBlock(),createElementBlock(`div`,{key:7,innerHTML:unref(formatter)(e.config,e.row,{index:e.index})},null,8,_hoisted_6$2))}}),_sfc_main$22=defineComponent({name:`MTable`,__name:`Table`,props:{data:{},columns:{default:()=>[]},spanMethod:{},loading:{type:Boolean,default:!1},bodyHeight:{},showHeader:{type:Boolean,default:!0},emptyText:{},defaultExpandAll:{type:Boolean,default:!1},rowkeyName:{},border:{type:Boolean,default:!1}},emits:[`sort-change`,`after-action`,`after-action-cancel`,`select`,`select-all`,`selection-change`,`expand-change`,`cell-click`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=(e,{row:t={},$index:n})=>e.type===`expand`?h(_sfc_main$3$2,{config:e,row:t}):e.type===`component`?h(_sfc_main$4$2,{config:e,row:t,index:n}):e.actions?h(_sfc_main$5$2,{config:e,row:t,index:n,rowkeyName:r.rowkeyName,editState:c.value,columns:r.columns,onAfterAction:e=>i(`after-action`,e),onAfterActionCancel:e=>i(`after-action-cancel`,e)}):e.type===`popover`?h(_sfc_main$2$2,{config:e,row:t,index:n}):h(_sfc_main$1$21,{config:e,row:t,index:n,editState:c.value}),o=computed$1(()=>r.columns.map(e=>{let t=`default`;return e.type===`expand`?t=`expand`:e.selection&&(t=`selection`),{props:{label:e.label,fixed:e.fixed,width:e.width??(e.selection?40:void 0),prop:e.prop,type:t,selectable:e.selectable},cell:t===`selection`?void 0:({row:t,$index:n})=>a(e,{row:t,$index:n})}})),s=useTemplateRef(`tMagicTable`),c=ref$1([]),l=computed$1(()=>{let e=r.columns.filter(e=>e.selection);return e.length?e[0]:null}),u=computed$1(()=>l.value?r.data||[]:cloneDeep(r.data)||[]),d=computed$1(()=>r.border===void 0?!0:r.border),f=e=>{i(`sort-change`,e)},p=(e,t)=>{let n=l.value;n&&(n.selection,i(`select`,e,t))},m=e=>{i(`select-all`,e)},g=e=>{i(`selection-change`,e)},_=(...e)=>{i(`cell-click`,...e)},v=(...e)=>{i(`expand-change`,...e)},y=(e,t)=>{s.value?.toggleRowSelection(e,t)},b=(e,t)=>{s.value?.toggleRowExpansion(e,t)},x=()=>{s.value?.clearSelection()},S=e=>typeof r.spanMethod==`function`?r.spanMethod(e):()=>({rowspan:0,colspan:0});return t({toggleRowSelection:y,toggleRowExpansion:b,clearSelection:x}),(t,n)=>{let r=resolveDirective(`loading`);return withDirectives((openBlock(),createBlock(unref(_sfc_main$7$7),{class:`m-table`,ref:`tMagicTable`,"show-overflow-tooltip":!0,"tooltip-effect":`dark`,"tooltip-options":{popperOptions:{strategy:`absolute`}},data:u.value,"show-header":e.showHeader,"max-height":e.bodyHeight,"default-expand-all":e.defaultExpandAll,border:d.value,"row-key":e.rowkeyName||`id`,"tree-props":{children:`children`},"empty-text":e.emptyText||`暂无数据`,"span-method":S,columns:o.value,onSortChange:f,onSelect:p,onSelectAll:m,onSelectionChange:g,onCellClick:_,onExpandChange:v},null,8,[`data`,`show-header`,`max-height`,`default-expand-all`,`border`,`row-key`,`empty-text`,`columns`])),[[r,e.loading]])}}}),index$1={install(e){e.component(`m-table`,_sfc_main$22)}},require_serialize_javascript=__commonJSMin(((e,t)=>{var n=16,r=f(),i=RegExp(`(\\\\)?"@__(F|R|D|M|S|A|U|I|B|L)-`+r+`-(\\d+)__@"`,`g`),a=/\{\s*\[native code\]\s*\}/g,o=/function.*?\(/,s=/.*?=>.*?/,c=/[<>\/\u2028\u2029]/g,l=[`*`,`async`],u={"<":`\\u003C`,">":`\\u003E`,"/":`\\u002F`,"\u2028":`\\u2028`,"\u2029":`\\u2029`};function d(e){return u[e]}function f(){for(var e=crypto.getRandomValues(new Uint8Array(n)),t=``,r=0;r<n;++r)t+=e[r].toString(16);return t}function p(e){var t=[];for(var n in e)typeof e[n]==`function`&&t.push(n);for(var r=0;r<t.length;r++)delete e[t[r]]}t.exports=function e(t,n){n||(n={}),(typeof n==`number`||typeof n==`string`)&&(n={space:n});var u=[],f=[],m=[],g=[],_=[],v=[],y=[],b=[],x=[],S=[];function C(e,t){if(n.ignoreFunction&&p(t),!t&&t!==void 0&&t!==BigInt(0))return t;var i=this[e],a=typeof i;if(a===`object`){if(i instanceof RegExp)return`@__R-`+r+`-`+(f.push(i)-1)+`__@`;if(i instanceof Date)return`@__D-`+r+`-`+(m.push(i)-1)+`__@`;if(i instanceof Map)return`@__M-`+r+`-`+(g.push(i)-1)+`__@`;if(i instanceof Set)return`@__S-`+r+`-`+(_.push(i)-1)+`__@`;if(i instanceof Array&&i.filter(function(){return!0}).length!==i.length)return`@__A-`+r+`-`+(v.push(i)-1)+`__@`;if(i instanceof URL)return`@__L-`+r+`-`+(S.push(i)-1)+`__@`}return a===`function`?`@__F-`+r+`-`+(u.push(i)-1)+`__@`:a===`undefined`?`@__U-`+r+`-`+(y.push(i)-1)+`__@`:a===`number`&&!isNaN(i)&&!isFinite(i)?`@__I-`+r+`-`+(b.push(i)-1)+`__@`:a===`bigint`?`@__B-`+r+`-`+(x.push(i)-1)+`__@`:t}function w(e){var t=e.toString();if(a.test(t))throw TypeError(`Serializing native function: `+e.name);if(o.test(t)||s.test(t))return t;var n=t.indexOf(`(`),r=t.substr(0,n).trim().split(` `).filter(function(e){return e.length>0});return r.filter(function(e){return l.indexOf(e)===-1}).length>0?(r.indexOf(`async`)>-1?`async `:``)+`function`+(r.join(``).indexOf(`*`)>-1?`*`:``)+t.substr(n):t}if(n.ignoreFunction&&typeof t==`function`&&(t=void 0),t===void 0)return String(t);var T=n.isJSON&&!n.space?JSON.stringify(t):JSON.stringify(t,n.isJSON?null:C,n.space);return typeof T==`string`?(n.unsafe!==!0&&(T=T.replace(c,d)),u.length===0&&f.length===0&&m.length===0&&g.length===0&&_.length===0&&v.length===0&&y.length===0&&b.length===0&&x.length===0&&S.length===0?T:T.replace(i,function(t,r,i,a){if(r)return t;if(i===`D`)return`new Date("`+m[a].toISOString()+`")`;if(i===`R`)return`new RegExp(`+e(f[a].source)+`, "`+f[a].flags+`")`;if(i===`M`)return`new Map(`+e(Array.from(g[a].entries()),n)+`)`;if(i===`S`)return`new Set(`+e(Array.from(_[a].values()),n)+`)`;if(i===`A`)return`Array.prototype.slice.call(`+e(Object.assign({length:v[a].length},v[a]),n)+`)`;if(i===`U`)return`undefined`;if(i===`I`)return b[a];if(i===`B`)return`BigInt("`+x[a]+`")`;if(i===`L`)return`new URL(`+e(S[a].toString(),n)+`)`;var o=u[a];return w(o)})):String(T)}})),require_events=__commonJSMin(((e,t)=>{var n=typeof Reflect==`object`?Reflect:null,r=n&&typeof n.apply==`function`?n.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)},i=n&&typeof n.ownKeys==`function`?n.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};function a(e){console&&console.warn&&console.warn(e)}var o=Number.isNaN||function(e){return e!==e};function s(){s.init.call(this)}t.exports=s,t.exports.once=b,s.EventEmitter=s,s.prototype._events=void 0,s.prototype._eventsCount=0,s.prototype._maxListeners=void 0;var c=10;function l(e){if(typeof e!=`function`)throw TypeError(`The "listener" argument must be of type Function. Received type `+typeof e)}Object.defineProperty(s,`defaultMaxListeners`,{enumerable:!0,get:function(){return c},set:function(e){if(typeof e!=`number`||e<0||o(e))throw RangeError(`The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received `+e+`.`);c=e}}),s.init=function(){(this._events===void 0||this._events===Object.getPrototypeOf(this)._events)&&(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},s.prototype.setMaxListeners=function(e){if(typeof e!=`number`||e<0||o(e))throw RangeError(`The value of "n" is out of range. It must be a non-negative number. Received `+e+`.`);return this._maxListeners=e,this};function u(e){return e._maxListeners===void 0?s.defaultMaxListeners:e._maxListeners}s.prototype.getMaxListeners=function(){return u(this)},s.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var i=e===`error`,a=this._events;if(a!==void 0)i=i&&a.error===void 0;else if(!i)return!1;if(i){var o;if(t.length>0&&(o=t[0]),o instanceof Error)throw o;var s=Error(`Unhandled error.`+(o?` (`+o.message+`)`:``));throw s.context=o,s}var c=a[e];if(c===void 0)return!1;if(typeof c==`function`)r(c,this,t);else for(var l=c.length,u=_(c,l),n=0;n<l;++n)r(u[n],this,t);return!0};function d(e,t,n,r){var i,o,s;if(l(n),o=e._events,o===void 0?(o=e._events=Object.create(null),e._eventsCount=0):(o.newListener!==void 0&&(e.emit(`newListener`,t,n.listener?n.listener:n),o=e._events),s=o[t]),s===void 0)s=o[t]=n,++e._eventsCount;else if(typeof s==`function`?s=o[t]=r?[n,s]:[s,n]:r?s.unshift(n):s.push(n),i=u(e),i>0&&s.length>i&&!s.warned){s.warned=!0;var c=Error(`Possible EventEmitter memory leak detected. `+s.length+` `+String(t)+` listeners added. Use emitter.setMaxListeners() to increase limit`);c.name=`MaxListenersExceededWarning`,c.emitter=e,c.type=t,c.count=s.length,a(c)}return e}s.prototype.addListener=function(e,t){return d(this,e,t,!1)},s.prototype.on=s.prototype.addListener,s.prototype.prependListener=function(e,t){return d(this,e,t,!0)};function f(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=f.bind(r);return i.listener=n,r.wrapFn=i,i}s.prototype.once=function(e,t){return l(t),this.on(e,p(this,e,t)),this},s.prototype.prependOnceListener=function(e,t){return l(t),this.prependListener(e,p(this,e,t)),this},s.prototype.removeListener=function(e,t){var n,r,i,a,o;if(l(t),r=this._events,r===void 0||(n=r[e],n===void 0))return this;if(n===t||n.listener===t)--this._eventsCount===0?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit(`removeListener`,e,n.listener||t));else if(typeof n!=`function`){for(i=-1,a=n.length-1;a>=0;a--)if(n[a]===t||n[a].listener===t){o=n[a].listener,i=a;break}if(i<0)return this;i===0?n.shift():v(n,i),n.length===1&&(r[e]=n[0]),r.removeListener!==void 0&&this.emit(`removeListener`,e,o||t)}return this},s.prototype.off=s.prototype.removeListener,s.prototype.removeAllListeners=function(e){var t,n=this._events,r;if(n===void 0)return this;if(n.removeListener===void 0)return arguments.length===0?(this._events=Object.create(null),this._eventsCount=0):n[e]!==void 0&&(--this._eventsCount===0?this._events=Object.create(null):delete n[e]),this;if(arguments.length===0){var i=Object.keys(n),a;for(r=0;r<i.length;++r)a=i[r],a!==`removeListener`&&this.removeAllListeners(a);return this.removeAllListeners(`removeListener`),this._events=Object.create(null),this._eventsCount=0,this}if(t=n[e],typeof t==`function`)this.removeListener(e,t);else if(t!==void 0)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this};function m(e,t,n){var r=e._events;if(r===void 0)return[];var i=r[t];return i===void 0?[]:typeof i==`function`?n?[i.listener||i]:[i]:n?y(i):_(i,i.length)}s.prototype.listeners=function(e){return m(this,e,!0)},s.prototype.rawListeners=function(e){return m(this,e,!1)},s.listenerCount=function(e,t){return typeof e.listenerCount==`function`?e.listenerCount(t):g.call(e,t)},s.prototype.listenerCount=g;function g(e){var t=this._events;if(t!==void 0){var n=t[e];if(typeof n==`function`)return 1;if(n!==void 0)return n.length}return 0}s.prototype.eventNames=function(){return this._eventsCount>0?i(this._events):[]};function _(e,t){for(var n=Array(t),r=0;r<t;++r)n[r]=e[r];return n}function v(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}function y(e){for(var t=Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}function b(e,t){return new Promise(function(n,r){function i(n){e.removeListener(t,a),r(n)}function a(){typeof e.removeListener==`function`&&e.removeListener(`error`,i),n([].slice.call(arguments))}S(e,t,a,{once:!0}),t!==`error`&&x(e,i,{once:!0})})}function x(e,t,n){typeof e.on==`function`&&S(e,`error`,t,n)}function S(e,t,n,r){if(typeof e.on==`function`)r.once?e.once(t,n):e.on(t,n);else if(typeof e.addEventListener==`function`)e.addEventListener(t,function i(a){r.once&&e.removeEventListener(t,i),n(a)});else throw TypeError(`The "emitter" argument must be of type EventEmitter. Received type `+typeof e)}})),import_events=__toESM(require_events(),1),import_serialize_javascript=__toESM(require_serialize_javascript(),1),cachedTextEncoder=new TextEncoder(`utf-8`),encodeString=typeof cachedTextEncoder.encodeInto==`function`?function(e,t){return cachedTextEncoder.encodeInto(e,t)}:function(e,t){let n=cachedTextEncoder.encode(e);return t.set(n),{read:e.length,written:n.length}};function _checkPrivateRedeclaration(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function _classPrivateFieldInitSpec(e,t,n){_checkPrivateRedeclaration(e,t),t.set(e,n)}function _assertClassBrand(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function _classPrivateFieldSet2(e,t,n){return e.set(_assertClassBrand(e,t),n),n}function _classPrivateFieldGet2(e,t){return e.get(_assertClassBrand(e,t))}var ObservedData=class{},SimpleObservedData=class extends ObservedData{constructor(e){super(),_defineProperty$1(this,`data`,{}),_defineProperty$1(this,`event`,new import_events.EventEmitter),this.data=e}update(e,t){t?setValueByKeyPath(t,e,this.data):this.data=e;let n={updateData:e,path:t??``};t&&this.event.emit(t,n),this.event.emit(``,n)}on(e,t,n){n?.immediate&&t(this.getData(e)),this.event.on(e,t)}off(e,t){this.event.off(e,t)}getData(e){return e?getValueByKeyPath(e,this.data):this.data}destroy(){}},_type=new WeakMap,_id=new WeakMap,_schema=new WeakMap,_observedData=new WeakMap,_fields=new WeakMap,_methods=new WeakMap,DataSource$1=class extends import_events.default{constructor(e){super(),_defineProperty$1(this,`isInit`,!1),_defineProperty$1(this,`app`,void 0),_defineProperty$1(this,`mockData`,void 0),_classPrivateFieldInitSpec(this,_type,`base`),_classPrivateFieldInitSpec(this,_id,void 0),_classPrivateFieldInitSpec(this,_schema,void 0),_classPrivateFieldInitSpec(this,_observedData,void 0),_classPrivateFieldInitSpec(this,_fields,[]),_classPrivateFieldInitSpec(this,_methods,[]),_classPrivateFieldSet2(_id,this,e.schema.id),_classPrivateFieldSet2(_schema,this,e.schema),this.app=e.app,this.setFields(e.schema.fields),this.setMethods(e.schema.methods||[]);let t=e.initialData,n=e.ObservedDataClass||SimpleObservedData;if(this.app.platform===`editor`)this.mockData=cloneDeep(e.schema.mocks||[]).find(e=>e.useInEditor)?.data||this.getDefaultData(),t=cloneDeep(this.mockData);else if(typeof e.useMock==`boolean`&&e.useMock)this.mockData=cloneDeep(e.schema.mocks||[]).find(e=>e.enable)?.data,t=cloneDeep(this.mockData)||this.getDefaultData();else if(!e.initialData)t=this.getDefaultData();else{_classPrivateFieldSet2(_observedData,this,new n(e.initialData??{})),this.isInit=!0;return}_classPrivateFieldSet2(_observedData,this,new n(t??{}))}get id(){return _classPrivateFieldGet2(_id,this)}get type(){return _classPrivateFieldGet2(_type,this)}get schema(){return _classPrivateFieldGet2(_schema,this)}get fields(){return _classPrivateFieldGet2(_fields,this)}get methods(){return _classPrivateFieldGet2(_methods,this)}setFields(e){_classPrivateFieldSet2(_fields,this,e)}setMethods(e){_classPrivateFieldSet2(_methods,this,e)}get data(){return _classPrivateFieldGet2(_observedData,this).getData(``)}setData(e,t){_classPrivateFieldGet2(_observedData,this).update(e,t);let n={updateData:e,path:t};this.emit(`change`,n)}setValue(e,t){return this.setData(t,e)}onDataChange(e,t,n){_classPrivateFieldGet2(_observedData,this).on(e,t,n)}offDataChange(e,t){_classPrivateFieldGet2(_observedData,this).off(e,t)}getDefaultData(){return getDefaultValueFromFields(_classPrivateFieldGet2(_fields,this))}async init(){this.isInit=!0}destroy(){_classPrivateFieldSet2(_fields,this,[]),this.removeAllListeners(),_classPrivateFieldGet2(_observedData,this).destroy()}},urlencoded=e=>Object.entries(e).reduce((e,[t,n])=>{let r=n;return typeof n==`object`&&(r=JSON.stringify(n)),n===void 0?e:`${e}${e?`&`:``}${globalThis.encodeURIComponent(t)}=${globalThis.encodeURIComponent(`${r}`)}`},``),webRequest=async e=>{let{url:t,method:n=`GET`,headers:r={},params:i={},data:a={},...o}=e,s=urlencoded(i),c=JSON.stringify(a);return r[`Content-Type`]?.includes(`application/x-www-form-urlencoded`)&&(c=urlencoded(a)),(await globalThis.fetch(s?`${t}?${s}`:t,{method:n,headers:r,body:n===`GET`?void 0:c,...o})).json()},_fetch=new WeakMap,_beforeRequest=new WeakMap,_afterRequest=new WeakMap,_type2=new WeakMap,HttpDataSource=class extends DataSource$1{constructor(e){let{options:t}=e.schema;super(e),_defineProperty$1(this,`isLoading`,!1),_defineProperty$1(this,`error`,void 0),_defineProperty$1(this,`httpOptions`,void 0),_classPrivateFieldInitSpec(this,_fetch,void 0),_classPrivateFieldInitSpec(this,_beforeRequest,[]),_classPrivateFieldInitSpec(this,_afterRequest,[]),_classPrivateFieldInitSpec(this,_type2,`http`),this.httpOptions=t,typeof e.request==`function`?_classPrivateFieldSet2(_fetch,this,e.request):typeof globalThis.fetch==`function`&&_classPrivateFieldSet2(_fetch,this,webRequest),this.methods.forEach(e=>{typeof e.content==`function`&&(e.timing===`beforeRequest`&&_classPrivateFieldGet2(_beforeRequest,this).push(e.content),e.timing===`afterRequest`&&_classPrivateFieldGet2(_afterRequest,this).push(e.content))})}get type(){return _classPrivateFieldGet2(_type2,this)}async init(){this.schema.autoFetch&&await this.request(),super.init()}async request(e={}){this.isLoading=!0;let{url:t,params:n,data:r,headers:i,...a}=this.httpOptions,o={url:typeof t==`function`?t({app:this.app,dataSource:this}):t,params:typeof n==`function`?n({app:this.app,dataSource:this}):n,data:typeof r==`function`?r({app:this.app,dataSource:this}):r,headers:typeof i==`function`?i({app:this.app,dataSource:this}):i,...a,...e};try{for(let e of _classPrivateFieldGet2(_beforeRequest,this))await e({options:o,params:{},dataSource:this,app:this.app});if(typeof this.schema.beforeRequest==`function`&&(o=await this.schema.beforeRequest(o,{app:this.app,dataSource:this})),this.mockData)this.setData(this.mockData);else{let e=await _classPrivateFieldGet2(_fetch,this)?.call(this,o);for(let t of _classPrivateFieldGet2(_afterRequest,this))await t({res:e,options:o,params:{},dataSource:this,app:this.app});if(typeof this.schema.afterResponse==`function`&&(e=await this.schema.afterResponse(e,{app:this.app,dataSource:this,options:o})),this.schema.responseOptions?.dataPath){let t=getValueByKeyPath(this.schema.responseOptions.dataPath,e);this.setData(t)}else this.setData(e)}this.error=void 0}catch(e){this.error={msg:e.message},this.emit(`error`,e)}this.isLoading=!1}get(e){return this.request({...e,method:`GET`})}post(e){return this.request({...e,method:`POST`})}},cache=new Map,getDeps=(e,t,n)=>{let r;if(n){let n=[];t.forEach(e=>{traverseNode(e,e=>{n.push(e.id)})}),r=`${e.id}:${n.join(`:`)}`}else r=`${e.id}:${t.map(e=>e.id).join(`:`)}`;if(cache.has(r))return cache.get(r);let i=new Watcher;i.addTarget(new Target({id:e.id,type:`data-source`,isTarget:(t,n)=>`${t}`.includes(`__tmagic__`)?!1:isDataSourceTarget(e,t,n,!0)})),i.addTarget(new Target({id:e.id,type:`cond`,isTarget:(t,n)=>isDataSourceCondTarget(e,t,n,!0)})),i.collect(t,{},!0);let{deps:a}=i.getTarget(e.id,`data-source`),{deps:o}=i.getTarget(e.id,`cond`),s={deps:a,condDeps:o};return cache.set(r,s),s},compiledCondition=(e,t)=>{let n=!0;for(let{op:r,value:i,range:a,field:o}of e){let[e,...s]=o,c=t[e];if(!c||!s.length)break;try{if(!compiledCond(r,getValueByKeyPath(s.join(`.`),c),i,a)){n=!1;break}}catch(e){console.warn(e)}}return n},compliedConditions=(e,t)=>{if(!e.displayConds||!Array.isArray(e.displayConds)||!e.displayConds.length)return!0;for(let{cond:n}of e[NODE_CONDS_KEY])if(n&&compiledCondition(n,t))return!0;return!1},updateNode=(e,t)=>{if(isPage(e)||isPageFragment(e)){let n=t.items?.findIndex(t=>t.id===e.id);t.items.splice(n,1,e)}else replaceChildNode(e,t.items)},createIteratorContentData=(e,t,n=[],r={})=>{let i={...r,[t]:{}},a=cloneDeep(r[t]),o=i[t];return n.forEach((t,r)=>{if(Object.assign(o,a),r===n.length-1){o[t]=e;return}Array.isArray(a[t])&&(a[t]={},o[t]={}),a=a[t],o=o[t]}),i},compliedDataSourceField=(e,t)=>{let[n,...r]=e,i=n.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);if(i>-1){let a=t[n.substring(i+DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length)];if(!a)return e;try{return getValueByKeyPath(r.join(`.`),a)}catch{return e}}return e},template=(e,t)=>e.replace(dataSourceTemplateRegExp,(e,n)=>{try{return getValueByKeyPath(n,t)}catch{return e}}),compiledNodeField=(e,t)=>typeof e==`string`?template(e,t):e?.isBindDataSource&&e.dataSourceId?t[e.dataSourceId]:e?.isBindDataSourceField&&e.dataSourceId&&typeof e.template==`string`?template(e.template,t[e.dataSourceId]):Array.isArray(e)&&typeof e[0]==`string`?compliedDataSourceField(e,t):e,compliedIteratorItem=({compile:e,dsId:t,item:n,deps:r,condDeps:i,inEditor:a,ctxData:o})=>{let{items:s,...c}=n,l=cloneDeep(c);return i[c.id]?.keys.length&&!a&&(l.condResult=compliedConditions(c,o)),Array.isArray(s)&&s.length?l.items=s.map(n=>compliedIteratorItem({compile:e,dsId:t,item:n,deps:r,condDeps:i,inEditor:a,ctxData:o})):s&&(l.items=s),r[l.id]?.keys.length?compiledNode(e,l,{[t]:r},t):l},DataSourceManager=class e extends import_events.default{static register(t,n){e.dataSourceClassMap.set(t,n),e.waitInitSchemaList?.forEach((e,n)=>{let r=e[t]||[];for(let e=r.shift();e;e=r.shift()){let t=n.addDataSource(e);t&&n.init(t)}})}static getDataSourceClass(t){return e.dataSourceClassMap.get(t)}static clearDataSourceClass(){e.dataSourceClassMap.clear(),e.dataSourceClassMap.set(`base`,DataSource$1),e.dataSourceClassMap.set(`http`,HttpDataSource)}static registerObservedData(t){e.ObservedDataClass=t}constructor({app:t,useMock:n,initialData:r}){super(),_defineProperty$1(this,`app`,void 0),_defineProperty$1(this,`dataSourceMap`,new Map),_defineProperty$1(this,`data`,{}),_defineProperty$1(this,`initialData`,{}),_defineProperty$1(this,`useMock`,!1),e.waitInitSchemaList.set(this,{}),this.app=t,this.useMock=n,r&&(this.initialData=r,this.data={...r}),t.dsl?.dataSources?.forEach(e=>{this.addDataSource(e)}),this.isAllDataSourceRegistered()?this.callDsInit():this.on(`registered-all`,()=>{this.callDsInit()})}async init(e){if(!e.isInit&&!(this.app.jsEngine&&e.schema.disabledInitInJsEngine?.includes(this.app.jsEngine))){for(let t of e.methods){if(typeof t.content!=`function`)return;t.timing===`beforeInit`&&await t.content({params:{},dataSource:e,app:this.app})}await e.init();for(let t of e.methods){if(typeof t.content!=`function`)return;t.timing===`afterInit`&&await t.content({params:{},dataSource:e,app:this.app})}}}get(e){return this.dataSourceMap.get(e)}addDataSource(t){if(!t)return;let n=e.dataSourceClassMap.get(t.type);if(!n){let n=e.waitInitSchemaList.get(this);n||(n={},e.waitInitSchemaList.set(this,n)),n[t.type]?n[t.type].push(t):n[t.type]=[t],this.data[t.id]=this.initialData[t.id]??getDefaultValueFromFields(t.fields);return}let r=new n({app:this.app,schema:t,request:this.app.request,useMock:this.useMock,initialData:this.initialData[t.id],ObservedDataClass:e.ObservedDataClass});return this.dataSourceMap.set(t.id,r),this.data[r.id]=r.data,r.on(`change`,e=>{this.setData(r,e)}),this.isAllDataSourceRegistered()&&this.emit(`registered-all`),r}setData(e,t){this.data[e.id]=e.data,this.emit(`change`,e.id,t)}removeDataSource(e){this.get(e)?.destroy(),delete this.data[e],this.dataSourceMap.delete(e)}updateSchema(e){for(let t of e){if(!this.get(t.id))return;this.removeDataSource(t.id)}for(let t of e){this.addDataSource(cloneDeep(t));let e=this.get(t.id);e&&this.init(e)}}compiledNode(e,t,n=!1){if(e._tmagic_node_disabled_data_source)return e;let{items:r,...i}=e,a=cloneDeep(i);return r&&(a.items=Array.isArray(r)&&n?r.map(e=>this.compiledNode(e,t,n)):r),i.condResult===!1||i.condResult===void 0&&i.displayCondsResultReverse?a:compiledNode(e=>compiledNodeField(e,this.data),a,this.app.dsl?.dataSourceDeps||{},t)}compliedConds(e,t=this.data){if(e._tmagic_node_disabled_data_source)return!0;let n=compliedConditions(e,t);return e.displayCondsResultReverse?!n:n}compliedIteratorItemConds(e,t,n=[]){let[r,...i]=n,a=this.get(r);if(!a)return!0;let o=createIteratorContentData(e,a.id,i,this.data);return this.compliedConds(t,o)}compliedIteratorItems(e,t,n=[]){let[r,...i]=n,a=this.get(r);if(!a)return t;let o=this.app.platform===`editor`,s=createIteratorContentData(e,a.id,i,this.data),{deps:c={},condDeps:l={}}=getDeps(a.schema,t,o);return!Object.keys(c).length&&!Object.keys(l).length?t:t.map(e=>compliedIteratorItem({compile:e=>compiledNodeField(e,s),dsId:a.id,item:e,deps:c,condDeps:l,inEditor:o,ctxData:s}))}isAllDataSourceRegistered(){return!this.app.dsl?.dataSources?.length||this.dataSourceMap.size===this.app.dsl.dataSources.length}destroy(){this.removeAllListeners(),this.data={},this.initialData={},this.dataSourceMap.forEach(e=>{e.destroy()}),this.dataSourceMap.clear(),e.waitInitSchemaList.delete(this)}onDataChange(e,t,n,r){return this.get(e)?.onDataChange(t,n,r)}offDataChange(e,t,n){return this.get(e)?.offDataChange(t,n)}callDsInit(){let e=Array.from(this.dataSourceMap);typeof Promise.allSettled==`function`?Promise.allSettled(e.map(([,e])=>this.init(e))).then(t=>{let n={},r={};t.forEach((t,i)=>{let a=e[i][0];t.status===`fulfilled`?this.data[a]?n[a]=this.data[a]:delete n[a]:t.status===`rejected`&&(delete n[a],r[a]=t.reason)}),this.emit(`init`,n,r)}):Promise.all(e.map(([,e])=>this.init(e))).then(()=>{this.emit(`init`,this.data)}).catch(()=>{this.emit(`init`,this.data)})}};_defineProperty$1(DataSourceManager,`dataSourceClassMap`,new Map([[`base`,DataSource$1],[`http`,HttpDataSource]])),_defineProperty$1(DataSourceManager,`ObservedDataClass`,SimpleObservedData),_defineProperty$1(DataSourceManager,`waitInitSchemaList`,new Map);var createDataSourceManager=(e,t,n)=>{let{dsl:r,platform:i}=e;if(!r?.dataSources)return;let a=new DataSourceManager({app:e,useMock:t,initialData:n});return r.dataSources&&r.dataSourceCondDeps&&i!==`editor`&&getNodes(getDepNodeIds(r.dataSourceCondDeps),r.items).forEach(e=>{e.condResult=a.compliedConds(e),updateNode(e,r)}),r.dataSources&&r.dataSourceDeps&&getNodes(getDepNodeIds(r.dataSourceDeps),r.items).forEach(e=>{updateNode(a.compiledNode(e),r)}),e.jsEngine===`nodejs`||a.on(`change`,(t,n)=>{let i=r.dataSourceDeps?.[t]||{},o=r.dataSourceCondDeps?.[t]||{},s=union([...Object.keys(o),...Object.keys(i)]);for(let i of r.items)if(e.platform===`editor`||isPage(i)&&i.id===e.page?.data.id||isPageFragment(i)){let r=getNodes(s,[i]).map(t=>{e.platform!==`editor`&&(t.condResult=a.compliedConds(t));let n=a.compiledNode(t);if(typeof e.page?.setData==`function`){isPage(n)?e.page.setData(n):i.id===e.page.data.id&&!e.page.instance&&replaceChildNode(n,[e.page.data]),e.getNode(t.id,{strict:!0})?.setData(n);for(let[,t]of e.pageFragments)t.data.id===n.id?t.setData(n):t.data.id===i.id&&(t.getNode(n.id,{strict:!0})?.setData(n),t.instance||replaceChildNode(n,[t.data]))}return n});r.length&&a.emit(`update-data`,r,t,n,i.id)}}),a},DepTargetType=(e=>(e.DEFAULT=`default`,e.CODE_BLOCK=`code-block`,e.DATA_SOURCE=`data-source`,e.DATA_SOURCE_METHOD=`data-source-method`,e.DATA_SOURCE_COND=`data-source-cond`,e))(DepTargetType||{}),Target=class{constructor(e){_defineProperty$1(this,`isTarget`,void 0),_defineProperty$1(this,`id`,void 0),_defineProperty$1(this,`name`,void 0),_defineProperty$1(this,`type`,DepTargetType.DEFAULT),_defineProperty$1(this,`deps`,{}),_defineProperty$1(this,`isCollectByDefault`,void 0),this.isTarget=e.isTarget,this.id=e.id,this.name=e.name,this.isCollectByDefault=e.isCollectByDefault??!0,e.type&&(this.type=e.type),e.initialDeps&&(this.deps=e.initialDeps)}updateDep({id:e,name:t,key:n,data:r}){let i=this.deps[e]||{name:t,keys:[]};i.name=t,i.data=r,this.deps[e]=i,i.keys.indexOf(n)===-1&&i.keys.push(n)}removeDep(e,t){if(e===void 0){Object.keys(this.deps).forEach(e=>{delete this.deps[e]});return}let n=this.deps[e];if(n)if(t){let r=n.keys.indexOf(t);n.keys.splice(r,1),n.keys.length===0&&delete this.deps[e]}else delete this.deps[e]}hasDep(e,t){return!!this.deps[e]?.keys.find(e=>e===t)}destroy(){this.deps={}}},createCodeBlockTarget=(e,t,n={})=>new Target({type:DepTargetType.CODE_BLOCK,id:e,initialDeps:n,name:t.name,isTarget:(t,n)=>e===n?!0:n?.hookType===HookType.CODE&&Array.isArray(n.hookData)?n.hookData.findIndex(t=>t.codeId===e)>-1:!1}),isIncludeArrayField=(e,t)=>{let n=t;return e.some((t,r)=>{let i=n.find(({name:e})=>e===t);return n=i?.fields||[],i?.type===`array`&&/^(?!\d+$).*$/.test(`${e[r+1]}`)&&r<e.length-1})},isDataSourceTemplate=(e,t,n=!1)=>{let r=e.match(dataSourceTemplateRegExp)||[];if(r.length<=0)return!1;let i=[],a=[];return r.forEach(e=>{let n=getKeysArray(e.substring(2,e.length-1)),r=n.shift();!r||r!==t.id||(isIncludeArrayField(n,t.fields)?i.push(e):a.push(e))}),n?i.length>0:a.length>0},isSpecificDataSourceTemplate=(e,t)=>e?.isBindDataSourceField&&e.dataSourceId&&e.dataSourceId===t&&typeof e.template==`string`,isUseDataSourceField=(e,t)=>{if(!Array.isArray(e)||typeof e[0]!=`string`)return!1;let[n]=e,r=n.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);return r===-1?!1:n.substring(r+DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length)===t},isDataSourceTarget=(e,t,n,r=!1)=>{if(!n||![`string`,`object`].includes(typeof n)||`${t}`.startsWith(`displayConds`))return!1;if(typeof n==`string`)return isDataSourceTemplate(n,e,r);if(isObject$3(n)&&n?.isBindDataSource&&n.dataSourceId&&n.dataSourceId===e.id||isSpecificDataSourceTemplate(n,e.id))return!0;if(isUseDataSourceField(n,e.id)){let[,...t]=n,i=isIncludeArrayField(t,e.fields);return r?i:!i}return!1},isDataSourceCondTarget=(e,t,n,r=!1)=>{if(!Array.isArray(n)||!e)return!1;let[i,...a]=n;if(i!==e.id||!`${t}`.startsWith(`displayConds`))return!1;if(e.fields?.find(e=>e.name===a[0])){let t=isIncludeArrayField(a,e.fields);return r?t:!t}return!1},createDataSourceTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE,id:e.id,initialDeps:t,isTarget:(t,n)=>isDataSourceTarget(e,t,n)}),createDataSourceCondTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE_COND,id:e.id,initialDeps:t,isTarget:(t,n)=>isDataSourceCondTarget(e,t,n)}),createDataSourceMethodTarget=(e,t={})=>new Target({type:DepTargetType.DATA_SOURCE_METHOD,id:e.id,initialDeps:t,isTarget:(t,n)=>{if(!Array.isArray(n))return!1;let[r,i]=n;return!i||r!==e.id?!1:e.methods?.find(e=>e.name===i)?!0:!e.fields?.find(e=>e.name===i)}}),traverseTarget=(e,t,n)=>{for(let r of Object.values(e))for(let e of Object.values(r))n&&e.type!==n||t(e)},Watcher=class{constructor(e){_defineProperty$1(this,`targetsList`,{}),_defineProperty$1(this,`childrenProp`,`items`),_defineProperty$1(this,`idProp`,`id`),_defineProperty$1(this,`nameProp`,`name`),e?.initialTargets&&(this.targetsList=e.initialTargets),e?.childrenProp&&(this.childrenProp=e.childrenProp)}getTargetsList(){return this.targetsList}getTargets(e=DepTargetType.DEFAULT){return this.targetsList[e]||{}}addTarget(e){let t=this.getTargets(e.type)||{};this.targetsList[e.type]=t,t[e.id]=e}getTarget(e,t=DepTargetType.DEFAULT){return this.getTargets(t)[e]}hasTarget(e,t=DepTargetType.DEFAULT){return!!this.getTarget(e,t)}hasSpecifiedTypeTarget(e=DepTargetType.DEFAULT){return Object.keys(this.getTargets(e)).length>0}removeTarget(e,t=DepTargetType.DEFAULT){let n=this.getTargets(t);n[e]&&(n[e].destroy(),delete n[e])}removeTargets(e=DepTargetType.DEFAULT){let t=this.targetsList[e];if(t){for(let e of Object.values(t))e.destroy();delete this.targetsList[e]}}clearTargets(){for(let e of Object.keys(this.targetsList))delete this.targetsList[e]}collect(e,t={},n=!1,r){this.collectByCallback(e,r,({node:e,target:r})=>{this.removeTargetDep(r,e),this.collectItem(e,r,t,n)})}collectByCallback(e,t,n){traverseTarget(this.targetsList,r=>{if(!(!t&&!r.isCollectByDefault))for(let t of e)n({node:t,target:r})},t)}clear(e,t){let{targetsList:n}=this;t&&(n={[t]:this.getTargets(t)});let r=[];traverseTarget(n,t=>{if(e)for(let n of e)t.removeDep(n[this.idProp]),Array.isArray(n[this.childrenProp])&&n[this.childrenProp].length&&!r.includes(n[this.idProp])&&(r.push(n[this.idProp]),this.clear(n[this.childrenProp]));else t.removeDep()})}clearByType(e,t){this.clear(t,e)}collectItem(e,t,n={},r=!1){let i=[DepTargetType.DATA_SOURCE,DepTargetType.DATA_SOURCE_COND,DepTargetType.DATA_SOURCE_METHOD];if(e._tmagic_node_disabled_data_source&&i.includes(t.type)||e._tmagic_node_disabled_code_block&&t.type===DepTargetType.CODE_BLOCK)return;let a=(i,o=``)=>{let s=(i,s)=>{let c=i===this.childrenProp,l=o?`${o}.${i}`:i;if(t.isTarget(l,s))t.updateDep({id:e[this.idProp],name:`${e[this.nameProp]||e[this.idProp]}`,data:n,key:l});else if(!c&&Array.isArray(s))for(let e=0,t=s.length;e<t;e++){let t=s[e];isObject$3(t)&&a(t,`${l}[${e}]`)}else isObject$3(s)&&a(s,l);if(c&&r&&Array.isArray(s))for(let e of s)this.collectItem(e,t,n,r)};for(let[e,t]of Object.entries(i))t===void 0||t===``||s(e,t)};a(e)}removeTargetDep(e,t,n){if(e.removeDep(t[this.idProp],n),n===void 0&&Array.isArray(t[this.childrenProp])&&t[this.childrenProp].length)for(let r of t[this.childrenProp])this.removeTargetDep(e,r,n)}},Env=class{constructor(e=globalThis.navigator?.userAgent??``,t={}){_defineProperty$1(this,`isIos`,!1),_defineProperty$1(this,`isIphone`,!1),_defineProperty$1(this,`isIpad`,!1),_defineProperty$1(this,`isAndroid`,!1),_defineProperty$1(this,`isAndroidPad`,!1),_defineProperty$1(this,`isMac`,!1),_defineProperty$1(this,`isWin`,!1),_defineProperty$1(this,`isMqq`,!1),_defineProperty$1(this,`isWechat`,!1),_defineProperty$1(this,`isWeb`,!1),_defineProperty$1(this,`isOpenHarmony`,!1),e&&(this.isIphone=e.indexOf(`iPhone`)>=0,this.isIpad=/(iPad).*OS\s([\d_]+)/.test(e),this.isIos=this.isIphone||this.isIpad,this.isAndroid=e.indexOf(`Android`)>=0,this.isAndroidPad=this.isAndroid&&e.indexOf(`Mobile`)<0,this.isMac=e.indexOf(`Macintosh`)>=0,this.isWin=e.indexOf(`Windows`)>=0,this.isMqq=/QQ\/([\d.]+)/.test(e),this.isWechat=e.indexOf(`MicroMessenger`)>=0&&e.indexOf(`wxwork`)<0,this.isOpenHarmony=e.includes(`OpenHarmony`),this.isWeb=!this.isIos&&!this.isAndroid&&!this.isOpenHarmony&&!/(WebOS|BlackBerry)/.test(e),Object.entries(t).forEach(([e,t])=>{this[e]=t}))}},FlowState=class{constructor(){_defineProperty$1(this,`isAbort`,void 0),this.isAbort=!1}abort(){this.isAbort=!0}reset(){this.isAbort=!1}},EventHelper=class extends import_events.EventEmitter{constructor({app:e,beforeEventHandler:t,afterEventHandler:n}){super(),_defineProperty$1(this,`app`,void 0),_defineProperty$1(this,`eventQueue`,[]),_defineProperty$1(this,`nodeEventList`,new Map),_defineProperty$1(this,`dataSourceEventList`,new Map),_defineProperty$1(this,`beforeEventHandler`,void 0),_defineProperty$1(this,`afterEventHandler`,void 0),this.beforeEventHandler=t,this.afterEventHandler=n,this.app=e}destroy(){this.removeNodeEvents(),this.removeAllListeners(),this.nodeEventList.clear(),this.dataSourceEventList.clear()}initEvents(){if(this.removeNodeEvents(),this.app.page)for(let[,e]of this.app.page.nodes)this.bindNodeEvents(e);for(let[,e]of this.app.pageFragments)for(let[,t]of e.nodes)this.bindNodeEvents(t)}bindNodeEvents(e){e.events?.forEach((t,n)=>{if(!t.name)return;let r=`${t.name}_${e.data.id}`,i=t.name.split(`.`);i.length>1&&(r=`${i[1]}_${i[0]}`);let a=Symbol(r);e.eventKeys.has(r)?a=e.eventKeys.get(r):e.eventKeys.set(r,a);let o=(t,...r)=>{this.eventHandler(n,e,r)};this.nodeEventList.set(o,a),this.on(a,o)})}removeNodeEvents(){for(let e of Array.from(this.nodeEventList.keys())){let t=this.nodeEventList.get(e);t&&this.off(t,e)}this.nodeEventList.clear()}bindDataSourceEvents(){let e=Array.from(this.app.dataSourceManager?.dataSourceMap.values()||[]);this.removeDataSourceEvents(e);for(let t of e){let e=this.dataSourceEventList.get(t.id)??new Map;for(let n of t.schema.events||[]){let[r,...i]=n.name?.split(`.`)||[];if(!r)return;let a=(...e)=>{this.eventHandler(n,t,e)};e.set(n.name,a),r===`ds-field-changed`?t?.onDataChange(i.join(`.`),a):t.on(r,a)}this.dataSourceEventList.set(t.id,e)}}removeDataSourceEvents(e){if(this.dataSourceEventList.size){for(let t of e){let e=this.dataSourceEventList.get(t.id);if(!e)return;for(let n of Array.from(e.keys())){let[r,...i]=n.split(`.`);r===`ds-field-changed`?t.offDataChange(i.join(`.`),e.get(n)):t.off(r,e.get(n))}}this.dataSourceEventList.clear()}}getEventQueue(){return this.eventQueue}addEventToQueue(e){this.eventQueue.push(e)}async eventHandler(e,t,n){let r=typeof e==`number`?t.events[e]:e;if(typeof this.beforeEventHandler==`function`&&this.beforeEventHandler({eventConfig:r,source:t,args:n}),has(r,`actions`)){let i=new FlowState,{actions:a}=r;for(let r=0;r<a.length&&!i?.isAbort;r++)if(typeof e==`number`){let a=t.events[e].actions[r];await this.actionHandler(a,t,n,i)}else await this.actionHandler(a[r],t,n,i);i.reset()}else try{await this.compActionHandler(r,t,n)}catch(e){if(this.app.errorHandler)this.app.errorHandler(e,t,{type:`action-handler`,config:r,...n});else throw e}typeof this.afterEventHandler==`function`&&this.afterEventHandler({eventConfig:r,source:t,args:n})}async actionHandler(e,t,n,r){try{if(e.actionType===ActionType.COMP){let r=e;await this.compActionHandler(r,t,n)}else if(e.actionType===ActionType.CODE){if(t.data._tmagic_node_disabled_code_block)return;let i=e;await this.app.runCode(i.codeId,i.params||{},n,r)}else if(e.actionType===ActionType.DATA_SOURCE){if(t.data._tmagic_node_disabled_data_source)return;let i=e,[a,o]=i.dataSourceMethod;await this.app.runDataSourceMethod(a,o,i.params||{},n,r)}}catch(i){if(this.app.errorHandler)this.app.errorHandler(i,t,{type:`action-handler`,config:e,flowState:r,...n});else throw i}}async compActionHandler(e,t,n){if(!this.app.page)throw Error(`当前没有页面`);let{method:r,to:i}=e;Array.isArray(r)&&([i,r]=r);let a=[],o=this.app.getNode(i,{strict:!0});o&&a.push(o);for(let[,e]of this.app.pageFragments){let t=e.getNode(i,{strict:!0});t&&a.push(t)}if(a.length===0){this.addEventToQueue({toId:i,method:r,fromCpt:t,args:n});return}let s=[];for(let e of a)e.instance?typeof e.instance[r]==`function`&&s.push(e.instance[r](t,...n)):e.addEventToQueue({method:r,fromCpt:t,args:n});await Promise.all(s)}},Flexible=class{constructor(e){_defineProperty$1(this,`designWidth`,375),_defineProperty$1(this,`tid`,void 0),_defineProperty$1(this,`resizeHandler`,()=>{clearTimeout(this.tid),this.tid=setTimeout(()=>{this.refreshRem(),this.tid=void 0},300)}),_defineProperty$1(this,`pageshowHandler`,e=>{e.persisted&&this.resizeHandler()}),globalThis.document.readyState===`complete`?this.setBodyFontSize():globalThis.document.addEventListener(`DOMContentLoaded`,this.setBodyFontSize,!1),globalThis.addEventListener(`resize`,this.resizeHandler,!1),globalThis.addEventListener(`pageshow`,this.pageshowHandler,!1),e?.designWidth!==void 0&&this.setDesignWidth(e.designWidth)}destroy(){globalThis.document.removeEventListener(`DOMContentLoaded`,this.setBodyFontSize,!1),globalThis.removeEventListener(`resize`,this.resizeHandler,!1),globalThis.removeEventListener(`pageshow`,this.pageshowHandler,!1)}setDesignWidth(e){this.designWidth=e,this.refreshRem()}setBodyFontSize(){globalThis.document.body.style.fontSize=`.12rem`}refreshRem(){let{width:e}=document.documentElement.getBoundingClientRect(),t=e/(this.designWidth/100);globalThis.document.documentElement.style.fontSize=`${t}px`,globalThis.document.documentElement.style.fontSize=`${this.correctRem(t)}px`}correctRem(e){let{document:t}=globalThis,n=t.createElement(`div`);n.style.cssText=`width:1rem;height:0;overflow:hidden;position:absolute;z-index:-1;visibility:hidden;`,t.documentElement.appendChild(n);let r=n.offsetWidth;return t.documentElement.removeChild(n),Math.abs(r-e)>1?e**2/r:e}},Store=class{constructor({initialData:e={}}={}){_defineProperty$1(this,`data`,void 0),this.data=e}set(e,t){this.data[e]=t}get(e){return this.data[e]}},Node=class extends import_events.EventEmitter{constructor(e){super(),_defineProperty$1(this,`data`,void 0),_defineProperty$1(this,`style`,void 0),_defineProperty$1(this,`events`,[]),_defineProperty$1(this,`instance`,null),_defineProperty$1(this,`page`,void 0),_defineProperty$1(this,`parent`,void 0),_defineProperty$1(this,`app`,void 0),_defineProperty$1(this,`store`,void 0),_defineProperty$1(this,`eventKeys`,new Map),_defineProperty$1(this,`eventQueue`,[]),this.store=new Store({initialData:e.app.nodeStoreInitialData?.()||{}}),this.page=e.page,this.parent=e.parent,this.app=e.app,this.setData(e.config),this.listenLifeSafe()}setData(e){this.data=e;let{events:t,style:n}=e;this.events=t||[],this.style=n||{};try{this.instance&&!Object.isFrozen(this.instance)&&Object.getOwnPropertyDescriptor(this.instance,`config`)?.writable!==!1&&!this.instance.__isVue&&(this.instance.config=e)}catch{}this.emit(`update-data`,e)}addEventToQueue(e){this.eventQueue.push(e)}registerMethod(e){if(e){this.instance||(this.instance={});for(let[t,n]of Object.entries(e))typeof n==`function`&&(this.instance[t]=n)}}setInstance(e){this.instance=e}async runHookCode(e,t){if(typeof this.data[e]==`function`){await this.data[e](this);return}let n=this.data[e];if(n?.hookType===HookType.CODE)for(let e of n.hookData){let{codeType:n=HookCodeType.CODE,codeId:r,params:i={}}=e;n===HookCodeType.CODE&&typeof r==`string`?await this.app.runCode(r,t||i,[],void 0,this):n===HookCodeType.DATA_SOURCE_METHOD&&Array.isArray(r)&&r.length>1&&await this.app.runDataSourceMethod(r[0],r[1],t||i,[],void 0,this)}}destroy(){this.eventQueue.length=0,this.instance=null,this.events=[],this.style={},this.removeAllListeners()}listenLifeSafe(){this.once(`created`,e=>{this.once(`destroy`,()=>{this.instance=null,this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`destroy`),this.listenLifeSafe()}),e&&this.setInstance(e),this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`created`)}),this.once(`mounted`,e=>{(async()=>{e&&this.setInstance(e);for(let t=this.eventQueue.shift();t;t=this.eventQueue.shift())typeof e[t.method]==`function`&&await e[t.method](t.fromCpt,...t.args);if(this.app.eventHelper){for(let t of this.app.eventHelper.getEventQueue())for(let[,n]of this.app.pageFragments){let r=n.getNode(t.toId,{strict:!0});r&&r===this&&(typeof e[t.method]==`function`&&await e[t.method](t.fromCpt,...t.args),t.handled=!0)}this.app.eventHelper.eventQueue=this.app.eventHelper.getEventQueue().filter(e=>!e.handled)}this.data._tmagic_node_disabled_code_block!==!0&&this.runHookCode(`mounted`)})()})}},IteratorContainer=class e extends Node{constructor(...e){super(...e),_defineProperty$1(this,`nodes`,[])}setData(e){this.resetNodes(),super.setData(e)}resetNodes(){this.nodes?.forEach(e=>{e.forEach(e=>{e.destroy()})}),this.nodes=[]}initNode(t,n,r){if(r.has(t.id)&&r.get(t.id)?.destroy(),t.type&&this.app.iteratorContainerType.has(t.type)){let i=new e({config:t,parent:n,page:this.page,app:this.app});r.set(t.id,i),this.app.eventHelper?.bindNodeEvents(i);return}let i=new Node({config:t,parent:n,page:this.page,app:this.app});if(this.app.eventHelper?.bindNodeEvents(i),r.set(t.id,i),t.type&&this.app.pageFragmentContainerType.has(t.type)&&t.pageFragmentId){let e=this.app.dsl?.items?.find(e=>e.id===t.pageFragmentId);e&&(t.items=[e])}t.items?.forEach(e=>{this.initNode(e,i,r)})}setNodes(e,t){let n=this.nodes[t]||new Map;e.forEach(e=>{this.initNode(e,this,n)}),this.nodes[t]=n}getNode(e,t){return this.nodes[t]?.get(e)}destroy(){super.destroy(),this.resetNodes()}},Page=class e extends Node{constructor(e){super(e),_defineProperty$1(this,`nodes`,new Map),this.setNode(e.config.id,this),e.config.items.forEach(e=>{this.initNode(e,this)})}initNode(t,n){if(t.type&&this.app.iteratorContainerType.has(t.type)){this.setNode(t.id,new IteratorContainer({config:t,parent:n,page:this,app:this.app}));return}let r=new(t.type&&(App.nodeClassMap.get(t.type))||Node)({config:t,parent:n,page:this,app:this.app});if(this.setNode(t.id,r),t.type&&this.app.pageFragmentContainerType.has(t.type)&&t.pageFragmentId){let n=this.app.dsl?.items?.find(e=>e.id===t.pageFragmentId);n&&this.app.pageFragments.set(t.id,new e({config:n,app:this.app}))}t.items?.forEach(e=>{this.initNode(e,r)})}getNode(e,{iteratorContainerId:t,iteratorIndex:n,pageFragmentContainerId:r,strict:i}={}){if(this.nodes.has(e))return this.nodes.get(e);if(r)return this.app.pageFragments.get(r)?.getNode(e,{iteratorContainerId:t,iteratorIndex:n,strict:!0});if(Array.isArray(t)&&t.length&&Array.isArray(n)){let r=this.nodes.get(t[0]);for(let e=1,i=t.length;e<i;e++)r=r?.getNode(t[e],n[e-1]);return r?.getNode(e,n[n.length-1])}if(!i&&this.app.pageFragments.size){for(let[,t]of this.app.pageFragments)if(t.nodes.has(e))return t.nodes.get(e)}}setNode(e,t){this.nodes.set(e,t)}deleteNode(e){this.nodes.delete(e)}destroy(){this.nodes.forEach(e=>{e!==this&&e.destroy()}),this.nodes.clear(),super.destroy()}},style2Obj=e=>{if(typeof e!=`string`)return e;let t={};return e.split(`;`).forEach(e=>{if(!e)return;let n=e.split(`:`),r=n.shift(),i=n.join(`:`);r&&(r=r.replace(/^\s*/,``).replace(/\s*$/,``),i=i.replace(/^\s*/,``).replace(/\s*$/,``),r=r.split(`-`).map((e,t)=>t>0?`${e[0].toUpperCase()}${e.substr(1)}`:e).join(``),t[r]=i)}),t},fillBackgroundImage=e=>e&&!/^url/.test(e)&&!/^linear-gradient/.test(e)?`url(${e})`:e,getTransform=(e,t)=>{if(!e)return[];let n=Object.entries(e).map(([e,n])=>n.trim()?(e===`rotate`&&isNumber$1(n)&&(n=`${n}deg`),t===`hippy`?{[e]:n}:`${e}(${n})`):``);if(t===`hippy`)return n;let r=n.join(` `);return r.trim()?r:`none`},transformStyle=(e,t)=>{if(!e)return{};let n={},r={};n=typeof e==`string`?style2Obj(e):{...e};let i=t===`hippy`,a=[`zIndex`,`opacity`,`fontWeight`];return Object.entries(n).forEach(([e,n])=>{e===`scale`&&!r.transform&&i?r.transform=[{scale:n}]:e===`backgroundImage`&&!i?n&&(r[e]=fillBackgroundImage(n)):e===`transform`&&typeof n!=`string`?r[e]=getTransform(n,t):!a.includes(e)&&n&&/^[-]?[0-9]*[.]?[0-9]*$/.test(n)?r[e]=i?n:`${n/100}rem`:r[e]=n}),r},COMMON_EVENT_PREFIX=`magic:common:events:`,COMMON_METHOD_PREFIX=`magic:common:actions:`,App=class e extends import_events.EventEmitter{static registerNode(t,n){e.nodeClassMap.set(t,n)}constructor(e){super(),_defineProperty$1(this,`env`,void 0),_defineProperty$1(this,`dsl`,void 0),_defineProperty$1(this,`codeDsl`,void 0),_defineProperty$1(this,`dataSourceManager`,void 0),_defineProperty$1(this,`page`,void 0),_defineProperty$1(this,`pageFragments`,new Map),_defineProperty$1(this,`useMock`,!1),_defineProperty$1(this,`platform`,`mobile`),_defineProperty$1(this,`jsEngine`,`browser`),_defineProperty$1(this,`components`,new Map),_defineProperty$1(this,`pageFragmentContainerType`,new Set([`page-fragment-container`])),_defineProperty$1(this,`iteratorContainerType`,new Set([`iterator-container`])),_defineProperty$1(this,`request`,void 0),_defineProperty$1(this,`transformStyle`,void 0),_defineProperty$1(this,`eventHelper`,void 0),_defineProperty$1(this,`errorHandler`,void 0),_defineProperty$1(this,`nodeStoreInitialData`,void 0),_defineProperty$1(this,`flexible`,void 0),e.env?this.setEnv(e.env):this.setEnv(e.ua),this.errorHandler=e.errorHandler,this.codeDsl=e.config?.codeBlocks,e.platform&&(this.platform=e.platform),e.jsEngine&&(this.jsEngine=e.jsEngine),e.nodeStoreInitialData&&(this.nodeStoreInitialData=e.nodeStoreInitialData),e.pageFragmentContainerType&&(Array.isArray(e.pageFragmentContainerType)?e.pageFragmentContainerType:[e.pageFragmentContainerType]).forEach(e=>{this.pageFragmentContainerType.add(e)}),e.iteratorContainerType&&(Array.isArray(e.iteratorContainerType)?e.iteratorContainerType:[e.iteratorContainerType]).forEach(e=>{this.iteratorContainerType.add(e)}),typeof e.useMock==`boolean`&&(this.useMock=e.useMock),this.jsEngine===`browser`&&!e.disabledFlexible&&(this.flexible=new Flexible({designWidth:e.designWidth})),this.platform!==`editor`&&(this.eventHelper=new EventHelper({app:this,beforeEventHandler:e.beforeEventHandler,afterEventHandler:e.afterEventHandler})),this.transformStyle=e.transformStyle||(e=>transformStyle(e,this.jsEngine)),e.request&&(this.request=e.request),e.config&&this.setConfig(e.config,e.curPage,e.dataSourceManagerInitialData)}setEnv(e){!e||typeof e==`string`?this.env=new Env(e):this.env=e}setDesignWidth(e){this.flexible?.setDesignWidth(e)}setConfig(e,t,n){this.dsl=e,!t&&e.items.length&&(t=e.items[0].id),this.dataSourceManager&&this.dataSourceManager.destroy(),this.dataSourceManager=createDataSourceManager(this,this.useMock,n),this.codeDsl=e.codeBlocks;let r=t||this.page?.data?.id;super.emit(`dsl-change`,{dsl:e,curPage:r}),this.pageFragments.forEach(e=>{e.destroy()}),this.pageFragments.clear(),this.setPage(r),this.dataSourceManager&&(this.dataSourceManager.isAllDataSourceRegistered()?this.eventHelper?.bindDataSourceEvents():this.dataSourceManager.once(`registered-all`,()=>{this.eventHelper?.bindDataSourceEvents()}))}setPage(e){let t=this.dsl?.items.find(t=>`${t.id}`==`${e}`);if(!t){this.deletePage(),super.emit(`page-change`);return}if(this.page){if(t===this.page.data)return;this.page.destroy()}this.page=new Page({config:t,app:this}),this.eventHelper?.initEvents(),super.emit(`page-change`,this.page)}deletePage(){this.page?.destroy(),this.eventHelper?.removeNodeEvents(),this.page=void 0}getPage(e){if(!e||this.page&&`${this.page.data.id}`==`${e}`)return this.page}getNode(e,t){return this.page?.getNode(e,t)}registerComponent(e,t){this.components.set(e,t)}unregisterComponent(e){this.components.delete(e)}resolveComponent(e){return this.components.get(e)}emit(e,...t){let[n,...r]=t;return this.eventHelper&&n instanceof Node&&n.data?.id&&n.eventKeys.has(`${String(e)}_${n.data.id}`)?this.eventHelper.emit(n.eventKeys.get(`${String(e)}_${n.data.id}`),n,...r):super.emit(e,...t)}async runCode(e,t,n,r,i){if(!e||isEmpty$1(this.codeDsl))return;let a=this.codeDsl?.[e]?.content;if(typeof a==`function`)try{await a({app:this,params:t,eventParams:n,flowState:r,node:i})}catch(a){if(this.errorHandler)this.errorHandler(a,void 0,{type:`run-code`,codeId:e,params:t,eventParams:n,flowState:r,node:i});else throw a}}async runDataSourceMethod(e,t,n,r,i,a){if(!e||!t)return;let o=this.dataSourceManager?.get(e);if(o)try{let e=(o.methods||[]).find(e=>e.name===t);e&&typeof e.content==`function`?await e.content({app:this,params:n,dataSource:o,eventParams:r,flowState:i,node:a}):typeof o[t]==`function`&&await o[t]()}catch(e){if(this.errorHandler)this.errorHandler(e,o,{type:`data-source-method`,params:n,eventParams:r,flowState:i,node:a});else throw e}}destroy(){this.removeAllListeners(),this.page?.destroy(),this.page=void 0,this.pageFragments.forEach(e=>{e.destroy()}),this.pageFragments.clear(),this.flexible?.destroy(),this.flexible=void 0,this.eventHelper?.destroy(),this.dsl=void 0,this.dataSourceManager?.destroy(),this.dataSourceManager=void 0,this.codeDsl=void 0,this.components.clear(),this.nodeStoreInitialData=void 0}};_defineProperty$1(App,`nodeClassMap`,new Map);var DevToolApi=class{constructor({app:e}){_defineProperty$1(this,`app`,void 0),this.app=e}openPop(e){if(typeof this.app.openPop==`function`)return this.app.openPop(e)}setDataSourceData(e,t,n){let r=this.app.dataSourceManager?.get(e);r&&r.setData(t,n)}delDataSourceData(){}requestDataSource(e){let t=this.app.dataSourceManager?.get(e);if(t){if(typeof t.refresh==`function`)return t.refresh();if(typeof t.request==`function`)return t.request();t.isInit=!1,this.app.dataSourceManager?.init(t)}}getDisplayCondRealValue(e,t){return this.app.dataSourceManager?.compliedConds({[NODE_CONDS_KEY]:[{cond:[t]}]})}async callHook(e,t,n){let r=this.app.getNode(e);if(r)for(let e of n)await r.runHookCode(t,e.params)}trigger(e,t){let n=this.app.getNode(e);n&&this.app.emit(t.name,n)}updateDsl(e,t,n){}isValueIncludeDataSource(e){return isValueIncludeDataSource(e)}compileDataSourceValue(e){return compiledNodeField(e,this.app.dataSourceManager?.data||{})}updateCode(codeId,value,path){if(!this.app.dsl)return;const{codeBlocks}=this.app.dsl;if(!codeBlocks)return;const code=codeBlocks[codeId];if(!code)return;const newCode=cloneDeep(code);let fuc=value;path===`content`&&typeof value==`string`&&(value.includes(`function`)||value.includes(`=>`))&&eval(`fuc = ${value})`),setValueByKeyPath(path,fuc,newCode),codeBlocks[codeId]=newCode}};function prefixNames(e){return[...arguments].slice(1).map(function(t){return t.split(` `).map(function(t){return t?``+e+t:``}).join(` `)}).join(` `)}function prefixCSS(e,t){return t.replace(/([^}{]*){/gm,function(t,n){return n.replace(/\.([^{,\s\d.]+)/g,`.`+e+`$1`)+`{`})}function ref(e,t){return function(n){n&&(e[t]=n)}}function refs(e,t,n){return function(r){r&&(e[t][n]=r)}}function Properties(e,t){return function(n){var r=n.prototype;e.forEach(function(e){t(r,e)})}}function withMethods(e,t){return t===void 0&&(t={}),function(n,r){e.forEach(function(e){var i=t[e]||e;i in n||(n[i]=function(){for(var t,n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];var a=(t=this[r])[e].apply(t,n);return a===this[r]?this:a})})}}var RGB=`rgb`,RGBA=`rgba`,HSL=`hsl`,HSLA=`hsla`,COLOR_MODELS=[`rgb`,RGBA,`hsl`,HSLA],FUNCTION=`function`,PROPERTY=`property`,ARRAY=`array`,OBJECT=`object`,STRING=`string`,NUMBER=`number`,UNDEFINED=`undefined`,IS_WINDOW=typeof window!==UNDEFINED,doc=typeof document<`u`&&document,prefixes=[`webkit`,`ms`,`moz`,`o`],getCrossBrowserProperty=function(e){if(!doc)return``;var t=(doc.body||doc.documentElement).style,n=prefixes.length;if(t[e]!==void 0)return e;for(var r=0;r<n;++r){var i=`-`+prefixes[r]+`-`+e;if(t[i]!==void 0)return i}return``},TRANSFORM=getCrossBrowserProperty(`transform`),FILTER=getCrossBrowserProperty(`filter`),ANIMATION=getCrossBrowserProperty(`animation`),KEYFRAMES=ANIMATION.replace(`animation`,`keyframes`),OPEN_CLOSED_CHARACTERS=[{open:`(`,close:`)`},{open:`"`,close:`"`},{open:`'`,close:`'`},{open:`\\"`,close:`\\"`},{open:`\\'`,close:`\\'`}],TINY_NUM$1=1e-7,REVERSE_TINY_NUM=1/TINY_NUM$1,DEFAULT_UNIT_PRESETS={cm:function(e){return e*96/2.54},mm:function(e){return e*96/254},in:function(e){return e*96},pt:function(e){return e*96/72},pc:function(e){return e*96/6},"%":function(e,t){return e*t/100},vw:function(e,t){return t===void 0&&(t=window.innerWidth),e/100*t},vh:function(e,t){return t===void 0&&(t=window.innerHeight),e/100*t},vmax:function(e,t){return t===void 0&&(t=Math.max(window.innerWidth,window.innerHeight)),e/100*t},vmin:function(e,t){return t===void 0&&(t=Math.min(window.innerWidth,window.innerHeight)),e/100*t}};function __spreadArrays$4(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<n;t++)for(var a=arguments[t],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}function dot$1(e,t,n,r){return(e*r+t*n)/(n+r)}function isUndefined$1(e){return typeof e===UNDEFINED}function isObject$2(e){return e&&typeof e==`object`}function isArray$1(e){return Array.isArray(e)}function isString(e){return typeof e===STRING}function isNumber(e){return typeof e===NUMBER}function isFunction$1(e){return typeof e===FUNCTION}function isEqualSeparator(e,t){return(t===``||t==` `)&&(e===``||e==` `)||e===t}function findOpen(e,t,n,r,i){return findIgnore(e,t,n)?n:findClose(e,t,n+1,r,i)}function findIgnore(e,t,n){if(!e.ignore)return null;var r=t.slice(Math.max(n-3,0),n+3).join(``);return new RegExp(e.ignore).exec(r)}function findClose(e,t,n,r,i){for(var a=function(n){var a=t[n].trim();if(a===e.close&&!findIgnore(e,t,n))return{value:n};var s=n,c=find$1(i,function(e){return e.open===a});if(c&&(s=findOpen(c,t,n,r,i)),s===-1)return o=n,`break`;n=s,o=n},o,s=n;s<r;++s){var c=a(s);if(s=o,typeof c==`object`)return c.value;if(c===`break`)break}return-1}function splitText(e,t){var n=isString(t)?{separator:t}:t,r=n.separator,i=r===void 0?`,`:r,a=n.isSeparateFirst,o=n.isSeparateOnlyOpenClose,s=n.isSeparateOpenClose,c=s===void 0?o:s,l=n.openCloseCharacters,u=l===void 0?OPEN_CLOSED_CHARACTERS:l,d=u.map(function(e){var t=e.open,n=e.close;return t===n?t:t+`|`+n}).join(`|`),f=`(\\s*`+i+`\\s*|`+d+`|\\s+)`,p=new RegExp(f,`g`),m=e.split(p).filter(function(e){return e&&e!==`undefined`}),g=m.length,_=[],v=[];function y(){return v.length?(_.push(v.join(``)),v=[],!0):!1}for(var b=function(t){var n=m[t].trim(),r=t,s=find$1(u,function(e){return e.open===n}),l=find$1(u,function(e){return e.close===n});if(s){if(r=findOpen(s,m,t,g,u),r!==-1&&c)return y()&&a||(_.push(m.slice(t,r+1).join(``)),t=r,a)?(x=t,`break`):(x=t,`continue`)}else if(l&&!findIgnore(l,m,t)){var d=__spreadArrays$4(u);return d.splice(u.indexOf(l),1),{value:splitText(e,{separator:i,isSeparateFirst:a,isSeparateOnlyOpenClose:o,isSeparateOpenClose:c,openCloseCharacters:d})}}else if(isEqualSeparator(n,i)&&!o)return y(),a?(x=t,`break`):(x=t,`continue`);r===-1&&(r=g-1),v.push(m.slice(t,r+1).join(``)),t=r,x=t},x,S=0;S<g;++S){var C=b(S);if(S=x,typeof C==`object`)return C.value;if(C===`break`)break}return v.length&&_.push(v.join(``)),_}function splitSpace(e){return splitText(e,``)}function splitComma(e){return splitText(e,`,`)}function splitBracket(e){var t=/([^(]*)\(([\s\S]*)\)([\s\S]*)/g.exec(e);return!t||t.length<4?{}:{prefix:t[1],value:t[2],suffix:t[3]}}function splitUnit(e){var t=/^([^\d|e|\-|\+]*)((?:\d|\.|-|e-|e\+)+)(\S*)$/g.exec(e);if(!t)return{prefix:``,unit:``,value:NaN};var n=t[1],r=t[2];return{prefix:n,unit:t[3],value:parseFloat(r)}}function camelize(e){return e.replace(/[\s-_]+([^\s-_])/g,function(e,t){return t.toUpperCase()})}function decamelize(e,t){return t===void 0&&(t=`-`),e.replace(/([a-z])([A-Z])/g,function(e,n,r){return``+n+t+r.toLowerCase()})}function toArray(e){return[].slice.call(e)}function now(){return Date.now?Date.now():new Date().getTime()}function findIndex(e,t,n){n===void 0&&(n=-1);for(var r=e.length,i=0;i<r;++i)if(t(e[i],i,e))return i;return n}function findLastIndex(e,t,n){n===void 0&&(n=-1);for(var r=e.length-1;r>=0;--r)if(t(e[r],r,e))return r;return n}function findLast(e,t,n){var r=findLastIndex(e,t);return r>-1?e[r]:n}function find$1(e,t,n){var r=findIndex(e,t);return r>-1?e[r]:n}var requestAnimationFrame$1=function(){var e=now(),t=IS_WINDOW&&(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame);return t?t.bind(window):function(t){var n=now();return setTimeout(function(){t(n-e)},1e3/60)}}(),cancelAnimationFrame=function(){var e=IS_WINDOW&&(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.msCancelAnimationFrame);return e?e.bind(window):function(e){clearTimeout(e)}}();function getKeys(e){return Object.keys(e)}function getValues(e){return getKeys(e).map(function(t){return e[t]})}function sortOrders(e,t){t===void 0&&(t=[]),e.sort(function(e,n){var r=t.indexOf(e),i=t.indexOf(n);return i===-1&&r===-1?0:r===-1?1:i===-1?-1:r-i})}function convertUnitSize(e,t){var n=splitUnit(e),r=n.value,i=n.unit;if(isObject$2(t)){var a=t[i];if(a){if(isFunction$1(a))return a(r);if(DEFAULT_UNIT_PRESETS[i])return DEFAULT_UNIT_PRESETS[i](r,a)}}else if(i===`%`)return r*t/100;return DEFAULT_UNIT_PRESETS[i]?DEFAULT_UNIT_PRESETS[i](r):r}function between(e,t,n){return Math.max(t,Math.min(e,n))}function checkBoundSize(e,t,n,r){return r===void 0&&(r=e[0]/e[1]),[[throttle(t[0],1e-7),throttle(t[0]/r,1e-7)],[throttle(t[1]*r,1e-7),throttle(t[1],1e-7)]].filter(function(e){return e.every(function(e,r){var i=t[r],a=throttle(i,1e-7);return n?e<=i||e<=a:e>=i||e>=a})})[0]||e}function calculateBoundSize(e,t,n,r){if(!r)return e.map(function(e,r){return between(e,t[r],n[r])});var i=e[0],a=e[1],o=r===!0?i/a:r,s=checkBoundSize(e,t,!1,o),c=s[0],l=s[1],u=checkBoundSize(e,n,!0,o),d=u[0],f=u[1];return i<c||a<l?(i=c,a=l):(i>d||a>f)&&(i=d,a=f),[i,a]}function sum(e){for(var t=e.length,n=0,r=t-1;r>=0;--r)n+=e[r];return n}function average(e){for(var t=e.length,n=0,r=t-1;r>=0;--r)n+=e[r];return t?n/t:0}function getRad$1(e,t){var n=t[0]-e[0],r=t[1]-e[1],i=Math.atan2(r,n);return i>=0?i:i+Math.PI*2}function getCenterPoint(e){return[0,1].map(function(t){return average(e.map(function(e){return e[t]}))})}function getShapeDirection(e){var t=getCenterPoint(e),n=getRad$1(t,e[0]),r=getRad$1(t,e[1]);return n<r&&r-n<Math.PI||n>r&&r-n<-Math.PI?1:-1}function getDist$2(e,t){return Math.sqrt(((t?t[0]:0)-e[0])**2+((t?t[1]:0)-e[1])**2)}function throttle(e,t){if(!t)return e;var n=1/t;return Math.round(e/t)/n}function throttleArray(e,t){return e.forEach(function(n,r){e[r]=throttle(e[r],t)}),e}function counter(e){for(var t=[],n=0;n<e;++n)t.push(n);return t}function flat$2(e){return e.reduce(function(e,t){return e.concat(t)},[])}function pushSet(e,t){e.indexOf(t)===-1&&e.push(t)}function cutHex(e){return e.replace(`#`,``)}function hexToRGBA(e){var t=cutHex(e),n=parseInt(t.substring(0,2),16),r=parseInt(t.substring(2,4),16),i=parseInt(t.substring(4,6),16),a=parseInt(t.substring(6,8),16)/255;return isNaN(a)&&(a=1),[n,r,i,a]}function toFullHex(e){var t=e.charAt(1),n=e.charAt(2),r=e.charAt(3),i=e.charAt(4);return[`#`,t,t,n,n,r,r,i,i].join(``)}function hslToRGBA(e){var t,n=e[0],r=e[1],i=e[2];n<0&&(n+=Math.floor((Math.abs(n)+360)/360)*360),n%=360;var a=(1-Math.abs(2*i-1))*r,o=a*(1-Math.abs(n/60%2-1)),s=i-a/2,c=n<60?[a,o,0]:n<120?[o,a,0]:n<180?[0,a,o]:n<240?[0,o,a]:n<300?[o,0,a]:n<360?[a,0,o]:[0,0,0];return[Math.round((c[0]+s)*255),Math.round((c[1]+s)*255),Math.round((c[2]+s)*255),e[3]??1]}function stringToRGBA(e){if(e.charAt(0)===`#`)return e.length===4||e.length===5?hexToRGBA(toFullHex(e)):hexToRGBA(e);if(e.indexOf(`(`)!==-1){var t=splitBracket(e),n=t.prefix,r=t.value;if(!n||!r)return;var i=splitComma(r),a=[0,0,0,1],o=i.length;switch(n){case`rgb`:case RGBA:for(var s=0;s<o;++s)a[s]=parseFloat(i[s]);return a;case`hsl`:case HSLA:for(var s=0;s<o;++s)i[s].indexOf(`%`)===-1?a[s]=parseFloat(i[s]):a[s]=parseFloat(i[s])/100;return hslToRGBA(a)}}}function $(e,t){return doc?t?doc.querySelectorAll(e):doc.querySelector(e):t?[]:null}function hasClass(e,t){return e.classList?e.classList.contains(t):!!e.className.match(RegExp(`(\\s|^)`+t+`(\\s|$)`))}function addClass(e,t){e.classList?e.classList.add(t):e.className+=` `+t}function removeClass(e,t){if(e.classList)e.classList.remove(t);else{var n=RegExp(`(\\s|^)`+t+`(\\s|$)`);e.className=e.className.replace(n,` `)}}function fromCSS(e,t){if(!e||!t||!t.length)return{};var n;if(e instanceof Element)n=e;else if(e.length)n=e[0];else return{};for(var r={},i=getWindow(n).getComputedStyle(n),a=t.length,o=0;o<a;++o)r[t[o]]=i[t[o]];return r}function addEvent(e,t,n,r){e.addEventListener(t,n,r)}function removeEvent(e,t,n,r){e.removeEventListener(t,n,r)}function getDocument(e){return e?.ownerDocument||doc}function getDocumentElement(e){return getDocument(e).documentElement}function getDocumentBody(e){return getDocument(e).body}function getWindow(e){var t;return e?.ownerDocument?.defaultView||window}function isWindow(e){return e&&`postMessage`in e&&`blur`in e&&`self`in e}function isNode(e){return isObject$2(e)&&e.nodeName&&e.nodeType&&`ownerDocument`in e}var PolyMap=function(){function e(){this.keys=[],this.values=[]}var t=e.prototype;return t.get=function(e){return this.values[this.keys.indexOf(e)]},t.set=function(e,t){var n=this.keys,r=this.values,i=n.indexOf(e),a=i===-1?n.length:i;n[a]=e,r[a]=t},e}(),HashMap=function(){function e(){this.object={}}var t=e.prototype;return t.get=function(e){return this.object[e]},t.set=function(e,t){this.object[e]=t},e}(),SUPPORT_MAP=typeof Map==`function`,Link=function(){function e(){}var t=e.prototype;return t.connect=function(e,t){this.prev=e,this.next=t,e&&(e.next=this),t&&(t.prev=this)},t.disconnect=function(){var e=this.prev,t=this.next;e&&(e.next=t),t&&(t.prev=e)},t.getIndex=function(){for(var e=this,t=-1;e;)e=e.prev,++t;return t},e}();function orderChanged(e,t){var n=[],r=[];return e.forEach(function(e){var t=e[0],i=e[1],a=new Link;n[t]=a,r[i]=a}),n.forEach(function(e,t){e.connect(n[t-1])}),e.filter(function(e,n){return!t[n]}).map(function(e,t){var i=e[0],a=e[1];if(i===a)return[0,0];var o=n[i],s=r[a-1],c=o.getIndex();return o.disconnect(),s?o.connect(s,s.next):o.connect(void 0,n[0]),[c,o.getIndex()]})}var Result=function(){function e(e,t,n,r,i,a,o,s){this.prevList=e,this.list=t,this.added=n,this.removed=r,this.changed=i,this.maintained=a,this.changedBeforeAdded=o,this.fixed=s}var t=e.prototype;return Object.defineProperty(t,`ordered`,{get:function(){return this.cacheOrdered||this.caculateOrdered(),this.cacheOrdered},enumerable:!0,configurable:!0}),Object.defineProperty(t,`pureChanged`,{get:function(){return this.cachePureChanged||this.caculateOrdered(),this.cachePureChanged},enumerable:!0,configurable:!0}),t.caculateOrdered=function(){var e=orderChanged(this.changedBeforeAdded,this.fixed),t=this.changed,n=[];this.cacheOrdered=e.filter(function(e,r){var i=e[0],a=e[1],o=t[r],s=o[0],c=o[1];if(i!==a)return n.push([s,c]),!0}),this.cachePureChanged=n},e}();function diff$1(e,t,n){var r=SUPPORT_MAP?Map:n?HashMap:PolyMap,i=n||function(e){return e},a=[],o=[],s=[],c=e.map(i),l=t.map(i),u=new r,d=new r,f=[],p=[],m={},g=[],_=0,v=0;return c.forEach(function(e,t){u.set(e,t)}),l.forEach(function(e,t){d.set(e,t)}),c.forEach(function(e,t){var n=d.get(e);n===void 0?(++v,o.push(t)):m[n]=v}),l.forEach(function(e,t){var n=u.get(e);n===void 0?(a.push(t),++_):(s.push([n,t]),v=m[t]||0,f.push([n-v,t-_]),p.push(t===n),n!==t&&g.push([n,t]))}),o.reverse(),new Result(e,t,a,o,g,s,f,p)}var ListDiffer=function(){function e(e,t){e===void 0&&(e=[]),this.findKeyCallback=t,this.list=[].slice.call(e)}var t=e.prototype;return t.update=function(e){var t=[].slice.call(e),n=diff$1(this.list,t,this.findKeyCallback);return this.list=t,n},e}(),extendStatics$11=function(e,t){return extendStatics$11=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$11(e,t)};function __extends$11(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$11(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$12=function(){return __assign$12=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$12.apply(this,arguments)};function __rest$2(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function __spreadArray$4(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function fillKeys(e){var t=0;return e.map(function(e){return e==null?`\$compat${++t}`:`${e}`})}function flat$1(e){var t=[];return e.forEach(function(e){t=t.concat(isArray$1(e)?flat$1(e):e)}),t}function fillProps(e,t){if(!t)return e;for(var n in t)isUndefined$1(e[n])&&(e[n]=t[n]);return e}function isDiff(e,t){if(e===t)return!1;for(var n in e)if(!(n in t))return!0;for(var n in t)if(e[n]!==t[n])return!0;return!1}function getAttributes(e){var t=e.className,n=__rest$2(e,[`className`]);return t!=null&&(n.class=t),delete n.style,delete n.children,n}function splitProps(e){var t={},n={};for(var r in e)r.indexOf(`on`)===0?n[r]=e[r]:t[r]=e[r];return[t,n]}function findContainerNode(e){if(!e)return null;var t=e.b;return isNode(t)?t:findContainerNode(e.c)}function removeNode(e){var t=e.parentNode;t&&t.removeChild(e)}function executeHooks(e){e.forEach(function(e){e()})}function renderFunctionComponent(){return this.constructor(this.props,this.context)}var hooksIndex=0,Provider=function(){function e(e,t,n,r,i,a,o){o===void 0&&(o={}),this.t=e,this.d=t,this.k=n,this.i=r,this.c=i,this.ref=a,this.ps=o,this.typ=`prov`,this._ps=[],this._cs={},this._hyd=null,this._sel=!1}var t=e.prototype;return t.s=function(){return!0},t.u=function(e,t,n,r,i){var a=this,o=a.d,s=flat$1(getValues(t).filter(function(e){return e.$_req}).map(function(e){return e.$_subs})),c=find$1(s,function(e){return e.d===o});if(a.b&&!isString(n)&&!i&&!a.s(n.props,r)&&!c)return s.reduce(function(e,t){var n=t.d;return e[0]?e[0].d===n&&e.push(t):n>o&&e.push(t),e},[]).forEach(function(n){renderProviders(n,n._ps,[n.o],e,t,!0)}),!1;a.o=n,a.ss(r);var l=a.ps;return isString(n)||(a.ps=n.props,a.ref=n.ref),setCurrentInstance(this),a.r(e,t,a.b?l:{},r),!0},t.md=function(){this.rr()},t.ss=function(){},t.ud=function(){this.rr()},t.rr=function(){var e=this,t=e.ref,n=e.fr;t&&t(n?n.current:e.b)},e}();function getCurrentInstance(){return Object.__CROACT_CURRENT_INSTNACE__}function getHooksIndex(){return hooksIndex}function setHooksInex(e){hooksIndex=e}function setCurrentInstance(e){return Object.__CROACT_CURRENT_INSTNACE__=e,hooksIndex=0,e}var Component$1=function(){function e(e,t){e===void 0&&(e={}),this.props=e,this.context=t,this.state={},this.$_timer=0,this.$_state={},this.$_subs=[],this.$_cs={}}var t=e.prototype;return t.render=function(){return null},t.shouldComponentUpdate=function(e,t){return this.props!==e||this.state!==t},t.setState=function(e,t,n){var r=this;r.$_timer||(r.$_state={}),clearTimeout(r.$_timer),r.$_timer=0,r.$_state=__assign$12(__assign$12({},r.$_state),e),n?r.$_setState(t,n):r.$_timer=window.setTimeout(function(){r.$_timer=0,r.$_setState(t,n)})},t.forceUpdate=function(e){this.setState({},e,!0)},t.componentDidMount=function(){},t.componentDidUpdate=function(e,t){},t.componentWillUnmount=function(){},t.$_setState=function(e,t){var n=[],r=this.$_p;renderProviders(r.c,[r],[r.o],n,r._cs,__assign$12(__assign$12({},this.state),this.$_state),t)&&(e&&n.push(e),executeHooks(n),setCurrentInstance(null))},e}(),PureComponent=function(e){__extends$11(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}var n=t.prototype;return n.shouldComponentUpdate=function(e,t){return isDiff(this.props,e)||isDiff(this.state,t)},t}(Component$1);function createRef(e){var t=function(e){t.current=e};return t.current=e,t}function forwardRef(e){return e._fr=!0,e}function createComponent(e,t,n,r){var i,a;return e?.prototype?.render?a=new e(t,n):(a=new Component$1(t,n),a.constructor=e,e._fr?(r.fr=createRef(),a.render=function(){return this.constructor(this.props,r.fr)}):a.render=renderFunctionComponent),a.$_p=r,a}var ComponentProvider=function(e){__extends$11(t,e);function t(t,n,r,i,a,o,s){s===void 0&&(s={});var c=e.call(this,t,n,r,i,a,o,fillProps(s,t.defaultProps))||this;return c.typ=`comp`,c._usefs=[],c._uefs=[],c._defs=[],c}var n=t.prototype;return n.s=function(e,t){var n=this.b;return n.shouldComponentUpdate(fillProps(e,this.t.defaultProps),t||n.state)!==!1},n.r=function(e,t,n){var r,i,a=this,o=a.t;a.ps=fillProps(a.ps,a.t.defaultProps);var s=a.ps,c=!a.b,l=o.contextType,u=a.b,d=l?.get(a);a._cs=t,c?(u=createComponent(o,s,d,a),a.b=u):(u.props=s,u.context=d);var f=u.state;a._usefs=[],a._uefs=[];var p=u.render();p?.props?.children?.length===0&&(p.props.children=a.ps.children);var m=__assign$12(__assign$12({},t),u.$_cs);renderProviders(a,a._ps,p?[p]:[],e,m),c?a._uefs.push(function(){l?.register(a),u.componentDidMount()}):a._uefs.push(function(){u.componentDidUpdate(n,f)}),e.push(function(){a._usefs.forEach(function(e){e()}),c?a.md():a.ud(),a._defs=a._uefs.map(function(e){return e()})})},n.ss=function(e){var t=this.b;!t||!e||(t.state=e)},n.un=function(){var e,t=this;t._ps.forEach(function(e){e.un()}),(e=t.t.contextType)==null||e.unregister(t),clearTimeout(t.b.$_timer),t._defs.forEach(function(e){e&&e()}),t.b.componentWillUnmount()},t}(Provider);function diffAttributes(e,t,n){var r=diffObject(getAttributes(e),getAttributes(t)),i=r.added,a=r.removed,o=r.changed;for(var s in i)n.setAttribute(s,i[s]);for(var c in o)n.setAttribute(c,o[c][1]);for(var l in a)n.removeAttribute(l)}function diffEvents(e,t,n){var r=diffObject(e,t),i=r.added;for(var a in r.removed)n.e(a,!0);for(var o in i)n.e(o)}function diffObject(e,t){var n=getKeys(e),r=getKeys(t),i=diff$1(n,r,function(e){return e}),a={},o={},s={};return i.added.forEach(function(e){var n=r[e];a[n]=t[n]}),i.removed.forEach(function(t){var r=n[t];o[r]=e[r]}),i.maintained.forEach(function(r){var i=n[r[0]],a=[e[i],t[i]];e[i]!==t[i]&&(s[i]=a)}),{added:a,removed:o,changed:s}}function diffStyle(e,t,n){var r=n.style,i=diffObject(e,t),a=i.added,o=i.removed,s=i.changed;for(var c in a){var l=decamelize(c,`-`);r.setProperty(l,a[c])}for(var c in s){var u=decamelize(c,`-`);r.setProperty(u,s[c][1])}for(var c in o){var d=decamelize(c,`-`);r.removeProperty(d)}}function getNativeEventName(e){return e.replace(/^on/g,``).toLowerCase()}var ElementProvider=function(e){__extends$11(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.typ=`elem`,t._es={},t._svg=!1,t}var n=t.prototype;return n.e=function(e,t){var n=this,r=n._es,i=n.b,a=getNativeEventName(e);t?(removeEvent(i,a,r[e]),delete r[e]):(r[e]=function(t){var r,i;(i=(r=n.ps)[e])==null||i.call(r,t)},addEvent(i,a,r[e]))},n.s=function(e){return isDiff(this.ps,e)},n.r=function(e,t,n){var r,i=this,a=!i.b,o=i.ps;if(a){var s=findContainerNode(i.c),c=!1;c=i._svg||i.t===`svg`?!0:s&&s.ownerSVGElement,i._svg=c;var l=i._hyd?.splice(0,1)[0],u=i.t;if(l)i._hyd=[].slice.call(l.children||[]);else{var d=getDocument(s);l=c?d.createElementNS(`http://www.w3.org/2000/svg`,u):d.createElement(u)}i.b=l}renderProviders(i,i._ps,o.children,e,t);var f=i.b,p=splitProps(n),m=p[0],g=p[1],_=splitProps(o),v=_[0],y=_[1];return diffAttributes(m,v,f),diffEvents(g,y,i),diffStyle(n.style||{},o.style||{},f),e.push(function(){a?i.md():i.ud()}),!0},n.un=function(){var e=this,t=e._es,n=e.b;for(var r in t)removeEvent(n,r,t[r]);e._ps.forEach(function(e){e.un()}),e._es={},e._sel||removeNode(n)},t}(Provider);function findDOMNode(e){if(!e||isNode(e))return e;var t=e.$_p._ps;return t.length?findDOMNode(t[0].b):null}function findNodeProvider(e){if(e){if(e.b&&isNode(e.b))return e;var t=e._ps;return t.length?findNodeProvider(t[0]):null}}function createElement(e,t){var n=[...arguments].slice(2),r=t||{},i=r.key,a=r.ref,o=__rest$2(r,[`key`,`ref`]);return{type:e,key:i,ref:a,props:__assign$12(__assign$12({},o),{children:flat$2(n).filter(function(e){return e!=null&&e!==!1})})}}var ContainerProvider=function(e){__extends$11(t,e);function t(t,n){n===void 0&&(n=0);var r=e.call(this,`container`,n,`container`,0,null)||this;return r.typ=`container`,r.b=t,r}var n=t.prototype;return n.r=function(){return!0},n.un=function(){},t}(Provider),TextProvider=function(e){__extends$11(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.typ=`text`,t}var n=t.prototype;return n.r=function(e){var t,n=this,r=!n.b;if(r){var i=findContainerNode(n.c);n.b=n._hyd?.splice(0,1)[0]||getDocument(i).createTextNode(n.t.replace(`text_`,``))}return e.push(function(){r?n.md():n.ud()}),!0},n.un=function(){removeNode(this.b)},t}(Provider);function diffProviders(e,t,n){var r=n.map(function(e){return isString(e)?null:e.key}),i=diff$1(fillKeys(t.map(function(e){return e.k})),fillKeys(r),function(e){return e});i.removed.forEach(function(e){t.splice(e,1)[0].un()}),i.ordered.forEach(function(e){var n=e[0],r=e[1],i=t.splice(n,1)[0];t.splice(r,0,i);var a=findDOMNode(i.b),o=findDOMNode(t[r+1]&&t[r+1].b);a&&a.parentNode.insertBefore(a,o)}),i.added.forEach(function(i){t.splice(i,0,createProvider(n[i],r[i],i,e))});var a=i.maintained.filter(function(i){i[0];var a=i[1],o=n[a],s=t[a];return(isString(o)?`text_${o}`:o.type)===s.t?(s.i=a,!1):(s.un(),t.splice(a,1,createProvider(o,r[a],a,e)),!0)});return __spreadArray$4(__spreadArray$4([],i.added,!0),a.map(function(e){return e[0],e[1]}),!0)}function getNextSibiling(e,t){for(var n=e._ps,r=n.length,i=t.i+1;i<r;++i){var a=findDOMNode(n[i].b);if(a)return a}return null}function createProvider(e,t,n,r){var i=r.d+1;if(isString(e)||isNumber(e))return new TextProvider(`text_${e}`,i,t,n,r,null,{});var a=e.type;return new(typeof a==`string`?ElementProvider:ComponentProvider)(a,i,t,n,r,e.ref,e.props)}function renderProviders(e,t,n,r,i,a,o){var s=diffProviders(e,t,n),c=e._hyd,l=t.filter(function(e,t){return e._hyd=c,e.u(r,i,n[t],a,o)});e.typ===`container`&&e._sel&&t.forEach(function(e){var t=findNodeProvider(e);t&&(t._sel=!0)}),e._hyd=null;var u=findContainerNode(e);return u&&s.reverse().forEach(function(n){var r=t[n],i=findDOMNode(r.b);if(i&&u!==i&&!i.parentNode){var a=getNextSibiling(e,r);u.insertBefore(i,a)}}),l.length>0}function renderProvider(e,t,n,r){n===void 0&&(n=t.__CROACT__),r===void 0&&(r={});var i=!!n;n||(n=new ContainerProvider(t));var a=[];return renderProviders(n,n._ps,e?[e]:[],a,r,void 0,void 0),executeHooks(a),setCurrentInstance(null),i||(t.__CROACT__=n),n}function renderSelf(e,t,n){return!n&&e&&(n=new ContainerProvider(t.parentElement),n._hyd=[t],n._sel=!0),renderProvider(e,t,n),n}function checkHookInfo(e){var t=getCurrentInstance(),n=t._hs||(t._hs=[]),r=getHooksIndex(),i=n[r];if(setHooksInex(r+1),i){if(!isDiff(i.deps,e.deps))return i.updated=!1,i;n[r]=e}else n.push(e);return e.value=e.func(),e.updated=!0,e}function useMemo(e,t){return checkHookInfo({func:e,deps:t}).value}function useRef(e){return useMemo(function(){return createRef(e)},[])}function useEffect(e,t,n){var r=getCurrentInstance(),i=checkHookInfo({func:function(){return e},deps:t}),a=n?r._usefs:r._uefs;i.updated?a.push(function(){return i.effect&&i.effect(),i.effect=e(),i.effect}):a.push(function(){return i.effect})}function useImperativeHandle(e,t,n){useEffect(function(){e?.(t())},n,!0)}function some(e,t){for(var n=e.length,r=0;r<n;++r)if(t(e[r],r))return!0;return!1}function find(e,t){for(var n=e.length,r=0;r<n;++r)if(t(e[r],r))return e[r];return null}function getUserAgentString(e){var t=e;if(t===void 0){if(typeof navigator>`u`||!navigator)return``;t=navigator.userAgent||``}return t.toLowerCase()}function execRegExp(e,t){try{return new RegExp(e,`g`).exec(t)}catch{return null}}function hasUserAgentData(){if(typeof navigator>`u`||!navigator||!navigator.userAgentData)return!1;var e=navigator.userAgentData,t=e.brands||e.uaList;return!!(t&&t.length)}function findVersion(e,t){var n=execRegExp(`(`+e+`)((?:\\/|\\s|:)([0-9|\\.|_]+))`,t);return n?n[3]:``}function convertVersion(e){return e.replace(/_/g,`.`)}function findPreset(e,t){var n=null,r=`-1`;return some(e,function(e){var i=execRegExp(`(`+e.test+`)((?:\\/|\\s|:)([0-9|\\.|_]+))?`,t);return!i||e.brand?!1:(n=e,r=i[3]||`-1`,e.versionAlias?r=e.versionAlias:e.versionTest&&(r=findVersion(e.versionTest.toLowerCase(),t)||r),r=convertVersion(r),!0)}),{preset:n,version:r}}function findPresetBrand(e,t){var n={brand:``,version:`-1`};return some(e,function(e){var r=findBrand(t,e);return r?(n.brand=e.id,n.version=e.versionAlias||r.version,n.version!==`-1`):!1}),n}function findBrand(e,t){return find(e,function(e){var n=e.brand;return execRegExp(``+t.test,n.toLowerCase())})}var BROWSER_PRESETS=[{test:`phantomjs`,id:`phantomjs`},{test:`whale`,id:`whale`},{test:`edgios|edge|edg`,id:`edge`},{test:`msie|trident|windows phone`,id:`ie`,versionTest:`iemobile|msie|rv`},{test:`miuibrowser`,id:`miui browser`},{test:`samsungbrowser`,id:`samsung internet`},{test:`samsung`,id:`samsung internet`,versionTest:`version`},{test:`chrome|crios`,id:`chrome`},{test:`firefox|fxios`,id:`firefox`},{test:`android`,id:`android browser`,versionTest:`version`},{test:`safari|iphone|ipad|ipod`,id:`safari`,versionTest:`version`}],CHROMIUM_PRESETS=[{test:`(?=.*applewebkit/(53[0-7]|5[0-2]|[0-4]))(?=.*\\schrome)`,id:`chrome`,versionTest:`chrome`},{test:`chromium`,id:`chrome`},{test:`whale`,id:`chrome`,versionAlias:`-1`,brand:!0}],WEBKIT_PRESETS=[{test:`applewebkit`,id:`webkit`,versionTest:`applewebkit|safari`}],WEBVIEW_PRESETS=[{test:`(?=(iphone|ipad))(?!(.*version))`,id:`webview`},{test:`(?=(android|iphone|ipad))(?=.*(naver|daum|; wv))`,id:`webview`},{test:`webview`,id:`webview`}],OS_PRESETS=[{test:`windows phone`,id:`windows phone`},{test:`windows 2000`,id:`window`,versionAlias:`5.0`},{test:`windows nt`,id:`window`},{test:`win32|windows`,id:`window`},{test:`iphone|ipad|ipod`,id:`ios`,versionTest:`iphone os|cpu os`},{test:`macos|macintel|mac os x`,id:`mac`},{test:`android|linux armv81`,id:`android`},{test:`tizen`,id:`tizen`},{test:`webos|web0s`,id:`webos`}];function isWebView(e){return!!findPreset(WEBVIEW_PRESETS,e).preset}function getLegacyAgent(e){var t=getUserAgentString(e),n=!!/mobi/g.exec(t),r={name:`unknown`,version:`-1`,majorVersion:-1,webview:isWebView(t),chromium:!1,chromiumVersion:`-1`,webkit:!1,webkitVersion:`-1`},i={name:`unknown`,version:`-1`,majorVersion:-1},a=findPreset(BROWSER_PRESETS,t),o=a.preset,s=a.version,c=findPreset(OS_PRESETS,t),l=c.preset,u=c.version,d=findPreset(CHROMIUM_PRESETS,t);if(r.chromium=!!d.preset,r.chromiumVersion=d.version,!r.chromium){var f=findPreset(WEBKIT_PRESETS,t);r.webkit=!!f.preset,r.webkitVersion=f.version}return l&&(i.name=l.id,i.version=u,i.majorVersion=parseInt(u,10)),o&&(r.name=o.id,r.version=s,r.webview&&i.name===`ios`&&r.name!==`safari`&&(r.webview=!1)),r.majorVersion=parseInt(r.version,10),{browser:r,os:i,isMobile:n,isHints:!1}}function getClientHintsAgent(e){var t=navigator.userAgentData,n=(t.uaList||t.brands).slice(),r=e&&e.fullVersionList,i=t.mobile||!1,a=n[0],o=(e&&e.platform||t.platform||navigator.platform).toLowerCase(),s={name:a.brand,version:a.version,majorVersion:-1,webkit:!1,webkitVersion:`-1`,chromium:!1,chromiumVersion:`-1`,webview:!!findPresetBrand(WEBVIEW_PRESETS,n).brand||isWebView(getUserAgentString())},c={name:`unknown`,version:`-1`,majorVersion:-1};s.webkit=!s.chromium&&some(WEBKIT_PRESETS,function(e){return findBrand(n,e)});var l=findPresetBrand(CHROMIUM_PRESETS,n);if(s.chromium=!!l.brand,s.chromiumVersion=l.version||`-1`,!s.chromium){var u=findPresetBrand(WEBKIT_PRESETS,n);s.webkit=!!u.brand,s.webkitVersion=u.version||`-1`}var d=find(OS_PRESETS,function(e){return RegExp(``+e.test,`g`).exec(o)});if(c.name=d?d.id:``,e&&(c.version=e.platformVersion||`-1`),r&&r.length){var f=findPresetBrand(BROWSER_PRESETS,r);s.name=f.brand||s.name,s.version=f.version||s.version}else{var p=findPresetBrand(BROWSER_PRESETS,n);s.name=p.brand||s.name,s.version=p.brand&&e?e.uaFullVersion:p.version}return s.webkit&&(c.name=i?`ios`:`mac`),c.name===`ios`&&s.webview&&(s.version=`-1`),c.version=convertVersion(c.version),s.version=convertVersion(s.version),c.majorVersion=parseInt(c.version,10),s.majorVersion=parseInt(s.version,10),{browser:s,os:c,isMobile:i,isHints:!0}}function agent$1(e){return e===void 0&&hasUserAgentData()?getClientHintsAgent():getLegacyAgent(e)}function add(e,t,n,r,i,a){for(var o=0;o<i;++o){var s=n+o*i,c=r+o*i;e[s]+=e[c]*a,t[s]+=t[c]*a}}function swap(e,t,n,r,i){for(var a=0;a<i;++a){var o=n+a*i,s=r+a*i,c=e[o],l=t[o];e[o]=e[s],e[s]=c,t[o]=t[s],t[s]=l}}function divide(e,t,n,r,i){for(var a=0;a<r;++a){var o=n+a*r;e[o]/=i,t[o]/=i}}function ignoreDimension(e,t,n){n===void 0&&(n=Math.sqrt(e.length));for(var r=e.slice(),i=0;i<n;++i)r[i*n+t-1]=0,r[(t-1)*n+i]=0;return r[(t-1)*(n+1)]=1,r}function invert(e,t){t===void 0&&(t=Math.sqrt(e.length));for(var n=e.slice(),r=createIdentityMatrix(t),i=0;i<t;++i){var a=t*i+i;if(!throttle(n[a],1e-7)){for(var o=i+1;o<t;++o)if(n[t*i+o]){swap(n,r,i,o,t);break}}if(!throttle(n[a],1e-7))return[];divide(n,r,i,t,n[a]);for(var o=0;o<t;++o){var s=o,c=n[o+i*t];!throttle(c,1e-7)||i===o||add(n,r,s,i,t,-c)}}return r}function transpose(e,t){t===void 0&&(t=Math.sqrt(e.length));for(var n=[],r=0;r<t;++r)for(var i=0;i<t;++i)n[i*t+r]=e[t*r+i];return n}function getOrigin(e,t){t===void 0&&(t=Math.sqrt(e.length));for(var n=[],r=e[t*t-1],i=0;i<t-1;++i)n[i]=e[t*(t-1)+i]/r;return n[t-1]=0,n}function fromTranslation(e,t){for(var n=createIdentityMatrix(t),r=0;r<t-1;++r)n[t*(t-1)+r]=e[r]||0;return n}function convertPositionMatrix(e,t){for(var n=e.slice(),r=e.length;r<t-1;++r)n[r]=0;return n[t-1]=1,n}function convertDimension(e,t,n){if(t===void 0&&(t=Math.sqrt(e.length)),t===n)return e;for(var r=createIdentityMatrix(n),i=Math.min(t,n),a=0;a<i-1;++a){for(var o=0;o<i-1;++o)r[a*n+o]=e[a*t+o];r[(a+1)*n-1]=e[(a+1)*t-1],r[(n-1)*n+a]=e[(t-1)*t+a]}return r[n*n-1]=e[t*t-1],r}function multiplies(e){var t=[...arguments].slice(1),n=createIdentityMatrix(e);return t.forEach(function(t){n=multiply(n,t,e)}),n}function multiply(e,t,n){n===void 0&&(n=Math.sqrt(e.length));var r=[],i=e.length/n,a=t.length/i;if(!i)return t;if(!a)return e;for(var o=0;o<n;++o)for(var s=0;s<a;++s){r[s*n+o]=0;for(var c=0;c<i;++c)r[s*n+o]+=e[c*n+o]*t[s*i+c]}return r}function plus(e,t){for(var n=Math.min(e.length,t.length),r=e.slice(),i=0;i<n;++i)r[i]=r[i]+t[i];return r}function minus(e,t){for(var n=Math.min(e.length,t.length),r=e.slice(),i=0;i<n;++i)r[i]=r[i]-t[i];return r}function convertCSStoMatrix(e,t){return t===void 0&&(t=e.length===6),t?[e[0],e[1],0,e[2],e[3],0,e[4],e[5],1]:e}function convertMatrixtoCSS(e,t){return t===void 0&&(t=e.length===9),t?[e[0],e[1],e[3],e[4],e[6],e[7]]:e}function calculate(e,t,n){n===void 0&&(n=t.length);var r=multiply(e,t,n),i=r[n-1];return r.map(function(e){return e/i})}function rotateX3d(e,t){return multiply(e,[1,0,0,0,0,Math.cos(t),Math.sin(t),0,0,-Math.sin(t),Math.cos(t),0,0,0,0,1],4)}function rotateY3d(e,t){return multiply(e,[Math.cos(t),0,-Math.sin(t),0,0,1,0,0,Math.sin(t),0,Math.cos(t),0,0,0,0,1],4)}function rotateZ3d(e,t){return multiply(e,createRotateMatrix(t,4))}function scale3d(e,t){var n=t[0],r=n===void 0?1:n,i=t[1],a=i===void 0?1:i,o=t[2];return multiply(e,[r,0,0,0,0,a,0,0,0,0,o===void 0?1:o,0,0,0,0,1],4)}function rotate(e,t){return calculate(createRotateMatrix(t,3),convertPositionMatrix(e,3))}function translate3d(e,t){var n=t[0],r=n===void 0?0:n,i=t[1],a=i===void 0?0:i,o=t[2];return multiply(e,[1,0,0,0,0,1,0,0,0,0,1,0,r,a,o===void 0?0:o,1],4)}function matrix3d(e,t){return multiply(e,t,4)}function createRotateMatrix(e,t){var n=Math.cos(e),r=Math.sin(e),i=createIdentityMatrix(t);return i[0]=n,i[1]=r,i[t]=-r,i[t+1]=n,i}function createIdentityMatrix(e){for(var t=e*e,n=[],r=0;r<t;++r)n[r]=r%(e+1)?0:1;return n}function createScaleMatrix(e,t){for(var n=createIdentityMatrix(t),r=Math.min(e.length,t-1),i=0;i<r;++i)n[(t+1)*i]=e[i];return n}function createOriginMatrix(e,t){for(var n=createIdentityMatrix(t),r=Math.min(e.length,t-1),i=0;i<r;++i)n[t*(t-1)+i]=e[i];return n}function createWarpMatrix(e,t,n,r,i,a,o,s){var c=e[0],l=e[1],u=t[0],d=t[1],f=n[0],p=n[1],m=r[0],g=r[1],_=i[0],v=i[1],y=a[0],b=a[1],x=o[0],S=o[1],C=s[0],w=s[1],T=invert([c,0,u,0,f,0,m,0,l,0,d,0,p,0,g,0,1,0,1,0,1,0,1,0,0,c,0,u,0,f,0,m,0,l,0,d,0,p,0,g,0,1,0,1,0,1,0,1,-_*c,-v*c,-y*u,-b*u,-x*f,-S*f,-C*m,-w*m,-_*l,-v*l,-y*d,-b*d,-x*p,-S*p,-C*g,-w*g],8);if(!T.length)return[];var E=multiply(T,[_,v,y,b,x,S,C,w],8);return E[8]=1,convertDimension(transpose(E),3,4)}var __assign$11=function(){return __assign$11=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$11.apply(this,arguments)};function createMatrix(){return[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]}function parseMat(e,t){return t===void 0&&(t=0),toMat(parse(e,t))}function calculateMatrixDist(e,t){var n=calculate(e,[t[0],t[1]||0,t[2]||0,1],4),r=n[3]||1;return[n[0]/r,n[1]/r,n[2]/r]}function getDistElementMatrix(e,t){t===void 0&&(t=document.body);for(var n=e,r=createMatrix();n;){var i=getComputedStyle(n).transform;if(r=matrix3d(parseMat(i),r),n===t)break;n=n.parentElement}return r=invert(r,4),r[12]=0,r[13]=0,r[14]=0,r}function toMat(e){var t=createMatrix();return e.forEach(function(e){var n=e.matrixFunction,r=e.functionValue;n&&(t=n(t,r))}),t}function parse(e,t){return t===void 0&&(t=0),(isArray$1(e)?e:splitSpace(e)).map(function(e){var n=splitBracket(e),r=n.prefix,i=n.value,a=null,o=r,s=``;if(r===`translate`||r===`translateX`||r===`translate3d`){var c=isObject$2(t)?__assign$11(__assign$11({},t),{"o%":t[`%`]}):{"%":t,"o%":t},l=splitComma(i).map(function(e,n){return n===0&&`x%`in c?c[`%`]=t[`x%`]:n===1&&`y%`in c?c[`%`]=t[`y%`]:c[`%`]=t[`o%`],convertUnitSize(e,c)}),u=l[0],d=l[1],f=d===void 0?0:d,p=l[2],m=p===void 0?0:p;a=translate3d,s=[u,f,m]}else if(r===`translateY`){var f=convertUnitSize(i,isObject$2(t)?__assign$11({"%":t[`y%`]},t):{"%":t});a=translate3d,s=[0,f,0]}else if(r===`translateZ`){var m=parseFloat(i);a=translate3d,s=[0,0,m]}else if(r===`scale`||r===`scale3d`){var g=splitComma(i).map(function(e){return parseFloat(e)}),_=g[0],v=g[1],y=v===void 0?_:v,b=g[2],x=b===void 0?1:b;a=scale3d,s=[_,y,x]}else if(r===`scaleX`){var _=parseFloat(i);a=scale3d,s=[_,1,1]}else if(r===`scaleY`){var y=parseFloat(i);a=scale3d,s=[1,y,1]}else if(r===`scaleZ`){var x=parseFloat(i);a=scale3d,s=[1,1,x]}else if(r===`rotate`||r===`rotateZ`||r===`rotateX`||r===`rotateY`){var S=splitUnit(i),C=S.unit,w=S.value,T=C===`rad`?w:w*Math.PI/180;r===`rotate`||r===`rotateZ`?(o=`rotateZ`,a=rotateZ3d):r===`rotateX`?a=rotateX3d:r===`rotateY`&&(a=rotateY3d),s=T}else if(r===`matrix3d`)a=matrix3d,s=splitComma(i).map(function(e){return parseFloat(e)});else if(r===`matrix`){var E=splitComma(i).map(function(e){return parseFloat(e)});a=matrix3d,s=[E[0],E[1],0,0,E[2],E[3],0,0,0,0,1,0,E[4],E[5],0,1]}else o=``;return{name:r,functionName:o,value:i,matrixFunction:a,functionValue:s}})}var extendStatics$10=function(e,t){return extendStatics$10=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$10(e,t)};function __extends$10(e,t){extendStatics$10(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var findKeyCallback=typeof Map==`function`?void 0:function(){var e=0;return function(t){return t.__DIFF_KEY__||(t.__DIFF_KEY__=++e)}}(),ChildrenDiffer=function(e){__extends$10(t,e);function t(t){return t===void 0&&(t=[]),e.call(this,t,findKeyCallback)||this}return t}(ListDiffer);function diff(e,t){return diff$1(e,t,findKeyCallback)}var __assign$10=function(){return __assign$10=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$10.apply(this,arguments)};function __spreadArrays$3(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<n;t++)for(var a=arguments[t],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}var EventEmitter$3=function(){function e(){this._events={}}var t=e.prototype;return t.on=function(e,t){if(isObject$2(e))for(var n in e)this.on(n,e[n]);else this._addEvent(e,t,{});return this},t.off=function(e,t){if(!e)this._events={};else if(isObject$2(e))for(var n in e)this.off(n);else if(!t)this._events[e]=[];else{var r=this._events[e];if(r){var i=findIndex(r,function(e){return e.listener===t});i>-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays$3(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$10({listener:t},n))},e}(),extendStatics$9=function(e,t){return extendStatics$9=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$9(e,t)};function __extends$9(e,t){extendStatics$9(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$9=function(){return __assign$9=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$9.apply(this,arguments)};function getDefaultScrollPosition$2(e){var t=e.container;return t===document.body?[t.scrollLeft||document.documentElement.scrollLeft,t.scrollTop||document.documentElement.scrollTop]:[t.scrollLeft,t.scrollTop]}function checkDefaultScrollEvent(e,t){return e.addEventListener(`scroll`,t),function(){e.removeEventListener(`scroll`,t)}}function getContainerElement$1(e){if(!e)return null;if(isString(e))return document.querySelector(e);if(isFunction$1(e))return e();if(e instanceof Element)return e;if(`current`in e)return e.current;if(`value`in e)return e.value}var DragScroll$1=function(e){__extends$9(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t._startRect=null,t._startPos=[],t._prevTime=0,t._timer=0,t._prevScrollPos=[0,0],t._isWait=!1,t._flag=!1,t._currentOptions=null,t._lock=!1,t._unregister=null,t._onScroll=function(){var e=t._currentOptions;t._lock||!e||t.emit(`scrollDrag`,{next:function(n){t.checkScroll({container:e.container,inputEvent:n})}})},t}var n=t.prototype;return n.dragStart=function(e,t){var n=getContainerElement$1(t.container);if(!n){this._flag=!1;return}var r=0,i=0,a=0,o=0;if(n===document.body)a=window.innerWidth,o=window.innerHeight;else{var s=n.getBoundingClientRect();r=s.top,i=s.left,a=s.width,o=s.height}this._flag=!0,this._startPos=[e.clientX,e.clientY],this._startRect={top:r,left:i,width:a,height:o},this._prevScrollPos=this._getScrollPosition([0,0],t),this._currentOptions=t,this._registerScrollEvent(t)},n.drag=function(e,t){if(clearTimeout(this._timer),this._flag){var n=e.clientX,r=e.clientY,i=t.threshold,a=i===void 0?0:i,o=this,s=o._startRect,c=o._startPos;this._currentOptions=t;var l=[0,0];return s.top>r-a?(c[1]>s.top||r<c[1])&&(l[1]=-1):s.top+s.height<r+a&&(c[1]<s.top+s.height||r>c[1])&&(l[1]=1),s.left>n-a?(c[0]>s.left||n<c[0])&&(l[0]=-1):s.left+s.width<n+a&&(c[0]<s.left+s.width||n>c[0])&&(l[0]=1),!l[0]&&!l[1]?!1:this._continueDrag(__assign$9(__assign$9({},t),{direction:l,inputEvent:e,isDrag:!0}))}},n.checkScroll=function(e){var t=this;if(this._isWait)return!1;var n=e.prevScrollPos,r=n===void 0?this._prevScrollPos:n,i=e.direction,a=e.throttleTime,o=a===void 0?0:a,s=e.inputEvent,c=e.isDrag,l=this._getScrollPosition(i||[0,0],e),u=l[0]-r[0],d=l[1]-r[1],f=i||[u?Math.abs(u)/u:0,d?Math.abs(d)/d:0];return this._prevScrollPos=l,this._lock=!1,!u&&!d?!1:(this.emit(`move`,{offsetX:f[0]?u:0,offsetY:f[1]?d:0,inputEvent:s}),o&&c&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},o)),!0)},n.dragEnd=function(){this._flag=!1,this._lock=!1,clearTimeout(this._timer),this._unregisterScrollEvent()},n._getScrollPosition=function(e,t){var n=t.container,r=t.getScrollPosition;return(r===void 0?getDefaultScrollPosition$2:r)({container:getContainerElement$1(n),direction:e})},n._continueDrag=function(e){var t=this,n,r=e.container,i=e.direction,a=e.throttleTime,o=e.useScroll,s=e.isDrag,c=e.inputEvent;if(!(!this._flag||s&&this._isWait)){var l=now(),u=Math.max(a+this._prevTime-l,0);if(u>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},u),!1;this._prevTime=l;var d=this._getScrollPosition(i,e);this._prevScrollPos=d,s&&(this._isWait=!0),o||(this._lock=!0);var f={container:getContainerElement$1(r),direction:i,inputEvent:c};return(n=e.requestScroll)==null||n.call(e,f),this.emit(`scroll`,f),this._isWait=!1,o||this.checkScroll(__assign$9(__assign$9({},e),{prevScrollPos:d,direction:i,inputEvent:c}))}},n._registerScrollEvent=function(e){this._unregisterScrollEvent();var t=e.checkScrollEvent;if(t){var n=t===!0?checkDefaultScrollEvent:t,r=getContainerElement$1(e.container);t===!0&&(r===document.body||r===document.documentElement)?this._unregister=checkDefaultScrollEvent(window,this._onScroll):this._unregister=n(r,this._onScroll)}},n._unregisterScrollEvent=function(){var e;(e=this._unregister)==null||e.call(this),this._unregister=null},t}(EventEmitter$3);function __spreadArrays$2(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<n;t++)for(var a=arguments[t],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}function tinyThrottle(e){return throttle(e,TINY_NUM$1)}function isSameConstants(e,t){return e.every(function(e,n){return tinyThrottle(e-t[n])===0})}function isSamePoint(e,t){return!tinyThrottle(e[0]-t[0])&&!tinyThrottle(e[1]-t[1])}function getAreaSize(e){return e.length<3?0:Math.abs(sum(e.map(function(t,n){var r=e[n+1]||e[0];return t[0]*r[1]-r[0]*t[1]})))/2}function fitPoints(e,t){var n=t.width,r=t.height,i=t.left,a=t.top,o=getMinMaxs(e),s=o.minX,c=o.minY,l=o.maxX,u=o.maxY,d=n/(l-s),f=r/(u-c);return e.map(function(e){return[i+(e[0]-s)*d,a+(e[1]-c)*f]})}function getMinMaxs(e){var t=e.map(function(e){return e[0]}),n=e.map(function(e){return e[1]});return{minX:Math.min.apply(Math,t),minY:Math.min.apply(Math,n),maxX:Math.max.apply(Math,t),maxY:Math.max.apply(Math,n)}}function isInside(e,t,n){var r=e[0],i=e[1],a=getMinMaxs(t),o=a.minX,s=a.maxX,c=[[o,i],[s,i]],l=getLinearConstants(c[0],c[1]),u=convertLines(t),d=[];if(u.forEach(function(t){var n=getLinearConstants(t[0],t[1]),r=t[0];isSameConstants(l,n)?d.push({pos:e,line:t,type:`line`}):getPointsOnLines(getIntersectionPointsByConstants(l,n),[c,t]).forEach(function(e){t.some(function(t){return isSamePoint(t,e)})?d.push({pos:e,line:t,type:`point`}):tinyThrottle(r[1]-i)!==0&&d.push({pos:e,line:t,type:`intersection`})})}),!n&&find$1(d,function(e){return e[0]===r}))return!0;var f=0,p={};return d.forEach(function(e){var t=e.pos,n=e.type,a=e.line;if(!(t[0]>r)){if(n===`intersection`)++f;else if(n===`line`)return;else if(n===`point`){var o=find$1(a,function(e){return e[1]!==i}),s=p[t[0]],c=o[1]>i?1:-1;s?s!==c&&++f:p[t[0]]=c}}}),f%2==1}function getLinearConstants(e,t){var n=e[0],r=e[1],i=t[0],a=t[1],o=i-n,s=a-r;Math.abs(o)<1e-7&&(o=0),Math.abs(s)<1e-7&&(s=0);var c=0,l=0,u=0;return o?s?(c=-s/o,l=1,u=-c*n-r):(l=1,u=-r):s&&(c=-1,u=n),[c,l,u]}function getIntersectionPointsByConstants(e,t){var n=e[0],r=e[1],i=e[2],a=t[0],o=t[1],s=t[2],c=n===0&&a===0,l=r===0&&o===0,u=[];if(c&&l)return[];if(c){var d=-i/r;return d===-s/o?[[-1/0,d],[1/0,d]]:[]}else if(l){var f=-i/n;return f===-s/a?[[f,-1/0],[f,1/0]]:[]}else if(n===0){var p=-i/r,m=-(o*p+s)/a;u=[[m,p]]}else if(a===0){var p=-s/o,m=-(r*p+i)/n;u=[[m,p]]}else if(r===0){var m=-i/n,p=-(a*m+s)/o;u=[[m,p]]}else if(o===0){var m=-s/a,p=-(n*m+i)/r;u=[[m,p]]}else{var m=(r*s-o*i)/(o*n-r*a),p=-(n*m+i)/r;u=[[m,p]]}return u.map(function(e){return[e[0],e[1]]})}function getPointsOnLines(e,t){var n=t.map(function(e){return[0,1].map(function(t){return[Math.min(e[0][t],e[1][t]),Math.max(e[0][t],e[1][t])]})}),r=[];if(e.length===2){var i=e[0],a=i[0],o=i[1];if(!tinyThrottle(a-e[1][0])){var s=Math.max.apply(Math,n.map(function(e){return e[1][0]})),c=Math.min.apply(Math,n.map(function(e){return e[1][1]}));if(tinyThrottle(s-c)>0)return[];r=[[a,s],[a,c]]}else if(!tinyThrottle(o-e[1][1])){var l=Math.max.apply(Math,n.map(function(e){return e[0][0]})),u=Math.min.apply(Math,n.map(function(e){return e[0][1]}));if(tinyThrottle(l-u)>0)return[];r=[[l,o],[u,o]]}}return r.length||(r=e.filter(function(e){var t=e[0],r=e[1];return n.every(function(e){return 0<=tinyThrottle(t-e[0][0])&&0<=tinyThrottle(e[0][1]-t)&&0<=tinyThrottle(r-e[1][0])&&0<=tinyThrottle(e[1][1]-r)})})),r.map(function(e){return[tinyThrottle(e[0]),tinyThrottle(e[1])]})}function convertLines(e){return __spreadArrays$2(e.slice(1),[e[0]]).map(function(t,n){return[e[n],t]})}function getOverlapPointInfos(e,t){var n=e.slice(),r=t.slice();getShapeDirection(n)===-1&&n.reverse(),getShapeDirection(r)===-1&&r.reverse();var i=convertLines(n),a=convertLines(r),o=i.map(function(e){return getLinearConstants(e[0],e[1])}),s=a.map(function(e){return getLinearConstants(e[0],e[1])}),c=[];o.forEach(function(e,t){var n=i[t],o=[];s.forEach(function(r,i){var s=getPointsOnLines(getIntersectionPointsByConstants(e,r),[n,a[i]]);o.push.apply(o,s.map(function(e){return{index1:t,index2:i,pos:e,type:`intersection`}}))}),o.sort(function(e,t){return getDist$2(n[0],e.pos)-getDist$2(n[0],t.pos)}),c.push.apply(c,o),isInside(n[1],r)&&c.push({index1:t,index2:-1,pos:n[1],type:`inside`})}),a.forEach(function(e,t){if(isInside(e[1],n)){var r=!1,i=findIndex(c,function(e){return e.index2===t?(r=!0,!1):!!r});i===-1&&(r=!1,i=findIndex(c,function(e){var n=e.index1,i=e.index2;return n===-1&&i+1===t?(r=!0,!1):!!r})),i===-1?c.push({index1:-1,index2:t,pos:e[1],type:`inside`}):c.splice(i,0,{index1:-1,index2:t,pos:e[1],type:`inside`})}});var l={};return c.filter(function(e){var t=e.pos,n=t[0]+`x`+t[1];return l[n]?!1:(l[n]=!0,!0)})}function getOverlapPoints(e,t){return getOverlapPointInfos(e,t).map(function(e){return e.pos})}function getOverlapSize(e,t){return getAreaSize(getOverlapPoints(e,t))}var extendStatics$8=function(e,t){return extendStatics$8=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$8(e,t)};function __extends$8(e,t){extendStatics$8(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$8=function(){return __assign$8=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$8.apply(this,arguments)};function getRad(e,t){var n=t[0]-e[0],r=t[1]-e[1],i=Math.atan2(r,n);return i>=0?i:i+Math.PI*2}function getRotatiion(e){return getRad([e[0].clientX,e[0].clientY],[e[1].clientX,e[1].clientY])/Math.PI*180}function isMultiTouch(e){return e.touches&&e.touches.length>=2}function getEventClients(e){return e?e.touches?getClients(e.touches):[getClient(e)]:[]}function isMouseEvent(e){return e&&(e.type.indexOf(`mouse`)>-1||`button`in e)}function getPosition(e,t,n){var r=n.length,i=getAverageClient(e,r),a=i.clientX,o=i.clientY,s=i.originalClientX,c=i.originalClientY,l=getAverageClient(t,r),u=l.clientX,d=l.clientY,f=getAverageClient(n,r),p=f.clientX,m=f.clientY;return{clientX:s,clientY:c,deltaX:a-u,deltaY:o-d,distX:a-p,distY:o-m}}function getDist$1(e){return Math.sqrt((e[0].clientX-e[1].clientX)**2+(e[0].clientY-e[1].clientY)**2)}function getClients(e){for(var t=Math.min(e.length,2),n=[],r=0;r<t;++r)n.push(getClient(e[r]));return n}function getClient(e){return{clientX:e.clientX,clientY:e.clientY}}function getAverageClient(e,t){t===void 0&&(t=e.length);for(var n={clientX:0,clientY:0,originalClientX:0,originalClientY:0},r=Math.min(e.length,t),i=0;i<r;++i){var a=e[i];n.originalClientX+=`originalClientX`in a?a.originalClientX:a.clientX,n.originalClientY+=`originalClientY`in a?a.originalClientY:a.clientY,n.clientX+=a.clientX,n.clientY+=a.clientY}return t?{clientX:n.clientX/t,clientY:n.clientY/t,originalClientX:n.originalClientX/t,originalClientY:n.originalClientY/t}:n}var ClientStore=function(){function e(e){this.prevClients=[],this.startClients=[],this.movement=0,this.length=0,this.startClients=e,this.prevClients=e,this.length=e.length}return e.prototype.getAngle=function(e){return e===void 0&&(e=this.prevClients),getRotatiion(e)},e.prototype.getRotation=function(e){return e===void 0&&(e=this.prevClients),getRotatiion(e)-getRotatiion(this.startClients)},e.prototype.getPosition=function(e,t){e===void 0&&(e=this.prevClients);var n=getPosition(e||this.prevClients,this.prevClients,this.startClients),r=n.deltaX,i=n.deltaY;return this.movement+=Math.sqrt(r*r+i*i),this.prevClients=e,n},e.prototype.getPositions=function(e){e===void 0&&(e=this.prevClients);for(var t=this.prevClients,n=this.startClients,r=Math.min(this.length,t.length),i=[],a=0;a<r;++a)i[a]=getPosition([e[a]],[t[a]],[n[a]]);return i},e.prototype.getMovement=function(e){var t=this.movement;if(!e)return t;var n=getAverageClient(e,this.length),r=getAverageClient(this.prevClients,this.length),i=n.clientX-r.clientX,a=n.clientY-r.clientY;return Math.sqrt(i*i+a*a)+t},e.prototype.getDistance=function(e){return e===void 0&&(e=this.prevClients),getDist$1(e)},e.prototype.getScale=function(e){return e===void 0&&(e=this.prevClients),getDist$1(e)/getDist$1(this.startClients)},e.prototype.move=function(e,t){this.startClients.forEach(function(n){n.clientX-=e,n.clientY-=t}),this.prevClients.forEach(function(n){n.clientX-=e,n.clientY-=t})},e}(),INPUT_TAGNAMES=[`textarea`,`input`],Gesto=function(e){__extends$8(t,e);function t(t,n){n===void 0&&(n={});var r=e.call(this)||this;r.options={},r.flag=!1,r.pinchFlag=!1,r.data={},r.isDrag=!1,r.isPinch=!1,r.clientStores=[],r.targets=[],r.prevTime=0,r.doubleFlag=!1,r._useMouse=!1,r._useTouch=!1,r._useDrag=!1,r._dragFlag=!1,r._isTrusted=!1,r._isMouseEvent=!1,r._isSecondaryButton=!1,r._preventMouseEvent=!1,r._prevInputEvent=null,r._isDragAPI=!1,r._isIdle=!0,r._preventMouseEventId=0,r._window=window,r.onDragStart=function(e,t){if(t===void 0&&(t=!0),!(!r.flag&&e.cancelable===!1)){var n=e.type.indexOf(`drag`)>=-1;if(!(r.flag&&n)){r._isDragAPI=!0;var i=r.options,a=i.container,o=i.pinchOutside,s=i.preventWheelClick,c=i.preventRightClick,l=i.preventDefault,u=i.checkInput,d=i.dragFocusedInput,f=i.preventClickEventOnDragStart,p=i.preventClickEventOnDrag,m=i.preventClickEventByCondition,g=r._useTouch,_=!r.flag;if(r._isSecondaryButton=e.which===3||e.button===2,s&&(e.which===2||e.button===1)||c&&(e.which===3||e.button===2))return r.stop(),!1;if(_){var v=r._window.document.activeElement,y=e.target;if(y){var b=y.tagName.toLowerCase(),x=INPUT_TAGNAMES.indexOf(b)>-1,S=y.isContentEditable;if(x||S){if(u||!d&&v===y)return!1;if(v&&(v===y||S&&v.isContentEditable&&v.contains(y)))if(d)y.blur();else return!1}else if((l||e.type===`touchstart`)&&v){var C=v.tagName.toLowerCase();(v.isContentEditable||INPUT_TAGNAMES.indexOf(C)>-1)&&v.blur()}(f||p||m)&&addEvent(r._window,`click`,r._onClick,!0)}r.clientStores=[new ClientStore(getEventClients(e))],r._isIdle=!1,r.flag=!0,r.isDrag=!1,r._isTrusted=t,r._dragFlag=!0,r._prevInputEvent=e,r.data={},r.doubleFlag=now()-r.prevTime<200,r._isMouseEvent=isMouseEvent(e),!r._isMouseEvent&&r._preventMouseEvent&&r._allowMouseEvent(),(r._preventMouseEvent||r.emit(`dragStart`,__assign$8(__assign$8({data:r.data,datas:r.data,inputEvent:e,isMouseEvent:r._isMouseEvent,isSecondaryButton:r._isSecondaryButton,isTrusted:t,isDouble:r.doubleFlag},r.getCurrentStore().getPosition()),{preventDefault:function(){e.preventDefault()},preventDrag:function(){r._dragFlag=!1}})))===!1&&r.stop(),r._isMouseEvent&&r.flag&&l&&e.preventDefault()}if(!r.flag)return!1;var w=0;if(_?(r._attchDragEvent(),g&&o&&(w=setTimeout(function(){addEvent(a,`touchstart`,r.onDragStart,{passive:!1})}))):g&&o&&removeEvent(a,`touchstart`,r.onDragStart),r.flag&&isMultiTouch(e)){if(clearTimeout(w),_&&e.touches.length!==e.changedTouches.length)return;r.pinchFlag||r.onPinchStart(e)}}}},r.onDrag=function(e,t){if(r.flag){var n=r.options.preventDefault;!r._isMouseEvent&&n&&e.preventDefault(),r._prevInputEvent=e;var i=getEventClients(e),a=r.moveClients(i,e,!1);if(r._dragFlag){if((r.pinchFlag||a.deltaX||a.deltaY)&&(r._preventMouseEvent||r.emit(`drag`,__assign$8(__assign$8({},a),{isScroll:!!t,inputEvent:e})))===!1){r.stop();return}r.pinchFlag&&r.onPinch(e,i)}r.getCurrentStore().getPosition(i,!0)}},r.onDragEnd=function(e){if(r.flag){var t=r.options,n=t.pinchOutside,i=t.container,a=t.preventClickEventOnDrag,o=t.preventClickEventOnDragStart,s=t.preventClickEventByCondition,c=r.isDrag;(a||o||s)&&requestAnimationFrame(function(){r._allowClickEvent()}),!s&&!o&&a&&!c&&r._allowClickEvent(),r._useTouch&&n&&removeEvent(i,`touchstart`,r.onDragStart),r.pinchFlag&&r.onPinchEnd(e);var l=e?.touches?getEventClients(e):[];l.length===0||!r.options.keepDragging?r.flag=!1:r._addStore(new ClientStore(l));var u=r._getPosition(),d=now(),f=!c&&r.doubleFlag;r._prevInputEvent=null,r.prevTime=c||f?0:d,r.flag||(r._dettachDragEvent(),r._preventMouseEvent||r.emit(`dragEnd`,__assign$8({data:r.data,datas:r.data,isDouble:f,isDrag:c,isClick:!c,isMouseEvent:r._isMouseEvent,isSecondaryButton:r._isSecondaryButton,inputEvent:e,isTrusted:r._isTrusted},u)),r.clientStores=[],r._isMouseEvent||(r._preventMouseEvent=!0,clearTimeout(r._preventMouseEventId),r._preventMouseEventId=setTimeout(function(){r._preventMouseEvent=!1},200)),r._isIdle=!0)}},r.onBlur=function(){r.onDragEnd()},r._allowClickEvent=function(){removeEvent(r._window,`click`,r._onClick,!0)},r._onClick=function(e){r._allowClickEvent(),r._allowMouseEvent();var t=r.options.preventClickEventByCondition;t?.(e)||(e.stopPropagation(),e.preventDefault())},r._onContextMenu=function(e){r.options.preventRightClick?r.onDragEnd(e):e.preventDefault()},r._passCallback=function(){};var i=[].concat(t),a=i[0];r._window=isWindow(a)?a:getWindow(a),r.options=__assign$8({checkInput:!1,container:a&&!(`document`in a)?getWindow(a):a,preventRightClick:!0,preventWheelClick:!0,preventClickEventOnDragStart:!1,preventClickEventOnDrag:!1,preventClickEventByCondition:null,preventDefault:!0,checkWindowBlur:!1,keepDragging:!1,pinchThreshold:0,events:[`touch`,`mouse`]},n);var o=r.options,s=o.container,c=o.events,l=o.checkWindowBlur;if(r._useDrag=c.indexOf(`drag`)>-1,r._useTouch=c.indexOf(`touch`)>-1,r._useMouse=c.indexOf(`mouse`)>-1,r.targets=i,r._useDrag&&i.forEach(function(e){addEvent(e,`dragstart`,r.onDragStart)}),r._useMouse&&(i.forEach(function(e){addEvent(e,`mousedown`,r.onDragStart),addEvent(e,`mousemove`,r._passCallback)}),addEvent(s,`contextmenu`,r._onContextMenu)),l&&addEvent(getWindow(),`blur`,r.onBlur),r._useTouch){var u={passive:!1};i.forEach(function(e){addEvent(e,`touchstart`,r.onDragStart,u),addEvent(e,`touchmove`,r._passCallback,u)})}return r}return t.prototype.stop=function(){this.isDrag=!1,this.data={},this.clientStores=[],this.pinchFlag=!1,this.doubleFlag=!1,this.prevTime=0,this.flag=!1,this._isIdle=!0,this._allowClickEvent(),this._dettachDragEvent(),this._isDragAPI=!1},t.prototype.getMovement=function(e){return this.getCurrentStore().getMovement(e)+this.clientStores.slice(1).reduce(function(e,t){return e+t.movement},0)},t.prototype.isDragging=function(){return this.isDrag},t.prototype.isIdle=function(){return this._isIdle},t.prototype.isFlag=function(){return this.flag},t.prototype.isPinchFlag=function(){return this.pinchFlag},t.prototype.isDoubleFlag=function(){return this.doubleFlag},t.prototype.isPinching=function(){return this.isPinch},t.prototype.scrollBy=function(e,t,n,r){r===void 0&&(r=!0),this.flag&&(this.clientStores[0].move(e,t),r&&this.onDrag(n,!0))},t.prototype.move=function(e,t){var n=e[0],r=e[1],i=this.getCurrentStore().prevClients;return this.moveClients(i.map(function(e){var t=e.clientX,i=e.clientY;return{clientX:t+n,clientY:i+r,originalClientX:t,originalClientY:i}}),t,!0)},t.prototype.triggerDragStart=function(e){this.onDragStart(e,!1)},t.prototype.setEventData=function(e){var t=this.data;for(var n in e)t[n]=e[n];return this},t.prototype.setEventDatas=function(e){return this.setEventData(e)},t.prototype.getCurrentEvent=function(e){return e===void 0&&(e=this._prevInputEvent),__assign$8(__assign$8({data:this.data,datas:this.data},this._getPosition()),{movement:this.getMovement(),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,inputEvent:e})},t.prototype.getEventData=function(){return this.data},t.prototype.getEventDatas=function(){return this.data},t.prototype.unset=function(){var e=this,t=this.targets,n=this.options.container;this.off(),removeEvent(this._window,`blur`,this.onBlur),this._useDrag&&t.forEach(function(t){removeEvent(t,`dragstart`,e.onDragStart)}),this._useMouse&&(t.forEach(function(t){removeEvent(t,`mousedown`,e.onDragStart)}),removeEvent(n,`contextmenu`,this._onContextMenu)),this._useTouch&&(t.forEach(function(t){removeEvent(t,`touchstart`,e.onDragStart)}),removeEvent(n,`touchstart`,this.onDragStart)),this._prevInputEvent=null,this._allowClickEvent(),this._dettachDragEvent()},t.prototype.onPinchStart=function(e){var t=this,n=this.options.pinchThreshold;if(!(this.isDrag&&this.getMovement()>n)){var r=new ClientStore(getEventClients(e));this.pinchFlag=!0,this._addStore(r),this.emit(`pinchStart`,__assign$8(__assign$8({data:this.data,datas:this.data,angle:r.getAngle(),touches:this.getCurrentStore().getPositions()},r.getPosition()),{inputEvent:e,isTrusted:this._isTrusted,preventDefault:function(){e.preventDefault()},preventDrag:function(){t._dragFlag=!1}}))===!1&&(this.pinchFlag=!1)}},t.prototype.onPinch=function(e,t){if(!(!this.flag||!this.pinchFlag||t.length<2)){var n=this.getCurrentStore();this.isPinch=!0,this.emit(`pinch`,__assign$8(__assign$8({data:this.data,datas:this.data,movement:this.getMovement(t),angle:n.getAngle(t),rotation:n.getRotation(t),touches:n.getPositions(t),scale:n.getScale(t),distance:n.getDistance(t)},n.getPosition(t)),{inputEvent:e,isTrusted:this._isTrusted}))}},t.prototype.onPinchEnd=function(e){if(this.pinchFlag){var t=this.isPinch;this.isPinch=!1,this.pinchFlag=!1;var n=this.getCurrentStore();this.emit(`pinchEnd`,__assign$8(__assign$8({data:this.data,datas:this.data,isPinch:t,touches:n.getPositions()},n.getPosition()),{inputEvent:e}))}},t.prototype.getCurrentStore=function(){return this.clientStores[0]},t.prototype.moveClients=function(e,t,n){var r=this._getPosition(e,n),i=this.isDrag;(r.deltaX||r.deltaY)&&(this.isDrag=!0);var a=!1;return!i&&this.isDrag&&(a=!0),__assign$8(__assign$8({data:this.data,datas:this.data},r),{movement:this.getMovement(e),isDrag:this.isDrag,isPinch:this.isPinch,isScroll:!1,isMouseEvent:this._isMouseEvent,isSecondaryButton:this._isSecondaryButton,inputEvent:t,isTrusted:this._isTrusted,isFirstDrag:a})},t.prototype._addStore=function(e){this.clientStores.splice(0,0,e)},t.prototype._getPosition=function(e,t){var n=this.getCurrentStore().getPosition(e,t),r=this.clientStores.slice(1).reduce(function(e,t){var n=t.getPosition();return e.distX+=n.distX,e.distY+=n.distY,e},n),i=r.distX,a=r.distY;return __assign$8(__assign$8({},n),{distX:i,distY:a})},t.prototype._attchDragEvent=function(){var e=this._window,t=this.options.container,n={passive:!1};this._isDragAPI&&(addEvent(t,`dragover`,this.onDrag,n),addEvent(e,`dragend`,this.onDragEnd)),this._useMouse&&(addEvent(t,`mousemove`,this.onDrag),addEvent(e,`mouseup`,this.onDragEnd)),this._useTouch&&(addEvent(t,`touchmove`,this.onDrag,n),addEvent(e,`touchend`,this.onDragEnd,n),addEvent(e,`touchcancel`,this.onDragEnd,n))},t.prototype._dettachDragEvent=function(){var e=this._window,t=this.options.container;this._isDragAPI&&(removeEvent(t,`dragover`,this.onDrag),removeEvent(e,`dragend`,this.onDragEnd)),this._useMouse&&(removeEvent(t,`mousemove`,this.onDrag),removeEvent(e,`mouseup`,this.onDragEnd)),this._useTouch&&(removeEvent(t,`touchstart`,this.onDragStart),removeEvent(t,`touchmove`,this.onDrag),removeEvent(e,`touchend`,this.onDragEnd),removeEvent(e,`touchcancel`,this.onDragEnd))},t.prototype._allowMouseEvent=function(){this._preventMouseEvent=!1,clearTimeout(this._preventMouseEventId)},t}(EventEmitter$3);function hash(e){for(var t=5381,n=e.length;n;)t=t*33^e.charCodeAt(--n);return t>>>0}var stringHash=hash;function getHash(e){return stringHash(e).toString(36)}function getShadowRoot$1(e){if(e&&e.getRootNode){var t=e.getRootNode();if(t.nodeType===11)return t}}function replaceStyle(e,t,n){return n.original?t:t.replace(/([^};{\s}][^};{]*|^\s*){/gm,function(t,n){var r=n.trim();return(r?splitComma(r):[``]).map(function(t){var n=t.trim();return n.indexOf(`@`)===0?n:n.indexOf(`:global`)>-1?n.replace(/\:global/g,``):n.indexOf(`:host`)>-1?`${n.replace(/\:host/g,`.${e}`)}`:n?`.${e} ${n}`:`.${e}`}).join(`, `)+` {`})}function injectStyle(e,t,n,r,i){var a=getDocument(r),o=a.createElement(`style`);return o.setAttribute(`type`,`text/css`),o.setAttribute(`data-styled-id`,e),o.setAttribute(`data-styled-count`,`1`),n.nonce&&o.setAttribute(`nonce`,n.nonce),o.innerHTML=replaceStyle(e,t,n),(i||a.head||a.body).appendChild(o),o}function styled$1(e){var t=`rCS`+getHash(e);return{className:t,inject:function(n,r){r===void 0&&(r={});var i=getShadowRoot$1(n),a=(i||n.ownerDocument||document).querySelector(`style[data-styled-id="${t}"]`);if(!a)a=injectStyle(t,e,r,n,i);else{var o=parseFloat(a.getAttribute(`data-styled-count`))||0;a.setAttribute(`data-styled-count`,`${o+1}`)}return{destroy:function(){var e,t=parseFloat(a.getAttribute(`data-styled-count`))||0;t<=1?(a.remove?a.remove():(e=a.parentNode)==null||e.removeChild(a),a=null):a.setAttribute(`data-styled-count`,`${t-1}`)}}}}}var __assign$7=function(){return __assign$7=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$7.apply(this,arguments)};function __rest$1(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function styled(e,t){var n=styled$1(t),r=n.className;return forwardRef(function(t,i){var a=t.className,o=a===void 0?``:a;t.cspNonce;var s=__rest$1(t,[`className`,`cspNonce`]),c=useRef();return useImperativeHandle(i,function(){return c.current},[]),useEffect(function(){var e=n.inject(c.current,{nonce:t.cspNonce});return function(){e.destroy()}},[]),createElement(e,__assign$7({ref:c,"data-styled-id":r,className:`${o} ${r}`},s))})}var extendStatics$7=function(e,t){return extendStatics$7=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$7(e,t)};function __extends$7(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$7(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$6=function(){return __assign$6=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$6.apply(this,arguments)};function __rest(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}function __decorate$3(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function __values$1(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function __read$1(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function __spreadArray$3(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function makeAble(e,t){return __assign$6({events:[],props:[],name:e},t)}var DIRECTIONS4=[`n`,`w`,`s`,`e`],DIRECTIONS=[`n`,`w`,`s`,`e`,`nw`,`ne`,`sw`,`se`];function getSVGCursor(e,t){return`data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="${32*e}px" height="${32*e}px" viewBox="0 0 32 32" ><path d="M 16,5 L 12,10 L 14.5,10 L 14.5,22 L 12,22 L 16,27 L 20,22 L 17.5,22 L 17.5,10 L 20, 10 L 16,5 Z" stroke-linejoin="round" stroke-width="1.2" fill="black" stroke="white" style="transform:rotate(${t}deg);transform-origin: 16px 16px"></path></svg>`}function getCursorCSS(e){var t=getSVGCursor(1,e),n=Math.round(e/45)*45%180,r=`ns-resize`;return n===135?r=`nwse-resize`:n===45?r=`nesw-resize`:n===90&&(r=`ew-resize`),`cursor:${r};cursor: url('${t}') 16 16, ${r};`}var agent=agent$1(),IS_WEBKIT=agent.browser.webkit,IS_WEBKIT605=IS_WEBKIT&&(function(){var e=typeof window>`u`?{userAgent:``}:window.navigator,t=/applewebkit\/([^\s]+)/g.exec(e.userAgent.toLowerCase());return t?parseFloat(t[1])<605:!1})(),browserName=agent.browser.name,browserVersion=parseInt(agent.browser.version,10),IS_CHROME=browserName===`chrome`,IS_CHROMIUM=agent.browser.chromium,chromiumVersion=parseInt(agent.browser.chromiumVersion,10)||0,IS_CHROMIUM109=IS_CHROME&&browserVersion>=109||IS_CHROMIUM&&chromiumVersion>=109,IS_FIREFOX=browserName===`firefox`,IS_SAFARI_ABOVE15=parseInt(agent.browser.webkitVersion,10)>=612||browserVersion>=15,PREFIX$1=`moveable-`,directionCSS=DIRECTIONS.map(function(e){var t=``,n=``,r=`center`,i=`center`,a=`calc(var(--moveable-control-padding, 20) * -1px)`;return e.indexOf(`n`)>-1&&(t=`top: ${a};`,i=`bottom`),e.indexOf(`s`)>-1&&(t=`top: 0px;`,i=`top`),e.indexOf(`w`)>-1&&(n=`left: ${a};`,r=`right`),e.indexOf(`e`)>-1&&(n=`left: 0px;`,r=`left`),`.around-control[data-direction*="${e}"] {
|
||
${n}${t}
|
||
transform-origin: ${r} ${i};
|
||
}`}).join(`
|
||
`),MOVEABLE_CSS=`
|
||
{
|
||
position: absolute;
|
||
width: 1px;
|
||
height: 1px;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 3000;
|
||
--moveable-color: #4af;
|
||
--zoom: 1;
|
||
--zoompx: 1px;
|
||
--moveable-line-padding: 0;
|
||
--moveable-control-padding: 0;
|
||
will-change: transform;
|
||
outline: 1px solid transparent;
|
||
}
|
||
.control-box {
|
||
z-index: 0;
|
||
}
|
||
.line, .control {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
will-change: transform;
|
||
}
|
||
.control {
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 50%;
|
||
border: 2px solid #fff;
|
||
box-sizing: border-box;
|
||
background: #4af;
|
||
background: var(--moveable-color);
|
||
margin-top: -7px;
|
||
margin-left: -7px;
|
||
border: 2px solid #fff;
|
||
z-index: 10;
|
||
}
|
||
.around-control {
|
||
position: absolute;
|
||
will-change: transform;
|
||
width: calc(var(--moveable-control-padding, 20) * 1px);
|
||
height: calc(var(--moveable-control-padding, 20) * 1px);
|
||
left: calc(var(--moveable-control-padding, 20) * -0.5px);
|
||
top: calc(var(--moveable-control-padding, 20) * -0.5px);
|
||
box-sizing: border-box;
|
||
background: transparent;
|
||
z-index: 8;
|
||
cursor: alias;
|
||
transform-origin: center center;
|
||
}
|
||
${directionCSS}
|
||
.padding {
|
||
position: absolute;
|
||
top: 0px;
|
||
left: 0px;
|
||
width: 100px;
|
||
height: 100px;
|
||
transform-origin: 0 0;
|
||
}
|
||
.line {
|
||
width: 1px;
|
||
height: 1px;
|
||
background: #4af;
|
||
background: var(--moveable-color);
|
||
transform-origin: 0px 50%;
|
||
}
|
||
.line.edge {
|
||
z-index: 1;
|
||
background: transparent;
|
||
}
|
||
.line.dashed {
|
||
box-sizing: border-box;
|
||
background: transparent;
|
||
}
|
||
.line.dashed.horizontal {
|
||
border-top: 1px dashed #4af;
|
||
border-top-color: #4af;
|
||
border-top-color: var(--moveable-color);
|
||
}
|
||
.line.dashed.vertical {
|
||
border-left: 1px dashed #4af;
|
||
border-left-color: #4af;
|
||
border-left-color: var(--moveable-color);
|
||
}
|
||
.line.vertical {
|
||
transform: translateX(-50%);
|
||
}
|
||
.line.horizontal {
|
||
transform: translateY(-50%);
|
||
}
|
||
.line.vertical.bold {
|
||
width: 2px;
|
||
}
|
||
.line.horizontal.bold {
|
||
height: 2px;
|
||
}
|
||
|
||
.control.origin {
|
||
border-color: #f55;
|
||
background: #fff;
|
||
width: 12px;
|
||
height: 12px;
|
||
margin-top: -6px;
|
||
margin-left: -6px;
|
||
pointer-events: none;
|
||
}
|
||
${[0,15,30,45,60,75,90,105,120,135,150,165].map(function(e){return`
|
||
.direction[data-rotation="${e}"], :global .view-control-rotation${e} {
|
||
${getCursorCSS(e)}
|
||
}
|
||
`}).join(`
|
||
`)}
|
||
|
||
.line.direction:before {
|
||
content: "";
|
||
position: absolute;
|
||
width: 100%;
|
||
height: calc(var(--moveable-line-padding, 0) * 1px);
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
.group {
|
||
z-index: -1;
|
||
}
|
||
.area {
|
||
position: absolute;
|
||
}
|
||
.area-pieces {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
display: none;
|
||
}
|
||
.area.avoid, .area.pass {
|
||
pointer-events: none;
|
||
}
|
||
.area.avoid+.area-pieces {
|
||
display: block;
|
||
}
|
||
.area-piece {
|
||
position: absolute;
|
||
}
|
||
|
||
${IS_WEBKIT605?`:global svg *:before {
|
||
content:"";
|
||
transform-origin: inherit;
|
||
}`:``}
|
||
`,NEARBY_POS=[[0,1,2],[1,0,3],[2,0,3],[3,1,2]],FLOAT_POINT_NUM=1e-4,TINY_NUM=1e-7,MIN_SCALE=1e-9,MAX_NUM=10**10,MIN_NUM=-MAX_NUM,DIRECTION_REGION_TO_DIRECTION={n:[0,-1],e:[1,0],s:[0,1],w:[-1,0],nw:[-1,-1],ne:[1,-1],sw:[-1,1],se:[1,1]},DIRECTION_INDEXES={n:[0,1],e:[1,3],s:[3,2],w:[2,0],nw:[0],ne:[1],sw:[2],se:[3]},DIRECTION_ROTATIONS={n:0,s:180,w:270,e:90,nw:315,ne:45,sw:225,se:135},MOVEABLE_METHODS=[`isMoveableElement`,`updateRect`,`updateTarget`,`destroy`,`dragStart`,`isInside`,`hitTest`,`setState`,`getRect`,`request`,`isDragging`,`getManager`,`forceUpdate`,`waitToChangeTarget`,`updateSelectors`,`getTargets`,`stopDrag`,`getControlBoxElement`,`getMoveables`,`getDragElement`];function setCustomDrag(e,t,n,r,i,a){var o,s;a===void 0&&(a=`draggable`);var c=t.gestos[a]?.move(n,e.inputEvent)??{},l=c.originalDatas||c.datas,u=l[a]||(l[a]={});return __assign$6(__assign$6({},i?convertDragDist(t,c):c),{isPinch:!!r,parentEvent:!0,datas:u,originalDatas:e.originalDatas})}var CustomGesto=function(){function e(e){var t;e===void 0&&(e=`draggable`),this.ableName=e,this.prevX=0,this.prevY=0,this.startX=0,this.startY=0,this.isDrag=!1,this.isFlag=!1,this.datas={draggable:{}},this.datas=(t={},t[e]={},t)}return e.prototype.dragStart=function(e,t){this.isDrag=!1,this.isFlag=!1;var n=t.originalDatas;return this.datas=n,n[this.ableName]||(n[this.ableName]={}),__assign$6(__assign$6({},this.move(e,t.inputEvent)),{type:`dragstart`})},e.prototype.drag=function(e,t){return this.move([e[0]-this.prevX,e[1]-this.prevY],t)},e.prototype.move=function(e,t){var n,r,i=!1;if(!this.isFlag)this.prevX=e[0],this.prevY=e[1],this.startX=e[0],this.startY=e[1],n=e[0],r=e[1],this.isFlag=!0;else{var a=this.isDrag;n=this.prevX+e[0],r=this.prevY+e[1],(e[0]||e[1])&&(this.isDrag=!0),!a&&this.isDrag&&(i=!0)}return this.prevX=n,this.prevY=r,{type:`drag`,clientX:n,clientY:r,inputEvent:t,isFirstDrag:i,isDrag:this.isDrag,distX:n-this.startX,distY:r-this.startY,deltaX:e[0],deltaY:e[1],datas:this.datas[this.ableName],originalDatas:this.datas,parentEvent:!0,parentGesto:this}},e}();function calculateElementPosition(e,t,n,r){var i=e.length===16?4:3,a=__read$1(calculatePoses(e,n,r,i),4),o=__read$1(a[0],2),s=o[0],c=o[1],l=__read$1(a[1],2),u=l[0],d=l[1],f=__read$1(a[2],2),p=f[0],m=f[1],g=__read$1(a[3],2),_=g[0],v=g[1],y=__read$1(calculatePosition(e,t,i),2),b=y[0],x=y[1],S=Math.min(s,u,p,_),C=Math.min(c,d,m,v),w=Math.max(s,u,p,_),T=Math.max(c,d,m,v);s=s-S||0,u=u-S||0,p=p-S||0,_=_-S||0,c=c-C||0,d=d-C||0,m=m-C||0,v=v-C||0,b=b-S||0,x=x-C||0;var E=e[0],D=e[i+1],O=sign(E*D);return{left:S,top:C,right:w,bottom:T,origin:[b,x],pos1:[s,c],pos2:[u,d],pos3:[p,m],pos4:[_,v],direction:O}}function calculatePointerDist(e,t){var n=t.clientX,r=t.clientY,i=t.datas,a=e.state,o=a.moveableClientRect,s=a.rootMatrix,c=a.is3d,l=a.pos1,u=o.left,d=o.top,f=c?4:3,p=__read$1(minus(calculateInversePosition(s,[n-u,r-d],f),l),2),m=p[0],g=p[1],_=__read$1(getDragDist({datas:i,distX:m,distY:g}),2);return[_[0],_[1]]}function setDragStart(e,t){var n=t.datas,r=e.state,i=r.allMatrix,a=r.beforeMatrix,o=r.is3d,s=r.left,c=r.top,l=r.origin,u=r.offsetMatrix,d=r.targetMatrix,f=r.transformOrigin,p=o?4:3;n.is3d=o,n.matrix=i,n.targetMatrix=d,n.beforeMatrix=a,n.offsetMatrix=u,n.transformOrigin=f,n.inverseMatrix=invert(i,p),n.inverseBeforeMatrix=invert(a,p),n.absoluteOrigin=convertPositionMatrix(plus([s,c],l),p),n.startDragBeforeDist=calculate(n.inverseBeforeMatrix,n.absoluteOrigin,p),n.startDragDist=calculate(n.inverseMatrix,n.absoluteOrigin,p)}function getTransformDirection(e){return calculateElementPosition(e.datas.beforeTransform,[50,50],100,100).direction}function resolveTransformEvent(e,t,n){var r=t.datas,i=t.originalDatas.beforeRenderable,a=r.transformIndex,o=i.nextTransforms,s=o.length,c=i.nextTransformAppendedIndexes,l=-1;a===-1?(n===`translate`?l=0:n===`rotate`&&(l=findIndex(o,function(e){return e.match(/scale\(/g)})),l===-1&&(l=o.length),r.transformIndex=l):l=find$1(c,function(e){return e.index===a&&e.functionName===n})?a:a+c.filter(function(e){return e.index<a}).length;var u=convertTransformInfo(o,e.state,l),d=u.targetFunction,f=n===`rotate`?`rotateZ`:n;r.beforeFunctionTexts=u.beforeFunctionTexts,r.afterFunctionTexts=u.afterFunctionTexts,r.beforeTransform=u.beforeFunctionMatrix,r.beforeTransform2=u.beforeFunctionMatrix2,r.targetTansform=u.targetFunctionMatrix,r.afterTransform=u.afterFunctionMatrix,r.afterTransform2=u.afterFunctionMatrix2,r.targetAllTransform=u.allFunctionMatrix,d.functionName===f?(r.afterFunctionTexts.splice(0,1),r.isAppendTransform=!1):s>l&&(r.isAppendTransform=!0,i.nextTransformAppendedIndexes=__spreadArray$3(__spreadArray$3([],__read$1(c),!1),[{functionName:n,index:l,isAppend:!0}],!1))}function convertTransformFormat(e,t,n){return`${e.beforeFunctionTexts.join(` `)} ${e.isAppendTransform?n:t} ${e.afterFunctionTexts.join(` `)}`}function getTransformDist(e){var t=e.datas,n=e.distX,r=e.distY,i=__read$1(getBeforeDragDist({datas:t,distX:n,distY:r}),2),a=i[0],o=i[1];return calculate(getTransfromMatrix(t,fromTranslation([a,o],4)),convertPositionMatrix([0,0,0],4),4)}function getTransfromMatrix(e,t,n){var r=e.beforeTransform,i=e.afterTransform,a=e.beforeTransform2,o=e.afterTransform2,s=e.targetAllTransform,c=n?multiply(s,t,4):multiply(t,s,4);return multiply(multiply(invert(n?a:r,4),c,4),invert(n?o:i,4),4)}function getBeforeDragDist(e){var t=e.datas,n=e.distX,r=e.distY,i=t.inverseBeforeMatrix,a=t.is3d,o=t.startDragBeforeDist,s=t.absoluteOrigin,c=a?4:3;return minus(calculate(i,plus(s,[n,r]),c),o)}function getDragDist(e,t){var n=e.datas,r=e.distX,i=e.distY,a=n.inverseBeforeMatrix,o=n.inverseMatrix,s=n.is3d,c=n.startDragBeforeDist,l=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return minus(calculate(t?a:o,plus(u,[r,i]),d),t?c:l)}function getInverseDragDist(e,t){var n=e.datas,r=e.distX,i=e.distY,a=n.beforeMatrix,o=n.matrix,s=n.is3d,c=n.startDragBeforeDist,l=n.startDragDist,u=n.absoluteOrigin,d=s?4:3;return minus(calculate(t?a:o,plus(t?c:l,[r,i]),d),u)}function calculateTransformOrigin(e,t,n,r,i,a){return r===void 0&&(r=t),i===void 0&&(i=n),a===void 0&&(a=[0,0]),e?e.map(function(e,o){var s=splitUnit(e),c=s.value,l=s.unit,u=o?i:r,d=o?n:t;return e===`%`||isNaN(c)?d*(u?a[o]/u:0):l===`%`?d*c/100:c}):a}function getPosIndexesByDirection(e){var t=[];return e[1]>=0&&(e[0]>=0&&t.push(3),e[0]<=0&&t.push(2)),e[1]<=0&&(e[0]>=0&&t.push(1),e[0]<=0&&t.push(0)),t}function getPosesByDirection(e,t){return getPosIndexesByDirection(t).map(function(t){return e[t]})}function getPosBySingleDirection(e,t){var n=(t+1)/2;return[dot$1(e[0][0],e[1][0],n,1-n),dot$1(e[0][1],e[1][1],n,1-n)]}function getPosByDirection(e,t){return getPosBySingleDirection([getPosBySingleDirection([e[0],e[1]],t[0]),getPosBySingleDirection([e[2],e[3]],t[0])],t[1])}function getDist(e,t,n,r,i,a){var o=getPosByDirection(calculatePoses(t,n,r,i),a);return[e[0]-o[0],e[1]-o[1]]}function getNextMatrix(e,t,n,r){return multiply(e,getAbsoluteMatrix(t,r,n),r)}function getNextTransformMatrix(e,t,n,r){var i=e.transformOrigin,a=e.offsetMatrix,o=e.is3d?4:3,s;if(isString(n)){var c=t.beforeTransform,l=t.afterTransform;s=convertDimension(r?parseMat(n):multiply(multiply(c,parseMat([n]),4),l,4),4,o)}else s=n;return getNextMatrix(a,s,i,o)}function scaleMatrix(e,t){var n=e.transformOrigin,r=e.offsetMatrix,i=e.is3d,a=e.targetMatrix,o=e.targetAllTransform,s=i?4:3;return getNextMatrix(r,multiply(o||a,createScaleMatrix(t,s),s),n,s)}function fillTransformStartEvent(e,t){var n=getBeforeRenderableDatas(t);return{setTransform:function(r,i){i===void 0&&(i=-1),n.startTransforms=isArray$1(r)?r:splitSpace(r),setTransformIndex(e,t,i)},setTransformIndex:function(n){setTransformIndex(e,t,n)}}}function setDefaultTransformIndex(e,t,n){var r=getBeforeRenderableDatas(t).startTransforms;setTransformIndex(e,t,findIndex(r,function(e){return e.indexOf(`${n}(`)===0}))}function setTransformIndex(e,t,n){var r=getBeforeRenderableDatas(t),i=t.datas;if(i.transformIndex=n,n!==-1){var a=r.startTransforms[n];if(a){var o=e.state;i.startValue=parse([a],{"x%":function(e){return e/100*o.offsetWidth},"y%":function(e){return e/100*o.offsetHeight}})[0].functionValue}}}function fillOriginalTransform(e,t){var n=getBeforeRenderableDatas(e);n.nextTransforms=splitSpace(t)}function getBeforeRenderableDatas(e){return e.originalDatas.beforeRenderable}function getNextTransforms(e){return e.originalDatas.beforeRenderable.nextTransforms}function getNextTransformText(e){return(getNextTransforms(e)||[]).join(` `)}function getNextStyle(e){return getBeforeRenderableDatas(e).nextStyle}function fillTransformEvent(e,t,n,r,i){fillOriginalTransform(i,t);var a=Draggable.drag(e,setCustomDrag(i,e.state,n,r,!1)),o=a?a.transform:t;return __assign$6(__assign$6({transform:t,drag:a},fillCSSObject({transform:o},i)),{afterTransform:o})}function getTranslateFixedPosition(e,t,n,r,i,a){return getDirectionOffset(e,n,r,getNextTransformMatrix(e.state,i,t,a))}function getTranslateDist(e,t,n,r,i,a,o){var s=getTranslateFixedPosition(e,t,n,i,a,o),c=e.state,l=c.left,u=c.top,d=e.props.groupable,f=d?l:0,p=d?u:0;return minus(minus(r,s),[f,p])}function getScaleDist(e,t,n,r,i,a,o){return getTranslateDist(e,t,n,r,i,a,o)}function getDirectionByPos(e,t,n){return[t?-1+e[0]/(t/2):0,n?-1+e[1]/(n/2):0]}function getDirectionOffset(e,t,n,r){r===void 0&&(r=e.state.allMatrix);var i=e.state,a=i.width,o=i.height,s=i.is3d?4:3,c=[a/2*(1+t[0])+n[0],o/2*(1+t[1])+n[1]];return calculatePosition(r,c,s)}function getRotateDist(e,t,n){var r=n.fixedDirection,i=n.fixedPosition,a=n.fixedOffset;return getTranslateDist(e,`rotate(${t}deg)`,r,i,a,n)}function getResizeDist(e,t,n,r,i,a){var o=e.props.groupable,s=e.state,c=s.transformOrigin,l=s.offsetMatrix,u=s.is3d,d=s.width,f=s.height,p=s.left,m=s.top,g=a.fixedDirection,_=a.nextTargetMatrix||s.targetMatrix,v=u?4:3,y=calculateTransformOrigin(i,t,n,d,f,c),b=o?p:0,x=o?m:0;return minus(getDist(r,getNextMatrix(l,_,y,v),t,n,v,g),[b,x])}function getAbsolutePosition$1(e,t){return getPosByDirection(getAbsolutePosesByState(e.state),t)}function getGestoData(e,t){var n=e.targetGesto,r=e.controlGesto,i;return n?.isFlag()&&(i=n.getEventData()[t]),!i&&r?.isFlag()&&(i=r.getEventData()[t]),i||{}}function getShadowRoot(e){if(e&&e.getRootNode){var t=e.getRootNode();if(t.nodeType===11)return t}}function getIndividualTransforms(e){var t=e(`scale`),n=e(`rotate`),r=e(`translate`),i=[];return r&&r!==`0px`&&r!==`none`&&i.push(`translate(${r.split(/\s+/).join(`,`)})`),n&&n!==`1`&&n!==`none`&&i.push(`rotate(${n})`),t&&t!==`1`&&t!==`none`&&i.push(`scale(${t.split(/\s+/).join(`,`)})`),i}function getMatrixStackInfo(e,t,n){for(var r=e,i=[],a=getDocumentElement(e)||getDocumentBody(e),o=!n&&e===t||e===a,s=o,c=!1,l=3,u,d,f,p=!1,m=getOffsetInfo(t,t,!0).offsetParent,g=1;r&&!s;){s=o;var _=getCachedStyle(r),v=_(`position`),y=getElementTransform(r),b=v===`fixed`,x=getIndividualTransforms(_),S=convertCSStoMatrix(getTransformMatrix(y)),C=void 0,w=!1,T=!1,E=0,D=0,O=0,k=0,A={hasTransform:!1,fixedContainer:null};b&&(p=!0,A=getPositionFixedInfo(r),m=A.fixedContainer);var j=S.length;!c&&(j===16||x.length)&&(c=!0,l=4,convert3DMatrixes(i),f&&(f=convertDimension(f,3,4))),c&&j===9&&(S=convertDimension(S,3,4));var M=getOffsetPosInfo(r,e),N=M.tagName,P=M.hasOffset,F=M.isSVG,I=M.origin,L=M.targetOrigin,R=M.offset,z=__read$1(R,2),B=z[0],V=z[1];N===`svg`&&!r.ownerSVGElement&&f&&(i.push({type:`target`,target:r,matrix:getSVGMatrix(r,l)}),i.push({type:`offset`,target:r,matrix:createIdentityMatrix(l)}));var H=parseFloat(_(`zoom`))||1;if(b)C=A.fixedContainer,w=!0;else{var U=getOffsetInfo(r,t,!1,!0,_),W=U.offsetZoom;if(C=U.offsetParent,w=U.isEnd,T=U.isStatic,g*=W,(U.isCustomElement||W!==1)&&T)B-=C.offsetLeft,V-=C.offsetTop;else if((IS_FIREFOX||IS_CHROMIUM109)&&U.parentSlotElement){for(var G=C,K=0,q=0;G&&getShadowRoot(G);)K+=G.offsetLeft,q+=G.offsetTop,G=G.offsetParent;B-=K,V-=q}}if(IS_WEBKIT&&!IS_SAFARI_ABOVE15&&P&&!F&&T&&(v===`relative`||v===`static`)&&(B-=C.offsetLeft,V-=C.offsetTop,o=o||w),b)P&&A.hasTransform&&(O=C.clientLeft,k=C.clientTop);else if(P&&m!==C&&(E=C.clientLeft,D=C.clientTop),P&&C===a){var J=getBodyOffset(r,!1);B+=J[0],V+=J[1]}if(i.push({type:`target`,target:r,matrix:getAbsoluteMatrix(S,l,I)}),x.length&&(i.push({type:`offset`,target:r,matrix:createIdentityMatrix(l)}),i.push({type:`target`,target:r,matrix:getAbsoluteMatrix(parseMat(x),l,I)})),P){var ee=r===e,Y=ee?0:r.scrollLeft,te=ee?0:r.scrollTop;i.push({type:`offset`,target:r,matrix:createOriginMatrix([B-Y+E-O,V-te+D-k],l)})}else i.push({type:`offset`,target:r,origin:I});if(H!==1&&i.push({type:`zoom`,target:r,matrix:getAbsoluteMatrix(createScaleMatrix([H,H],l),l,[0,0])}),f||(f=S),u||(u=I),d||(d=L),s||b)break;r=C,o=w,(!n||r===a)&&(s=o)}return f||(f=createIdentityMatrix(l)),u||(u=[0,0]),d||(d=[0,0]),{zoom:g,offsetContainer:m,matrixes:i,targetMatrix:f,transformOrigin:u,targetOrigin:d,is3d:c,hasFixed:p}}var cacheStyleMap=null,clientRectStyleMap=null,matrixContainerInfos=null;function setStoreCache(e){e?(window.Map&&(cacheStyleMap=new Map,clientRectStyleMap=new Map),matrixContainerInfos=[]):(cacheStyleMap=null,matrixContainerInfos=null,clientRectStyleMap=null)}function getCachedClientRect(e){var t=clientRectStyleMap?.get(e);if(t)return t;var n=getClientRect(e,!0);return clientRectStyleMap&&clientRectStyleMap.set(e,n),n}function getCachedMatrixContainerInfo(e,t){if(matrixContainerInfos){var n=find$1(matrixContainerInfos,function(n){return n[0][0]==e&&n[0][1]==t});if(n)return n[1]}var r=getMatrixStackInfo(e,t,!0);return matrixContainerInfos&&matrixContainerInfos.push([[e,t],r]),r}function getCachedStyle(e){var t=cacheStyleMap?.get(e);if(!t){var n=getWindow(e).getComputedStyle(e);if(!cacheStyleMap)return function(e){return n[e]};t={style:n,cached:{}},cacheStyleMap.set(e,t)}var r=t.cached,i=t.style;return function(e){return e in r||(r[e]=i[e]),r[e]}}function fillChildEvents(e,t,n){var r=n.originalDatas;r.groupable=r.groupable||{};var i=r.groupable;i.childDatas=i.childDatas||[];var a=i.childDatas;return e.moveables.map(function(e,r){return a[r]=a[r]||{},a[r][t]=a[r][t]||{},__assign$6(__assign$6({},n),{isRequestChild:!0,datas:a[r][t],originalDatas:a[r]})})}function triggerChildGesto(e,t,n,r,i,a,o){var s=!!n.match(/Start$/g),c=!!n.match(/End$/g),l=i.isPinch,u=i.datas,d=fillChildEvents(e,t.name,i),f=e.moveables,p=[],m=d.map(function(e,i){var d=f[i],m=d.state,g=m.gestos,_=e;if(s)_=new CustomGesto(o).dragStart(r,e),p.push(_);else{if(g[o]||(g[o]=u.childGestos[i]),!g[o])return;_=setCustomDrag(e,m,r,l,a,o),p.push(_)}var v=t[n](d,__assign$6(__assign$6({},_),{parentFlag:!0}));return c&&(g[o]=null),v});return s&&(u.childGestos=f.map(function(e){return e.state.gestos[o]})),{eventParams:m,childEvents:p}}function triggerChildAbles(e,t,n,r,i,a){i===void 0&&(i=function(e,t){return t});var o=!!n.match(/End$/g),s=fillChildEvents(e,t.name,r),c=e.moveables;return s.map(function(e,r){var s=c[r],l=e;l=i(s,e);var u=t[n](s,__assign$6(__assign$6({},l),{parentFlag:!0}));return u&&a&&a(s,e,u,r),o&&(s.state.gestos={}),u})}function startChildDist(e,t,n,r){var i=n.fixedDirection,a=n.fixedPosition,o=getPosByDirection(r.datas.startPositions||getAbsolutePosesByState(t.state),i),s=__read$1(calculate(createRotateMatrix(-e.rotation/180*Math.PI,3),[o[0]-a[0],o[1]-a[1],1],3),2),c=s[0],l=s[1];return r.datas.originalX=c,r.datas.originalY=l,r}function renderDirectionControlsByInfos(e,t,n,r){var i=e.getState(),a=i.renderPoses,o=i.rotation,s=i.direction,c=getProps(e.props,t).zoom,l=absDegree(o/Math.PI*180),u={},d=e.renderState;d.renderDirectionMap||(d.renderDirectionMap={});var f=d.renderDirectionMap;n.forEach(function(e){var t=e.dir;u[t]=!0});var p=sign(s);return n.map(function(e){var n=e.data,i=e.classNames,s=e.dir,d=DIRECTION_INDEXES[s];if(!d||!u[s])return null;f[s]=!0;var m=(throttle(l,15)+p*DIRECTION_ROTATIONS[s]+720)%180,g={};return getKeys(n).forEach(function(e){g[`data-${e}`]=n[e]}),r.createElement(`div`,__assign$6({className:prefix$1.apply(void 0,__spreadArray$3([`control`,`direction`,s,t],__read$1(i),!1)),"data-rotation":m,"data-direction":s},g,{key:`direction-${s}`,style:getControlTransform.apply(void 0,__spreadArray$3([o,c],__read$1(d.map(function(e){return a[e]})),!1))}))})}function renderDirectionControls(e,t,n,r){var i=getProps(e.props,n),a=i.renderDirections,o=a===void 0?t:a,s=i.displayAroundControls;if(!o)return[];var c=o===!0?DIRECTIONS:o;return __spreadArray$3(__spreadArray$3([],__read$1(s?renderAroundControls(e,r,n,c):[]),!1),__read$1(renderDirectionControlsByInfos(e,n,c.map(function(e){return{data:{},classNames:[],dir:e}}),r)),!1)}function renderLine(e,t,n,r,i,a){var o=[...arguments].slice(6),s=getRad$1(n,r),c=t?throttle(s/Math.PI*180,15)%180:-1;return e.createElement(`div`,{key:`line-${a}`,className:prefix$1.apply(void 0,__spreadArray$3([`line`,`direction`,t?`edge`:``,t],__read$1(o),!1)),"data-rotation":c,"data-line-key":a,"data-direction":t,style:getLineStyle(n,r,i,s)})}function renderEdgeLines(e,t,n,r,i){return(n===!0?DIRECTIONS4:n).map(function(n,a){var o=__read$1(DIRECTION_INDEXES[n],2),s=o[0],c=o[1];if(c!=null)return renderLine(e,n,r[s],r[c],i,`${t}Edge${a}`,t)}).filter(Boolean)}function getRenderDirections(e){return function(t,n){var r=getProps(t.props,e).edge;return r&&(r===!0||r.length)?__spreadArray$3(__spreadArray$3([],__read$1(renderEdgeLines(n,e,r,t.getState().renderPoses,t.props.zoom)),!1),__read$1(renderDiagonalDirections(t,e,n)),!1):renderAllDirections(t,e,n)}}function renderAllDirections(e,t,n){return renderDirectionControls(e,DIRECTIONS,t,n)}function renderDiagonalDirections(e,t,n){return renderDirectionControls(e,[`nw`,`ne`,`sw`,`se`],t,n)}function renderAroundControls(e,t,n,r){var i=e.renderState;i.renderDirectionMap||(i.renderDirectionMap={});var a=e.getState(),o=a.renderPoses,s=a.rotation,c=a.direction,l=i.renderDirectionMap,u=e.props.zoom,d=sign(c),f=s/Math.PI*180;return(r||getKeys(l)).map(function(e){var r=DIRECTION_INDEXES[e];if(!r)return null;var i=(throttle(f,15)+d*DIRECTION_ROTATIONS[e]+720)%180,a=[`around-control`];return n&&a.push(`direction`,n),t.createElement(`div`,{className:prefix$1.apply(void 0,__spreadArray$3([],__read$1(a),!1)),"data-rotation":i,"data-direction":e,key:`direction-around-${e}`,style:getControlTransform.apply(void 0,__spreadArray$3([s,u],__read$1(r.map(function(e){return o[e]})),!1))})})}function checkBoundPoses(e,t,n){var r=e||{},i=r.position,a=i===void 0?`client`:i,o=r.left,s=o===void 0?-1/0:o,c=r.top,l=c===void 0?-1/0:c,u=r.right,d=u===void 0?1/0:u,f=r.bottom,p={position:a,left:s,top:l,right:d,bottom:f===void 0?1/0:f};return{vertical:checkBounds(p,t,!0),horizontal:checkBounds(p,n,!1)}}function getBounds(e,t){var n=e.state,r=n.containerClientRect,i=r.clientHeight,a=r.clientWidth,o=r.clientLeft,s=r.clientTop,c=n.snapOffset,l=c.left,u=c.top,d=c.right,f=c.bottom,p=t||e.props.bounds||{},m=(p.position||`client`)===`css`,g=p.left,_=g===void 0?-1/0:g,v=p.top,y=v===void 0?-1/0:v,b=p.right,x=b===void 0?m?-1/0:1/0:b,S=p.bottom,C=S===void 0?m?-1/0:1/0:S;return m&&(x=a+d-l-x,C=i+f-u-C),{left:_+l-o,right:x+l-o,top:y+u-s,bottom:C+u-s}}function checkBoundKeepRatio(e,t,n){var r=getBounds(e),i=r.left,a=r.top,o=r.right,s=r.bottom,c=__read$1(n,2),l=c[0],u=c[1],d=__read$1(minus(n,t),2),f=d[0],p=d[1];abs(f)<TINY_NUM&&(f=0),abs(p)<TINY_NUM&&(p=0);var m=p>0,g=f>0,_={isBound:!1,offset:0,pos:0},v={isBound:!1,offset:0,pos:0};if(f===0&&p===0)return{vertical:_,horizontal:v};if(f===0)m?s<u&&(v.pos=s,v.offset=u-s):a>u&&(v.pos=a,v.offset=u-a);else if(p===0)g?o<l&&(_.pos=o,_.offset=l-o):i>l&&(_.pos=i,_.offset=l-i);else{var y=p/f,b=n[1]-y*l,x=0,S=0,C=!1;g&&o<=l?(x=y*o+b,S=o,C=!0):!g&&l<=i&&(x=y*i+b,S=i,C=!0),C&&(x<a||x>s)&&(C=!1),C||(m&&s<=u?(x=s,S=(x-b)/y,C=!0):!m&&u<=a&&(x=a,S=(x-b)/y,C=!0)),C&&(_.isBound=!0,_.pos=S,_.offset=l-S,v.isBound=!0,v.pos=x,v.offset=u-x)}return{vertical:_,horizontal:v}}function checkBounds(e,t,n){var r=e[n?`left`:`top`],i=e[n?`right`:`bottom`],a=Math.min.apply(Math,__spreadArray$3([],__read$1(t),!1)),o=Math.max.apply(Math,__spreadArray$3([],__read$1(t),!1)),s=[];return r+1>a&&s.push({direction:`start`,isBound:!0,offset:a-r,pos:r}),i-1<o&&s.push({direction:`end`,isBound:!0,offset:o-i,pos:i}),s.length||s.push({isBound:!1,offset:0,pos:0}),s.sort(function(e,t){return abs(t.offset)-abs(e.offset)})}function isBoundRotate$1(e,t,n){return(n?e.map(function(e){return rotate(e,n)}):e).some(function(e){return e[0]<t.left&&abs(e[0]-t.left)>.1||e[0]>t.right&&abs(e[0]-t.right)>.1||e[1]<t.top&&abs(e[1]-t.top)>.1||e[1]>t.bottom&&abs(e[1]-t.bottom)>.1})}function boundRotate(e,t,n){var r=getDistSize(e),i=Math.sqrt(r*r-t*t)||0;return[i,-i].sort(function(t,r){return abs(t-e[n?0:1])-abs(r-e[n?0:1])}).map(function(e){return getRad$1([0,0],n?[e,t]:[t,e])})}function checkRotateBounds(e,t,n,r,i){if(!e.props.bounds)return[];var a=i*Math.PI/180,o=getBounds(e),s=o.left,c=o.top,l=o.right,u=o.bottom,d=s-r[0],f=l-r[0],p=c-r[1],m=u-r[1],g={left:d,top:p,right:f,bottom:m};if(!isBoundRotate$1(n,g,0))return[];var _=[];return[[d,0],[f,0],[p,1],[m,1]].forEach(function(e){var r=__read$1(e,2),i=r[0],o=r[1];n.forEach(function(e){var n=getRad$1([0,0],e);_.push.apply(_,__spreadArray$3([],__read$1(boundRotate(e,i,o).map(function(e){return a+e-n}).filter(function(e){return!isBoundRotate$1(t,g,e)}).map(function(e){return throttle(e*180/Math.PI,TINY_NUM)})),!1))})}),_}var VERTICAL_NAMES=[`left`,`right`,`center`],HORIZONTAL_NAMES=[`top`,`bottom`,`middle`],SNAP_SKIP_NAMES_MAP={left:`start`,right:`end`,center:`center`,top:`start`,bottom:`end`,middle:`center`},VERTICAL_NAMES_MAP={start:`left`,end:`right`,center:`center`},HORIZONTAL_NAMES_MAP={start:`top`,end:`bottom`,center:`middle`};function getInitialBounds(){return{left:!1,top:!1,right:!1,bottom:!1}}function hasGuidelines(e,t){var n=e.props,r=n.snappable,i=n.bounds,a=n.innerBounds,o=n.verticalGuidelines,s=n.horizontalGuidelines,c=n.snapGridWidth,l=n.snapGridHeight,u=e.state,d=u.guidelines,f=u.enableSnap;return!r||!f||t&&r!==!0&&r.indexOf(t)<0?!1:!!(c||l||i||a||d&&d.length||o&&o.length||s&&s.length)}function getSnapDirections(e){return e===!1?{}:e===!0||!e?{left:!0,right:!0,top:!0,bottom:!0}:e}function mapSnapDirectionPoses(e,t){var n=getSnapDirections(e),r={};for(var i in n)i in t&&n[i]&&(r[i]=t[i]);return r}function splitSnapDirectionPoses(e,t){var n=mapSnapDirectionPoses(e,t),r=HORIZONTAL_NAMES.filter(function(e){return e in n}),i=VERTICAL_NAMES.filter(function(e){return e in n});return{horizontalNames:r,verticalNames:i,horizontal:r.map(function(e){return n[e]}),vertical:i.map(function(e){return n[e]})}}function calculateContainerPos(e,t,n){var r=calculatePosition(e,[t.clientLeft,t.clientTop],n);return[t.left+r[0],t.top+r[1]]}function solveLineConstants(e){var t=__read$1(e,2),n=t[0],r=t[1],i=r[0]-n[0],a=r[1]-n[1];Math.abs(i)<1e-7&&(i=0),Math.abs(a)<1e-7&&(a=0);var o=0,s=0,c=0;return i?a?(o=-a/i,s=1,c=o*n[0]-n[1]):(s=1,c=-n[1]):(o=-1,c=n[0]),[o,s,c].map(function(e){return throttle(e,TINY_NUM$1)})}var NAME_snapRotationThreshold=`snapRotationThreshold`,NAME_snapRotationDegrees=`snapRotationDegrees`,NAME_snapHorizontalThreshold=`snapHorizontalThreshold`,NAME_snapVerticalThreshold=`snapVerticalThreshold`;function checkMoveableSnapPoses(e,t,n,r,i,a,o){var s;r===void 0&&(r=[]),i===void 0&&(i=[]);var c=e.props,l=e.state.snapThresholdInfo?.multiples||[1,1],u=selectValue(o,c[NAME_snapHorizontalThreshold],5),d=selectValue(a,c[NAME_snapVerticalThreshold],5);return checkSnapPoses(e.state.guidelines,t,n,r,i,u,d,l)}function checkSnapPoses(e,t,n,r,i,a,o,s){return{vertical:checkSnap(e,`vertical`,t,o*s[0],r),horizontal:checkSnap(e,`horizontal`,n,a*s[1],i)}}function checkSnapKeepRatio(e,t,n){var r=__read$1(n,2),i=r[0],a=r[1],o=__read$1(t,2),s=o[0],c=o[1],l=__read$1(minus(n,t),2),u=l[0],d=l[1],f=d>0,p=u>0;u=getTinyDist(u),d=getTinyDist(d);var m={isSnap:!1,offset:0,pos:0},g={isSnap:!1,offset:0,pos:0};if(u===0&&d===0)return{vertical:m,horizontal:g};var _=checkMoveableSnapPoses(e,u?[i]:[],d?[a]:[],[],[],void 0,void 0),v=_.vertical,y=_.horizontal;v.posInfos.filter(function(e){var t=e.pos;return p?t>=s:t<=s}),y.posInfos.filter(function(e){var t=e.pos;return f?t>=c:t<=c}),v.isSnap=v.posInfos.length>0,y.isSnap=y.posInfos.length>0;var b=getNearestSnapGuidelineInfo(v),x=b.isSnap,S=b.guideline,C=getNearestSnapGuidelineInfo(y),w=C.isSnap,T=C.guideline,E=w?T.pos[1]:0,D=x?S.pos[0]:0;if(u===0)w&&(g.isSnap=!0,g.pos=T.pos[1],g.offset=a-g.pos);else if(d===0)x&&(m.isSnap=!0,m.pos=D,m.offset=i-D);else{var O=d/u,k=n[1]-O*i,A=0,j=0,M=!1;x?(j=D,A=O*j+k,M=!0):w&&(A=E,j=(A-k)/O,M=!0),M&&(m.isSnap=!0,m.pos=j,m.offset=i-j,g.isSnap=!0,g.pos=A,g.offset=a-A)}return{vertical:m,horizontal:g}}function getStringDirection(e){var t=``;return e===-1||e===`top`||e===`left`?t=`start`:e===0||e===`center`||e===`middle`?t=`center`:(e===1||e===`right`||e===`bottom`)&&(t=`end`),t}function checkSnaps(e,t,n,r){var i=splitSnapDirectionPoses(e.props.snapDirections,t),a=checkMoveableSnapPoses(e,i.vertical,i.horizontal,i.verticalNames.map(function(e){return getStringDirection(e)}),i.horizontalNames.map(function(e){return getStringDirection(e)}),n,r),o=getStringDirection(i.horizontalNames[a.horizontal.index]),s=getStringDirection(i.verticalNames[a.vertical.index]);return{vertical:__assign$6(__assign$6({},a.vertical),{direction:s}),horizontal:__assign$6(__assign$6({},a.horizontal),{direction:o})}}function getNearestSnapGuidelineInfo(e){var t=e.isSnap;if(!t)return{isSnap:!1,offset:0,dist:-1,pos:0,guideline:null};var n=e.posInfos[0],r=n.guidelineInfos[0],i=r.offset,a=r.dist,o=r.guideline;return{isSnap:t,offset:i,dist:a,pos:n.pos,guideline:o}}function checkSnap(e,t,n,r,i){var a,o;if(i===void 0&&(i=[]),!e||!e.length)return{isSnap:!1,index:-1,direction:``,posInfos:[]};var s=t===`vertical`?0:1,c=n.map(function(n,a){var o=i[a]||``;return{pos:n,index:a,guidelineInfos:e.map(function(e){var t=n-e.pos[s];return{offset:t,dist:abs(t),guideline:e,direction:o}}).filter(function(e){var n=e.guideline,i=e.dist;return!(n.type!==t||i>r)}).sort(function(e,t){return e.dist-t.dist}),direction:o}}).filter(function(e){return e.guidelineInfos.length>0}).sort(function(e,t){return e.guidelineInfos[0].dist-t.guidelineInfos[0].dist}),l=c.length>0;return{isSnap:l,index:l?c[0].index:-1,direction:c[0]?.direction??``,posInfos:c}}function getSnapInfosByDirection(e,t,n,r,i){var a=[];n[0]&&n[1]?a=[n,[-n[0],n[1]],[n[0],-n[1]]]:!n[0]&&!n[1]?[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(function(e,t,n){var r=n[t+1]||n[0];a.push(e),a.push([(e[0]+r[0])/2,(e[1]+r[1])/2])}):e.props.keepRatio?a.push([-1,-1],[-1,1],[1,-1],[1,1],n):(a.push.apply(a,__spreadArray$3([],__read$1(getPosesByDirection([[-1,-1],[1,-1],[-1,-1],[1,1]],n)),!1)),a.length>1&&a.push([(a[0][0]+a[1][0])/2,(a[0][1]+a[1][1])/2]));var o=a.map(function(e){return getPosByDirection(t,e)}),s=checkMoveableSnapPoses(e,o.map(function(e){return e[0]}),o.map(function(e){return e[1]}),a.map(function(e){return getStringDirection(e[0])}),a.map(function(e){return getStringDirection(e[1])}),r,i),c=getStringDirection(a.map(function(e){return e[0]})[s.vertical.index]),l=getStringDirection(a.map(function(e){return e[1]})[s.horizontal.index]);return{vertical:__assign$6(__assign$6({},s.vertical),{direction:c}),horizontal:__assign$6(__assign$6({},s.horizontal),{direction:l})}}function checkSnapBoundPriority(e,t){var n=abs(e.offset),r=abs(t.offset);return e.isBound&&t.isBound?r-n:e.isBound?-1:t.isBound?1:e.isSnap&&t.isSnap?r-n:e.isSnap?-1:t.isSnap||n<TINY_NUM?1:r<TINY_NUM?-1:n-r}function getNearOffsetInfo(e,t){return e.slice().sort(function(e,n){var r=e.sign[t],i=n.sign[t],a=e.offset[t],o=n.offset[t];return r?i?checkSnapBoundPriority({isBound:e.isBound,isSnap:e.isSnap,offset:a},{isBound:n.isBound,isSnap:n.isSnap,offset:o}):-1:1})[0]}function getCheckSnapDirections(e,t,n){var r=[];if(n)abs(t[0])!==1||abs(t[1])!==1?r.push([t,[-1,-1]],[t,[-1,1]],[t,[1,-1]],[t,[1,1]]):r.push([t,[e[0],-e[1]]],[t,[-e[0],e[1]]]),r.push([t,e]);else if(e[0]&&e[1]||!e[0]&&!e[1]){var i=e[0]?e:[1,1];[1,-1].forEach(function(e){[1,-1].forEach(function(n){var a=[e*i[0],n*i[1]];t[0]===a[0]&&t[1]===a[1]||r.push([t,a])})})}else if(e[0]){var a=abs(t[0])===1?[1]:[1,-1];a.forEach(function(n){r.push([[t[0],-1],[n*e[0],-1]],[[t[0],0],[n*e[0],0]],[[t[0],1],[n*e[0],1]])})}else if(e[1]){var a=abs(t[1])===1?[1]:[1,-1];a.forEach(function(n){r.push([[-1,t[1]],[-1,n*e[1]]],[[0,t[1]],[0,n*e[1]]],[[1,t[1]],[1,n*e[1]]])})}return r}function isStartLine(e,t){var n=average([t[0][0],t[1][0]]),r=average([t[0][1],t[1][1]]);return{vertical:n<=e[0],horizontal:r<=e[1]}}function hitTestLine(e,t){var n=__read$1(t,2),r=n[0],i=n[1],a=i[0]-r[0],o=i[1]-r[1];abs(a)<TINY_NUM&&(a=0),abs(o)<TINY_NUM&&(o=0);var s,c;return a?o?(s=o/a*(e[0]-r[0])+r[1],c=e[1]):(s=r[1],c=e[1]):(s=r[0],c=e[0]),s-c}function isSameStartLine(e,t,n,r){return r===void 0&&(r=TINY_NUM),e.every(function(e){var i=hitTestLine(e,t);return i<=0===n||abs(i)<=r})}function checkInnerBoundDot(e,t,n,r,i){return i===void 0&&(i=0),r&&t-i<=e||!r&&e<=n+i?{isBound:!0,offset:r?t-e:n-e}:{isBound:!1,offset:0}}function checkInnerBound(e,t){var n=t.line,r=t.centerSign,i=t.verticalSign,a=t.horizontalSign,o=t.lineConstants,s=e.props.innerBounds;if(!s)return{isAllBound:!1,isBound:!1,isVerticalBound:!1,isHorizontalBound:!1,offset:[0,0]};var c=s.left,l=s.top,u=s.width,d=s.height,f=[[c,l],[c,l+d]],p=[[c,l],[c+u,l]],m=[[c+u,l],[c+u,l+d]],g=[[c,l+d],[c+u,l+d]];if(isSameStartLine([[c,l],[c+u,l],[c,l+d],[c+u,l+d]],n,r))return{isAllBound:!1,isBound:!1,isVerticalBound:!1,isHorizontalBound:!1,offset:[0,0]};var _=checkLineBoundCollision(n,o,p,i),v=checkLineBoundCollision(n,o,g,i),y=checkLineBoundCollision(n,o,f,a),b=checkLineBoundCollision(n,o,m,a),x=_.isBound&&v.isBound,S=_.isBound||v.isBound,C=y.isBound&&b.isBound,w=y.isBound||b.isBound,T=maxOffset(_.offset,v.offset),E=maxOffset(y.offset,b.offset),D=[0,0],O=!1,k=!1;return abs(E)<abs(T)?(D=[T,0],O=S,k=x):(D=[0,E],O=w,k=C),{isAllBound:k,isVerticalBound:S,isHorizontalBound:w,isBound:O,offset:D}}function checkLineBoundCollision(e,t,n,r,i,a){var o=__read$1(t,2),s=o[0],c=o[1],l=e[0],u=n[0],d=n[1],f=getTinyDist(d[1]-u[1]),p=getTinyDist(d[0]-u[0]),m=c,g=s,_=-s/c;if(!p){if(a&&!g)return{isBound:!1,offset:0};if(m)return checkInnerBoundDot(_*(u[0]-l[0])+l[1],u[1],d[1],r,i);var v=u[0]-l[0],y=abs(v)<=(i||0);return{isBound:y,offset:y?v:0}}else if(!f){if(a&&!m)return{isBound:!1,offset:0};if(g)return checkInnerBoundDot((u[1]-l[1])/_+l[0],u[0],d[0],r,i);var v=u[1]-l[1],y=abs(v)<=(i||0);return{isBound:y,offset:y?v:0}}return{isBound:!1,offset:0}}function getInnerBoundInfo(e,t,n){return t.map(function(t){var r=checkInnerBound(e,t),i=r.isBound,a=r.offset,o=r.isVerticalBound,s=r.isHorizontalBound,c=t.multiple;return{sign:c,isBound:i,isVerticalBound:o,isHorizontalBound:s,isSnap:!1,offset:getDragDist({datas:n,distX:a[0],distY:a[1]}).map(function(e,t){return e*(c[t]?2/c[t]:0)})}})}function getInnerBoundDragInfo(e,t,n){var r,i=getInnerBoundInfo(e,getCheckInnerBoundLineInfos(e,t,[0,0],!1).map(function(e){return __assign$6(__assign$6({},e),{multiple:e.multiple.map(function(e){return abs(e)*2})})}),n),a=getNearOffsetInfo(i,0),o=getNearOffsetInfo(i,1),s=0,c=0,l=a.isVerticalBound||o.isVerticalBound,u=a.isHorizontalBound||o.isHorizontalBound;return(l||u)&&(r=__read$1(getInverseDragDist({datas:n,distX:-a.offset[0],distY:-o.offset[1]}),2),s=r[0],c=r[1]),{vertical:{isBound:l,offset:s},horizontal:{isBound:u,offset:c}}}function getCheckSnapLineDirections(e,t){var n=[],r=e[0],i=e[1];return r&&i?n.push([[0,i*2],e,[-r,i]],[[r*2,0],e,[r,-i]]):r?(n.push([[r*2,0],[r,1],[r,-1]]),t&&n.push([[0,-1],[r,-1],[-r,-1]],[[0,1],[r,1],[-r,1]])):i?(n.push([[0,i*2],[1,i],[-1,i]]),t&&n.push([[-1,0],[-1,i],[-1,-i]],[[1,0],[1,i],[1,-i]])):n.push([[-1,0],[-1,-1],[-1,1]],[[1,0],[1,-1],[1,1]],[[0,-1],[-1,-1],[1,-1]],[[0,1],[-1,1],[1,1]]),n}function getCheckInnerBoundLineInfos(e,t,n,r){var i=e.state,a=i.allMatrix,o=i.is3d,s=calculatePoses(a,100,100,o?4:3),c=getPosByDirection(s,[0,0]);return getCheckSnapLineDirections(n,r).map(function(e){var n=__read$1(e,3),r=n[0],i=n[1],a=n[2],o=[getPosByDirection(s,i),getPosByDirection(s,a)],l=solveLineConstants(o),u=isStartLine(c,o),d=u.vertical,f=u.horizontal;return{multiple:r,centerSign:hitTestLine(c,o)<=0,verticalSign:d,horizontalSign:f,lineConstants:l,line:[getPosByDirection(t,i),getPosByDirection(t,a)]}})}function isBoundRotate(e,t,n,r){var i=r?e.map(function(e){return rotate(e,r)}):e;return[[i[0],i[1]],[i[1],i[3]],[i[3],i[2]],[i[2],i[0]]].some(function(e){return!isSameStartLine(t,e,hitTestLine(n,e)<=0)})}function getDistPointLine(e){var t=__read$1(e,2),n=t[0],r=t[1],i=r[0]-n[0],a=r[1]-n[1];if(!i)return abs(n[0]);if(!a)return abs(n[1]);var o=a/i;return abs((-o*n[0]+n[1])/Math.sqrt(o**2+1))}function solveReverseLine(e){var t=__read$1(e,2),n=t[0],r=t[1],i=r[0]-n[0],a=r[1]-n[1];if(!i)return[n[0],0];if(!a)return[0,n[1]];var o=a/i,s=-o*n[0]+n[1];return[-s/(o+1/o),s/(o*o+1)]}function checkRotateInnerBounds(e,t,n,r,i){var a=e.props.innerBounds,o=i*Math.PI/180;if(!a)return[];var s=a.left,c=a.top,l=a.width,u=a.height,d=s-r[0],f=s+l-r[0],p=c-r[1],m=c+u-r[1],g=[[d,p],[f,p],[d,m],[f,m]],_=getPosByDirection(n,[0,0]);if(!isBoundRotate(n,g,_,0))return[];var v=[],y=g.map(function(e){return[getDistSize(e),getRad$1([0,0],e)]});return[[n[0],n[1]],[n[1],n[3]],[n[3],n[2]],[n[2],n[0]]].forEach(function(e){var n=getRad$1([0,0],solveReverseLine(e)),r=getDistPointLine(e);v.push.apply(v,__spreadArray$3([],__read$1(y.filter(function(e){var t=__read$1(e,1)[0];return t&&r<=t}).map(function(e){var t=__read$1(e,2),i=t[0],a=t[1],s=Math.acos(i?r/i:0),c=a+s,l=a-s;return[o+c-n,o+l-n]}).reduce(function(e,t){return e.push.apply(e,__spreadArray$3([],__read$1(t),!1)),e},[]).filter(function(e){return!isBoundRotate(t,g,_,e)}).map(function(e){return throttle(e*180/Math.PI,TINY_NUM)})),!1))}),v}function checkInnerBoundPoses(e){var t=e.props.innerBounds,n=getInitialBounds();if(!t)return{boundMap:n,vertical:[],horizontal:[]};var r=e.getRect(),i=[r.pos1,r.pos2,r.pos3,r.pos4],a=getPosByDirection(i,[0,0]),o=t.left,s=t.top,c=t.width,l=t.height,u=[[o,s],[o,s+l]],d=[[o,s],[o+c,s]],f=[[o+c,s],[o+c,s+l]],p=[[o,s+l],[o+c,s+l]],m=getCheckInnerBoundLineInfos(e,i,[0,0],!1),g=[],_=[];return m.forEach(function(e){var t=e.line,r=e.lineConstants,i=isStartLine(a,t),m=i.horizontal,v=i.vertical,y=checkLineBoundCollision(t,r,d,v,1,!0),b=checkLineBoundCollision(t,r,p,v,1,!0),x=checkLineBoundCollision(t,r,u,m,1,!0),S=checkLineBoundCollision(t,r,f,m,1,!0);y.isBound&&!n.top&&(g.push(s),n.top=!0),b.isBound&&!n.bottom&&(g.push(s+l),n.bottom=!0),x.isBound&&!n.left&&(_.push(o),n.left=!0),S.isBound&&!n.right&&(_.push(o+c),n.right=!0)}),{boundMap:n,horizontal:g,vertical:_}}function solveEquation(e,t,n,r){var i=t[0]-e[0],a=t[1]-e[1];if(abs(i)<1e-7&&(i=0),abs(a)<1e-7&&(a=0),!i)return r?[0,0]:[0,n];if(!a)return r?[n,0]:[0,0];var o=a/i,s=e[1]-o*e[0];return r?[n,o*(t[0]+n)+s-t[1]]:[(t[1]+n-s)/o-t[0],n]}function solveNextOffset(e,t,n,r,i){var a=solveEquation(e,t,n,r);if(!a)return{isOutside:!1,offset:[0,0]};var o=getDist$2(e,t),s=getDist$2(a,e),c=getDist$2(a,t),l=s>o||c>o,u=__read$1(getDragDist({datas:i,distX:a[0],distY:a[1]}),2);return{offset:[u[0],u[1]],isOutside:l}}function getSnapBound(e,t){return e.isBound?e.offset:t.isSnap?getNearestSnapGuidelineInfo(t).offset:0}function checkThrottleDragRotate(e,t,n,r,i){var a=__read$1(t,2),o=a[0],s=a[1],c=__read$1(n,2),l=c[0],u=c[1],d=__read$1(r,2),f=d[0],p=d[1],m=__read$1(i,2),g=m[0],_=m[1],v=-g,y=-_;if(e&&o&&s){v=0,y=0;var b=[];if(l&&u?b.push([0,_],[g,0]):l?b.push([g,0]):u?b.push([0,_]):f&&p?b.push([0,_],[g,0]):f?b.push([g,0]):p&&b.push([0,_]),b.length){b.sort(function(e,t){return getDistSize(minus([o,s],e))-getDistSize(minus([o,s],t))});var x=b[0];if(x[0]&&abs(o)>1e-7)v=-x[0],y=s*abs(o+v)/abs(o)-s;else if(x[1]&&abs(s)>1e-7){var S=s;y=-x[1],v=o*abs(s+y)/abs(S)-o}if(e&&u&&l)if(abs(v)>1e-7&&abs(v)<abs(g)){var C=abs(g)/abs(v);v*=C,y*=C}else if(abs(y)>1e-7&&abs(y)<abs(_)){var C=abs(_)/abs(y);v*=C,y*=C}else v=maxOffset(-g,v),y=maxOffset(-_,y)}}else v=o||l?-g:0,y=s||u?-_:0;return[v,y]}function checkSnapBoundsDrag(e,t,n,r,i,a){if(!hasGuidelines(e,`draggable`))return[{isSnap:!1,isBound:!1,offset:0},{isSnap:!1,isBound:!1,offset:0}];var o=getAbsolutePoses(a.absolutePoses,[t,n]),s=getRect(o),c=s.left,l=s.right,u=s.top,d=s.bottom,f={horizontal:o.map(function(e){return e[1]}),vertical:o.map(function(e){return e[0]})},p=checkMoveableSnapBounds(e,i,splitSnapDirectionPoses(getSnapDirections(e.props.snapDirections),{left:c,right:l,top:u,bottom:d,center:(c+l)/2,middle:(u+d)/2}),f),m=p.vertical,g=p.horizontal,_=getInnerBoundDragInfo(e,o,a),v=_.vertical,y=_.horizontal,b=m.isSnap,x=g.isSnap,S=m.isBound||v.isBound,C=g.isBound||y.isBound,w=maxOffset(m.offset,v.offset),T=maxOffset(g.offset,y.offset),E=__read$1(checkThrottleDragRotate(r,[t,n],[S,C],[b,x],[w,T]),2),D=E[0],O=E[1];return[{isBound:S,isSnap:b,offset:D},{isBound:C,isSnap:x,offset:O}]}function checkMoveableSnapBounds(e,t,n,r){r===void 0&&(r=n);var i=checkBoundPoses(getBounds(e),r.vertical,r.horizontal),a=i.horizontal,o=i.vertical,s=t?{horizontal:{isSnap:!1,index:-1},vertical:{isSnap:!1,index:-1}}:checkMoveableSnapPoses(e,n.vertical,n.horizontal,void 0,void 0,void 0,void 0),c=s.horizontal,l=s.vertical,u=getSnapBound(a[0],c),d=getSnapBound(o[0],l),f=abs(u),p=abs(d);return{horizontal:{isBound:a[0].isBound,isSnap:c.isSnap,snapIndex:c.index,offset:u,dist:f,bounds:a,snap:c},vertical:{isBound:o[0].isBound,isSnap:l.isSnap,snapIndex:l.index,offset:d,dist:p,bounds:o,snap:l}}}function checkSnapBounds(e,t,n,r,i,a,o){o===void 0&&(o=[1,1]);var s=checkBoundPoses(t,n,r),c=s.horizontal,l=s.vertical,u=checkSnapPoses(e,n,r,[],[],i,a,o),d=u.horizontal,f=u.vertical,p=getSnapBound(c[0],d),m=getSnapBound(l[0],f),g=abs(p),_=abs(m);return{horizontal:{isBound:c[0].isBound,isSnap:d.isSnap,snapIndex:d.index,offset:p,dist:g,bounds:c,snap:d},vertical:{isBound:l[0].isBound,isSnap:f.isSnap,snapIndex:f.index,offset:m,dist:_,bounds:l,snap:f}}}function checkSnapRightLine(e,t,n,r){var i=getRad$1(e,t)/Math.PI*180,a=n.vertical,o=a.isBound,s=a.isSnap,c=a.dist,l=n.horizontal,u=l.isBound,d=l.isSnap,f=l.dist,p=i%180,m=p<3||p>177,g=p>87&&p<93;return f<c&&(o||s&&!g&&(!r||!m))?`vertical`:u||d&&!m&&(!r||!g)?`horizontal`:``}function getSnapBoundInfo(e,t,n,r,i,a){return n.map(function(n){var o=__read$1(n,2),s=o[0],c=o[1],l=getPosByDirection(t,s),u=getPosByDirection(t,c),d=r?checkSnapBoundsKeepRatio(e,l,u,i):checkMoveableSnapBounds(e,i,{vertical:[u[0]],horizontal:[u[1]]}),f=d.horizontal,p=f.offset,m=f.isBound,g=f.isSnap,_=d.vertical,v=_.offset,y=_.isBound,b=_.isSnap,x=minus(c,s);if(!v&&!p)return{isBound:y||m,isSnap:b||g,sign:x,offset:[0,0]};var S=checkSnapRightLine(l,u,d,r);if(!S)return{sign:x,isBound:!1,isSnap:!1,offset:[0,0]};var C=S===`vertical`,w=[0,0];return w=!r&&abs(c[0])===1&&abs(c[1])===1&&s[0]!==c[0]&&s[1]!==c[1]?getDragDist({datas:a,distX:-v,distY:-p}):solveNextOffset(l,u,-(C?v:p),C,a).offset,w=w.map(function(e,t){return e*(x[t]?2/x[t]:0)}),{sign:x,isBound:C?y:m,isSnap:C?b:g,offset:w}})}function getSnapBoundOffset(e,t){return e.isBound?e.offset:t.isSnap?t.offset:0}function checkSnapBoundsKeepRatio(e,t,n,r){var i=checkBoundKeepRatio(e,t,n),a=i.horizontal,o=i.vertical,s=r?{horizontal:{isSnap:!1},vertical:{isSnap:!1}}:checkSnapKeepRatio(e,t,n),c=s.horizontal,l=s.vertical,u=getSnapBoundOffset(a,c),d=getSnapBoundOffset(o,l),f=abs(u),p=abs(d);return{horizontal:{isBound:a.isBound,isSnap:c.isSnap,offset:u,dist:f},vertical:{isBound:o.isBound,isSnap:l.isSnap,offset:d,dist:p}}}function checkMaxBounds(e,t,n,r,i){var a=[-n[0],-n[1]],o=e.state,s=o.width,c=o.height,l=e.props.bounds,u=1/0,d=1/0;if(l){var f=[[n[0],-n[1]],[-n[0],n[1]]],p=l.left,m=p===void 0?-1/0:p,g=l.top,_=g===void 0?-1/0:g,v=l.right,y=v===void 0?1/0:v,b=l.bottom,x=b===void 0?1/0:b;f.forEach(function(e){var n=e[0]!==a[0],o=e[1]!==a[1],l=getPosByDirection(t,e),f=getRad$1(r,l)*360/Math.PI;if(o){var p=l.slice();(abs(f-360)<2||abs(f-180)<2)&&(p[1]=r[1]);var g=solveNextOffset(r,p,(r[1]<l[1]?x:_)-l[1],!1,i),v=__read$1(g.offset,2)[1],b=g.isOutside;isNaN(v)||(d=c+(b?1:-1)*abs(v))}if(n){var p=l.slice();(abs(f-90)<2||abs(f-270)<2)&&(p[0]=r[0]);var S=solveNextOffset(r,p,(r[0]<l[0]?y:m)-l[0],!0,i),C=__read$1(S.offset,1)[0],w=S.isOutside;isNaN(C)||(u=s+(w?1:-1)*abs(C))}})}return{maxWidth:u,maxHeight:d}}var Draggable={name:`draggable`,props:[`draggable`,`throttleDrag`,`throttleDragRotate`,`hideThrottleDragRotateLine`,`startDragRotate`,`edgeDraggable`],events:[`dragStart`,`drag`,`dragEnd`,`dragGroupStart`,`dragGroup`,`dragGroupEnd`],requestStyle:function(){return[`left`,`top`,`right`,`bottom`]},requestChildStyle:function(){return[`left`,`top`,`right`,`bottom`]},render:function(e,t){var n=e.props,r=n.hideThrottleDragRotateLine,i=n.throttleDragRotate,a=n.zoom,o=e.getState(),s=o.dragInfo,c=o.beforeOrigin;if(r||!i||!s)return[];var l=s.dist;if(!l[0]&&!l[1])return[];var u=getDistSize(l),d=getRad$1(l,[0,0]);return[t.createElement(`div`,{className:prefix$1(`line`,`horizontal`,`dragline`,`dashed`),key:`dragRotateGuideline`,style:{width:`${u}px`,transform:`translate(${c[0]}px, ${c[1]}px) rotate(${d}rad) scaleY(${a})`}})]},dragStart:function(e,t){var n=t.datas,r=t.parentEvent,i=t.parentGesto,a=e.state,o=a.gestos,s=a.style;if(o.draggable)return!1;o.draggable=i||e.targetGesto,n.datas={},n.left=parseFloat(s.left||``)||0,n.top=parseFloat(s.top||``)||0,n.bottom=parseFloat(s.bottom||``)||0,n.right=parseFloat(s.right||``)||0,n.startValue=[0,0],setDragStart(e,t),setDefaultTransformIndex(e,t,`translate`),startCheckSnapDrag(e,n),n.prevDist=[0,0],n.prevBeforeDist=[0,0],n.isDrag=!1,n.deltaOffset=[0,0];var c=fillParams(e,t,__assign$6({set:function(e){n.startValue=e}},fillTransformStartEvent(e,t)));return(r||triggerEvent(e,`onDragStart`,c))===!1?(o.draggable=null,n.isPinch=!1):(n.isDrag=!0,e.state.dragInfo={startRect:e.getRect(),dist:[0,0]}),n.isDrag?c:!1},drag:function(e,t){if(t){resolveTransformEvent(e,t,`translate`);var n=t.datas,r=t.parentEvent,i=t.parentFlag,a=t.isPinch,o=t.deltaOffset,s=t.useSnap,c=t.isRequest,l=t.isGroup,u=t.parentThrottleDrag,d=t.distX,f=t.distY,p=n.isDrag,m=n.prevDist,g=n.prevBeforeDist,_=n.startValue;if(p){o&&(d+=o[0],f+=o[1]);var v=e.props,y=v.parentMoveable,b=l?0:v.throttleDrag||u||0,x=r?0:v.throttleDragRotate||0,S=0,C=!1,w=!1,T=!1,E=!1;if(!r&&x>0&&(d||f)){var D=v.startDragRotate||0,O=throttle(D+getRad$1([0,0],[d,f])*180/Math.PI,x)-D,k=f*Math.abs(Math.cos((O-90)/180*Math.PI)),A=getDistSize([d*Math.abs(Math.cos(O/180*Math.PI)),k]);S=O*Math.PI/180,d=A*Math.cos(S),f=A*Math.sin(S)}if(!a&&!r&&!i){var j=__read$1(checkSnapBoundsDrag(e,d,f,x,!s&&c||o,n),2),M=j[0],N=j[1];C=M.isSnap,w=M.isBound,T=N.isSnap,E=N.isBound;var P=M.offset,F=N.offset;d+=P,f+=F}var I=plus(getBeforeDragDist({datas:n,distX:d,distY:f}),_),L=plus(getTransformDist({datas:n,distX:d,distY:f}),_);throttleArray(L,TINY_NUM),throttleArray(I,TINY_NUM),x||(!C&&!w&&(L[0]=throttle(L[0],b),I[0]=throttle(I[0],b)),!T&&!E&&(L[1]=throttle(L[1],b),I[1]=throttle(I[1],b)));var R=minus(I,_),z=minus(L,_),B=minus(z,m),V=minus(R,g);n.prevDist=z,n.prevBeforeDist=R,n.passDelta=B,n.passDist=z;var H=n.left+R[0],U=n.top+R[1],W=n.right-R[0],G=n.bottom-R[1],K=convertTransformFormat(n,`translate(${L[0]}px, ${L[1]}px)`,`translate(${z[0]}px, ${z[1]}px)`);if(fillOriginalTransform(t,K),e.state.dragInfo.dist=r?[0,0]:z,!(!r&&!y&&B.every(function(e){return!e})&&V.some(function(e){return!e}))){var q=e.state,J=q.width,ee=q.height,Y=fillParams(e,t,__assign$6({transform:K,dist:z,delta:B,translate:L,beforeDist:R,beforeDelta:V,beforeTranslate:I,left:H,top:U,right:W,bottom:G,width:J,height:ee,isPinch:a},fillCSSObject({transform:K},t)));return!r&&triggerEvent(e,`onDrag`,Y),Y}}}},dragAfter:function(e,t){var n=t.datas,r=n.deltaOffset;return r[0]||r[1]?(n.deltaOffset=[0,0],this.drag(e,__assign$6(__assign$6({},t),{deltaOffset:r}))):!1},dragEnd:function(e,t){var n=t.parentEvent,r=t.datas;if(e.state.dragInfo=null,r.isDrag){r.isDrag=!1;var i=fillEndParams(e,t,{});return!n&&triggerEvent(e,`onDragEnd`,i),i}},dragGroupStart:function(e,t){var n,r,i=t.datas,a=t.clientX,o=t.clientY,s=this.dragStart(e,t);if(!s)return!1;var c=triggerChildGesto(e,this,`dragStart`,[a||0,o||0],t,!1,`draggable`),l=c.childEvents,u=c.eventParams;i.isDrag=triggerEvent(e,`onDragGroupStart`,__assign$6(__assign$6({},s),{targets:e.props.targets,events:u}))!==!1;var d=l[0]?.datas.startValue??[0,0];return i.throttleOffset=[d[0]%1,d[1]%1],i.isDrag?s:!1},dragGroup:function(e,t){if(t.datas.isDrag){var n=this.drag(e,__assign$6(__assign$6({},t),{parentThrottleDrag:e.props.throttleDrag})),r=t.datas.passDelta,i=triggerChildGesto(e,this,`drag`,r,t,!1,`draggable`).eventParams;if(n){var a=__assign$6({targets:e.props.targets,events:i},n);return triggerEvent(e,`onDragGroup`,a),a}}},dragGroupEnd:function(e,t){var n=t.isDrag;if(t.datas.isDrag){this.dragEnd(e,t);var r=triggerChildGesto(e,this,`dragEnd`,[0,0],t,!1,`draggable`).eventParams;return triggerEvent(e,`onDragGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=e.getRect(),r=0,i=0,a=!1;return{isControl:!1,requestStart:function(e){return a=e.useSnap,{datas:t,useSnap:a}},request:function(e){return`x`in e?r=e.x-n.left:`deltaX`in e&&(r+=e.deltaX),`y`in e?i=e.y-n.top:`deltaY`in e&&(i+=e.deltaY),{datas:t,distX:r,distY:i,useSnap:a}},requestEnd:function(){return{datas:t,isDrag:!0,useSnap:a}}}},unset:function(e){e.state.gestos.draggable=null,e.state.dragInfo=null}};function getFixedDirectionInfo(e,t){return{fixedPosition:getPosByDirection(e,t),fixedDirection:t,fixedOffset:[0,0]}}function getOffsetFixedDirectionInfo(e,t){var n=e.allMatrix,r=e.is3d,i=e.width,a=e.height,o=r?4:3;return{fixedPosition:calculatePosition(n,[i/2*(1+t[0]),a/2*(1+t[1])],o),fixedDirection:t,fixedOffset:[0,0]}}function getOffsetFixedPositionInfo(e,t){var n=e.allMatrix,r=e.is3d,i=e.width,a=e.height,o=r?4:3,s=getDirectionByPos(t,i,a);return{fixedPosition:calculatePosition(n,t,o),fixedDirection:s,fixedOffset:[i?0:t[0],a?0:t[1]]}}var directionCondition$2=getDirectionCondition(`resizable`),Resizable={name:`resizable`,ableGroup:`size`,canPinch:!0,props:[`resizable`,`throttleResize`,`renderDirections`,`displayAroundControls`,`keepRatio`,`resizeFormat`,`keepRatioFinally`,`edge`,`checkResizableError`],events:[`resizeStart`,`beforeResize`,`resize`,`resizeEnd`,`resizeGroupStart`,`beforeResizeGroup`,`resizeGroup`,`resizeGroupEnd`],render:getRenderDirections(`resizable`),dragControlCondition:directionCondition$2,viewClassName:getDirectionViewClassName(`resizable`),dragControlStart:function(e,t){var n,r=t.inputEvent,i=t.isPinch,a=t.isGroup,o=t.parentDirection,s=t.parentGesto,c=t.datas,l=t.parentFixedDirection,u=t.parentEvent,d=getTotalDirection(o,i,r,c),f=e.state,p=f.target,m=f.width,g=f.height,_=f.gestos;if(!d||!p||_.resizable)return!1;_.resizable=s||e.controlGesto,!i&&setDragStart(e,t),c.datas={},c.direction=d,c.startOffsetWidth=m,c.startOffsetHeight=g,c.prevWidth=0,c.prevHeight=0,c.minSize=[0,0],c.startWidth=f.inlineCSSWidth||f.cssWidth,c.startHeight=f.inlineCSSHeight||f.cssHeight,c.maxSize=[1/0,1/0],a||(c.minSize=[f.minOffsetWidth,f.minOffsetHeight],c.maxSize=[f.maxOffsetWidth,f.maxOffsetHeight]);var v=e.props.transformOrigin||`% %`;c.transformOrigin=v&&isString(v)?v.split(` `):v,c.startOffsetMatrix=f.offsetMatrix,c.startTransformOrigin=f.transformOrigin,c.isWidth=t?.parentIsWidth??(!d[0]&&!d[1]||d[0]||!d[1]);function y(e){c.ratio=e&&isFinite(e)?e:0}c.startPositions=getAbsolutePosesByState(e.state);function b(e){var t=getFixedDirectionInfo(c.startPositions,e);c.fixedDirection=t.fixedDirection,c.fixedPosition=t.fixedPosition,c.fixedOffset=t.fixedOffset}function x(t){var n=getOffsetFixedPositionInfo(e.state,t);c.fixedDirection=n.fixedDirection,c.fixedPosition=n.fixedPosition,c.fixedOffset=n.fixedOffset}function S(e){c.minSize=[convertUnitSize(`${e[0]}`,0)||0,convertUnitSize(`${e[1]}`,0)||0]}function C(e){var t=[e[0]||1/0,e[1]||1/0];(!isNumber(t[0])||isFinite(t[0]))&&(t[0]=convertUnitSize(`${t[0]}`,0)||1/0),(!isNumber(t[1])||isFinite(t[1]))&&(t[1]=convertUnitSize(`${t[1]}`,0)||1/0),c.maxSize=t}y(m/g),b(l||[-d[0],-d[1]]),c.setFixedDirection=b,c.setFixedPosition=x,c.setMin=S,c.setMax=C;var w=fillParams(e,t,{direction:d,startRatio:c.ratio,set:function(e){var t=__read$1(e,2),n=t[0],r=t[1];c.startWidth=n,c.startHeight=r},setMin:S,setMax:C,setRatio:y,setFixedDirection:b,setFixedPosition:x,setOrigin:function(e){c.transformOrigin=e},dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))}),T=u||triggerEvent(e,`onResizeStart`,w);return c.startFixedDirection=c.fixedDirection,c.startFixedPosition=c.fixedPosition,T!==!1&&(c.isResize=!0,e.state.snapRenderInfo={request:t.isRequest,direction:d}),c.isResize?w:!1},dragControl:function(e,t){var n,r=t.datas,i=t.parentFlag,a=t.isPinch,o=t.parentKeepRatio,s=t.dragClient,c=t.parentDist,l=t.useSnap,u=t.isRequest,d=t.isGroup,f=t.parentEvent,p=t.resolveMatrix,m=r.isResize,g=r.transformOrigin,_=r.startWidth,v=r.startHeight,y=r.prevWidth,b=r.prevHeight,x=r.minSize,S=r.maxSize,C=r.ratio,w=r.startOffsetWidth,T=r.startOffsetHeight,E=r.isWidth;if(!m)return;if(p){var D=e.state.is3d,O=r.startOffsetMatrix,k=r.startTransformOrigin,A=D?4:3,j=parseMat(getNextTransforms(t)),M=Math.sqrt(j.length);A!==M&&(j=convertDimension(j,M,A));var N=getNextMatrix(O,j,k,A);r.startPositions=calculatePoses(N,w,T,A),r.nextTargetMatrix=j,r.nextAllMatrix=N}var P=getProps(e.props,`resizable`),F=P.resizeFormat,I=P.throttleResize,L=I===void 0?i?0:1:I,R=P.parentMoveable,z=P.keepRatioFinally,B=r.direction,V=B,H=0,U=0;!B[0]&&!B[1]&&(V=[1,1]);var W=C&&(o??P.keepRatio)||!1;function G(){var e=r.fixedDirection,n=getOffsetSizeDist(V,W,r,t);H=n.distWidth,U=n.distHeight;var i=V[0]-e[0]||W?Math.max(w+H,TINY_NUM):w,a=V[1]-e[1]||W?Math.max(T+U,TINY_NUM):T;return W&&w&&T&&(E?a=i/C:i=a*C),[i,a]}var K=__read$1(G(),2),q=K[0],J=K[1];f||(r.setFixedDirection(r.fixedDirection),triggerEvent(e,`onBeforeResize`,fillParams(e,t,{startFixedDirection:r.startFixedDirection,startFixedPosition:r.startFixedPosition,setFixedDirection:function(e){var t;return r.setFixedDirection(e),t=__read$1(G(),2),q=t[0],J=t[1],[q,J]},setFixedPosition:function(e){var t;return r.setFixedPosition(e),t=__read$1(G(),2),q=t[0],J=t[1],[q,J]},boundingWidth:q,boundingHeight:J,setSize:function(e){var t=__read$1(e,2);q=t[0],J=t[1]}},!0)));var ee=s;s||(ee=!i&&a?getAbsolutePosition$1(e,[0,0]):r.fixedPosition);var Y=[0,0];a||(Y=checkSnapResize(e,q,J,B,ee,!l&&u,r)),c&&(!c[0]&&(Y[0]=0),!c[1]&&(Y[1]=0));function te(){var e;F&&(e=__read$1(F([q,J]),2),q=e[0],J=e[1]),q=throttle(q,L),J=throttle(J,L)}if(W){V[0]&&V[1]&&Y[0]&&Y[1]&&(abs(Y[0])>abs(Y[1])?Y[1]=0:Y[0]=0);var X=!Y[0]&&!Y[1];X&&te(),V[0]&&!V[1]||Y[0]&&!Y[1]||X&&E?(q+=Y[0],J=q/C):(!V[0]&&V[1]||!Y[0]&&Y[1]||X&&!E)&&(J+=Y[1],q=J*C)}else q+=Y[0],J+=Y[1],q=Math.max(0,q),J=Math.max(0,J);n=__read$1(calculateBoundSize([q,J],x,S,W?C:!1),2),q=n[0],J=n[1],te(),W&&(d||z)&&(E?J=q/C:q=J*C),H=q-w,U=J-T;var ne=[H-y,U-b];r.prevWidth=H,r.prevHeight=U;var re=getResizeDist(e,q,J,ee,g,r);if(!(!R&&ne.every(function(e){return!e})&&re.every(function(e){return!e}))){var Z=Draggable.drag(e,setCustomDrag(t,e.state,re,!!a,!1,`draggable`)),Q=Z.transform,ie=_+H,ae=v+U,oe=fillParams(e,t,__assign$6({width:ie,height:ae,offsetWidth:Math.round(q),offsetHeight:Math.round(J),startRatio:C,boundingWidth:q,boundingHeight:J,direction:B,dist:[H,U],delta:ne,isPinch:!!a,drag:Z},fillAfterTransform({style:{width:`${ie}px`,height:`${ae}px`},transform:Q},Z,t)));return!f&&triggerEvent(e,`onResize`,oe),oe}},dragControlAfter:function(e,t){var n=t.datas,r=n.isResize,i=n.startOffsetWidth,a=n.startOffsetHeight,o=n.prevWidth,s=n.prevHeight;if(!(!r||e.props.checkResizableError===!1)){var c=e.state,l=c.width,u=c.height,d=l-(i+o),f=u-(a+s),p=abs(d)>3,m=abs(f)>3;if(p&&(n.startWidth+=d,n.startOffsetWidth+=d,n.prevWidth+=d),m&&(n.startHeight+=f,n.startOffsetHeight+=f,n.prevHeight+=f),p||m)return this.dragControl(e,t)}},dragControlEnd:function(e,t){var n=t.datas,r=t.parentEvent;if(n.isResize){n.isResize=!1;var i=fillEndParams(e,t,{});return!r&&triggerEvent(e,`onResizeEnd`,i),i}},dragGroupControlCondition:directionCondition$2,dragGroupControlStart:function(e,t){var n=t.datas,r=this.dragControlStart(e,__assign$6(__assign$6({},t),{isGroup:!0}));if(!r)return!1;var i=fillChildEvents(e,`resizable`,t),a=n.startOffsetWidth,o=n.startOffsetHeight;function s(){var e=n.minSize;i.forEach(function(t){var n=t.datas,r=n.minSize,i=n.startOffsetWidth,s=n.startOffsetHeight,c=a*(i?r[0]/i:0),l=o*(s?r[1]/s:0);e[0]=Math.max(e[0],c),e[1]=Math.max(e[1],l)})}function c(){var e=n.maxSize;i.forEach(function(t){var n=t.datas,r=n.maxSize,i=n.startOffsetWidth,s=n.startOffsetHeight,c=a*(i?r[0]/i:0),l=o*(s?r[1]/s:0);e[0]=Math.min(e[0],c),e[1]=Math.min(e[1],l)})}var l=triggerChildAbles(e,this,`dragControlStart`,t,function(t,r){return startChildDist(e,t,n,r)});s(),c();var u=function(t){r.setFixedDirection(t),l.forEach(function(r,a){r.setFixedDirection(t),startChildDist(e,r.moveable,n,i[a])})};return n.setFixedDirection=u,n.isResize=triggerEvent(e,`onResizeGroupStart`,__assign$6(__assign$6({},r),{targets:e.props.targets,events:l.map(function(e){return __assign$6(__assign$6({},e),{setMin:function(t){e.setMin(t),s()},setMax:function(t){e.setMax(t),c()}})}),setFixedDirection:u,setMin:function(e){r.setMin(e),s()},setMax:function(e){r.setMax(e),c()}}))!==!1,n.isResize?r:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isResize){var r=getProps(e.props,`resizable`);catchEvent(e,`onBeforeResize`,function(n){triggerEvent(e,`onBeforeResizeGroup`,fillParams(e,t,__assign$6(__assign$6({},n),{targets:r.targets}),!0))});var i=this.dragControl(e,__assign$6(__assign$6({},t),{isGroup:!0}));if(i){var a=i.boundingWidth,o=i.boundingHeight,s=i.dist,c=r.keepRatio,l=[a/(a-s[0]),o/(o-s[1])],u=n.fixedPosition,d=triggerChildAbles(e,this,`dragControl`,t,function(t,n){var r=__read$1(calculate(createRotateMatrix(e.rotation/180*Math.PI,3),[n.datas.originalX*l[0],n.datas.originalY*l[1],1],3),2),i=r[0],a=r[1];return __assign$6(__assign$6({},n),{parentDist:null,parentScale:l,dragClient:plus(u,[i,a]),parentKeepRatio:c})}),f=__assign$6({targets:r.targets,events:d},i);return triggerEvent(e,`onResizeGroup`,f),f}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isResize){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onResizeGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=0,r=0,i=!1,a=e.getRect();return{isControl:!0,requestStart:function(e){var n;return i=e.useSnap,{datas:t,parentDirection:e.direction||[1,1],parentIsWidth:e?.horizontal??!0,useSnap:i}},request:function(e){return`offsetWidth`in e?n=e.offsetWidth-a.offsetWidth:`deltaWidth`in e&&(n+=e.deltaWidth),`offsetHeight`in e?r=e.offsetHeight-a.offsetHeight:`deltaHeight`in e&&(r+=e.deltaHeight),{datas:t,parentDist:[n,r],parentKeepRatio:e.keepRatio,useSnap:i}},requestEnd:function(){return{datas:t,isDrag:!0,useSnap:i}}}},unset:function(e){e.state.gestos.resizable=null}};function setRotateStartInfo(e,t,n,r,i){var a=e.props.groupable,o=e.state,s=o.is3d?4:3,c=t.origin,l=calculatePosition(e.state.rootMatrix,minus([c[0],c[1]],a?[0,0]:[o.left,o.top]),s),u=plus([i.left,i.top],l);t.startAbsoluteOrigin=u,t.prevDeg=getRad$1(u,[n,r])/Math.PI*180,t.defaultDeg=t.prevDeg,t.prevSnapDeg=0,t.loop=0,t.startDist=getDist$2(u,[n,r])}function getAbsoluteDist(e,t,n){var r=n.defaultDeg,i=n.prevDeg,a=i%360,o=Math.floor(i/360);a<0&&(a+=360),a>e&&a>270&&e<90?++o:a<e&&a<90&&e>270&&--o;var s=t*(o*360+e-r);return n.prevDeg=r+s,s}function getAbsoluteDistByClient(e,t,n,r){return getAbsoluteDist(getRad$1(r.startAbsoluteOrigin,[e,t])/Math.PI*180,n,r)}function getRotateInfo(e,t,n,r,i,a){var o=e.props.throttleRotate,s=o===void 0?0:o,c=n.prevSnapDeg,l=0,u=!1;if(a){var d=checkSnapRotate(e,t,r,i+r);u=d.isSnap,l=i+d.dist}u||(l=throttle(i+r,s));var f=l-i;return n.prevSnapDeg=f,[f-c,f,l]}function getRotationPositions(e,t,n){var r=__read$1(t,4),i=r[0],a=r[1],o=r[2],s=r[3];if(e===`none`)return[];if(isArray$1(e))return e.map(function(e){return getRotationPositions(e,[i,a,o,s],n)[0]});var c=__read$1((e||`top`).split(`-`),2),l=c[0],u=c[1],d=[i,a];l===`left`?d=[o,i]:l===`right`?d=[a,s]:l===`bottom`&&(d=[s,o]);var f=[(d[0][0]+d[1][0])/2,(d[0][1]+d[1][1])/2],p=getRotationRad(d,n);if(u){var m=u===`top`||u===`left`,g=l===`bottom`||l===`left`;f=d[m&&!g||!m&&g?0:1]}return[[f,p]]}function dragControlCondition(e,t){if(t.isRequest)return t.requestAble===`rotatable`;var n=t.inputEvent.target;if(hasClass(n,prefix$1(`rotation-control`))||e.props.rotateAroundControls&&hasClass(n,prefix$1(`around-control`))||hasClass(n,prefix$1(`control`))&&hasClass(n,prefix$1(`rotatable`)))return!0;var r=e.props.rotationTarget;return r?getRefTargets(r,!0).some(function(e){return e?n===e||n.contains(e):!1}):!1}var Rotatable={name:`rotatable`,canPinch:!0,props:[`rotatable`,`rotationPosition`,`throttleRotate`,`renderDirections`,`rotationTarget`,`rotateAroundControls`,`edge`,`resolveAblesWithRotatable`,`displayAroundControls`],events:[`rotateStart`,`beforeRotate`,`rotate`,`rotateEnd`,`rotateGroupStart`,`beforeRotateGroup`,`rotateGroup`,`rotateGroupEnd`],css:[`.rotation {
|
||
position: absolute;
|
||
height: 40px;
|
||
width: 1px;
|
||
transform-origin: 50% 100%;
|
||
height: calc(40px * var(--zoom));
|
||
top: auto;
|
||
left: 0;
|
||
bottom: 100%;
|
||
will-change: transform;
|
||
}
|
||
.rotation .rotation-line {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
transform-origin: 50% 50%;
|
||
}
|
||
.rotation .rotation-control {
|
||
border-color: #4af;
|
||
border-color: var(--moveable-color);
|
||
background:#fff;
|
||
cursor: alias;
|
||
}
|
||
:global .view-rotation-dragging, .rotatable.direction.control {
|
||
cursor: alias;
|
||
}
|
||
.rotatable.direction.control.move {
|
||
cursor: move;
|
||
}
|
||
`],viewClassName:function(e){return e.isDragging(`rotatable`)?prefix$1(`view-rotation-dragging`):``},render:function(e,t){var n=getProps(e.props,`rotatable`),r=n.rotatable,i=n.rotationPosition,a=n.zoom,o=n.renderDirections,s=n.rotateAroundControls,c=n.resolveAblesWithRotatable,l=e.getState(),u=l.renderPoses,d=l.direction;if(!r)return null;var f=getRotationPositions(i,u,d),p=[];if(f.forEach(function(e,n){var r=__read$1(e,2),i=r[0],o=r[1];p.push(t.createElement(`div`,{key:`rotation${n}`,className:prefix$1(`rotation`),style:{transform:`translate(-50%) translate(${i[0]}px, ${i[1]}px) rotate(${o}rad)`}},t.createElement(`div`,{className:prefix$1(`line rotation-line`),style:{transform:`scaleX(${a})`}}),t.createElement(`div`,{className:prefix$1(`control rotation-control`),style:{transform:`translate(0.5px) scale(${a})`}})))}),o){var m=getKeys(c||{}),g={};m.forEach(function(e){c[e].forEach(function(t){g[t]=e})});var _=[];isArray$1(o)&&(_=o.map(function(e){var t=g[e];return{data:t?{resolve:t}:{},classNames:t?[`move`]:[],dir:e}})),p.push.apply(p,__spreadArray$3([],__read$1(renderDirectionControlsByInfos(e,`rotatable`,_,t)),!1))}return s&&p.push.apply(p,__spreadArray$3([],__read$1(renderAroundControls(e,t)),!1)),p},dragControlCondition,dragControlStart:function(e,t){var n,r,i=t.datas,a=t.clientX,o=t.clientY,s=t.parentRotate,c=t.parentFlag,l=t.isPinch,u=t.isRequest,d=e.state,f=d.target,p=d.left,m=d.top,g=d.direction,_=d.beforeDirection,v=d.targetTransform,y=d.moveableClientRect,b=d.offsetMatrix,x=d.targetMatrix,S=d.allMatrix,C=d.width,w=d.height;if(!u&&!f)return!1;var T=e.getRect();i.rect=T,i.transform=v,i.left=p,i.top=m;var E=function(t){var n=getOffsetFixedPositionInfo(e.state,t);i.fixedDirection=n.fixedDirection,i.fixedOffset=n.fixedOffset,i.fixedPosition=n.fixedPosition,I&&I.setFixedPosition(t)},D=function(t){var n=getOffsetFixedDirectionInfo(e.state,t);i.fixedDirection=n.fixedDirection,i.fixedOffset=n.fixedOffset,i.fixedPosition=n.fixedPosition,I&&I.setFixedDirection(t)},O=a,k=o;if(u||l||c){var A=s||0;i.beforeInfo={origin:T.beforeOrigin,prevDeg:A,defaultDeg:A,prevSnapDeg:0,startDist:0},i.afterInfo=__assign$6(__assign$6({},i.beforeInfo),{origin:T.origin}),i.absoluteInfo=__assign$6(__assign$6({},i.beforeInfo),{origin:T.origin,startValue:A})}else{var j=t.inputEvent?.target;if(j){var M=DIRECTION_REGION_TO_DIRECTION[j.getAttribute(`data-direction`)||``];if(M){i.isControl=!0,i.isAroundControl=hasClass(j,prefix$1(`around-control`)),i.controlDirection=M;var N=j.getAttribute(`data-resolve`);N&&(i.resolveAble=N),n=__read$1(getPosByDirection(calculateMoveableClientPositions(d.rootMatrix,d.renderPoses,y),M),2),O=n[0],k=n[1]}}i.beforeInfo={origin:T.beforeOrigin},i.afterInfo={origin:T.origin},i.absoluteInfo={origin:T.origin,startValue:T.rotation};var P=E;E=function(t){var n=d.is3d?4:3,r=__read$1(plus(getOrigin(x,n),t),2),a=r[0],o=r[1],s=calculate(b,convertPositionMatrix([a,o],n)),c=calculate(S,convertPositionMatrix([t[0],t[1]],n));P(t);var l=d.posDelta;i.beforeInfo.origin=minus(s,l),i.afterInfo.origin=minus(c,l),i.absoluteInfo.origin=minus(c,l),setRotateStartInfo(e,i.beforeInfo,O,k,y),setRotateStartInfo(e,i.afterInfo,O,k,y),setRotateStartInfo(e,i.absoluteInfo,O,k,y)},D=function(e){var t=getPosByDirection([[0,0],[C,0],[0,w],[C,w]],e);E(t)}}i.startClientX=O,i.startClientY=k,i.direction=g,i.beforeDirection=_,i.startValue=0,i.datas={},setDefaultTransformIndex(e,t,`rotate`);var F=!1,I=!1;i.isControl&&i.resolveAble&&i.resolveAble===`resizable`&&(I=Resizable.dragControlStart(e,__assign$6(__assign$6({},new CustomGesto(`resizable`).dragStart([0,0],t)),{parentPosition:i.controlPosition,parentFixedPosition:i.fixedPosition}))),I||(F=Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))),E(getTotalOrigin(e));var L=fillParams(e,t,__assign$6(__assign$6({set:function(e){i.startValue=e*Math.PI/180},setFixedDirection:D,setFixedPosition:E},fillTransformStartEvent(e,t)),{dragStart:F,resizeStart:I}));return i.isRotate=triggerEvent(e,`onRotateStart`,L)!==!1,d.snapRenderInfo={request:t.isRequest},i.isRotate?L:!1},dragControl:function(e,t){var n,r,i,a=t.datas,o=t.clientDistX,s=t.clientDistY,c=t.parentRotate,l=t.parentFlag,u=t.isPinch,d=t.groupDelta,f=t.resolveMatrix,p=a.beforeDirection,m=a.beforeInfo,g=a.afterInfo,_=a.absoluteInfo,v=a.isRotate,y=a.startValue,b=a.rect,x=a.startClientX,S=a.startClientY;if(v){resolveTransformEvent(e,t,`rotate`);var C=p*getTransformDirection(t),w=e.props.parentMoveable,T=0,E,D,O=0,k,A,j=0,M,N,P=180/Math.PI*y,F=_.startValue,I=!1,L=x+o,R=S+s;if(!l&&`parentDist`in t){var z=t.parentDist;E=z,k=z,M=z}else u||l?(E=getAbsoluteDist(c,p,m),k=getAbsoluteDist(c,C,g),M=getAbsoluteDist(c,C,_)):(E=getAbsoluteDistByClient(L,R,p,m),k=getAbsoluteDistByClient(L,R,C,g),M=getAbsoluteDistByClient(L,R,C,_),I=!0);if(D=P+E,A=P+k,N=F+M,triggerEvent(e,`onBeforeRotate`,fillParams(e,t,{beforeRotation:D,rotation:A,absoluteRotation:N,setRotation:function(e){k=e-P,E=k,M=k}},!0)),n=__read$1(getRotateInfo(e,b,m,E,P,I),3),T=n[0],E=n[1],D=n[2],r=__read$1(getRotateInfo(e,b,g,k,P,I),3),O=r[0],k=r[1],A=r[2],i=__read$1(getRotateInfo(e,b,_,M,F,I),3),j=i[0],M=i[1],N=i[2],!(!j&&!O&&!T&&!w&&!f)){var B=convertTransformFormat(a,`rotate(${A}deg)`,`rotate(${k}deg)`);f&&(a.fixedPosition=getTranslateFixedPosition(e,a.targetAllTransform,a.fixedDirection,a.fixedOffset,a));var V=getRotateDist(e,k,a),H=minus(plus(d||[0,0],V),a.prevInverseDist||[0,0]);a.prevInverseDist=V,a.requestValue=null;var U=fillTransformEvent(e,B,H,u,t),W=U,G=getDist$2([L,R],_.startAbsoluteOrigin)-_.startDist,K=void 0;if(a.resolveAble===`resizable`){var q=Resizable.dragControl(e,__assign$6(__assign$6({},setCustomDrag(t,e.state,[t.deltaX,t.deltaY],!!u,!1,`resizable`)),{resolveMatrix:!0,parentDistance:G}));q&&(K=q,W=fillAfterTransform(W,q,t))}var J=fillParams(e,t,__assign$6(__assign$6({delta:O,dist:k,rotate:A,rotation:A,beforeDist:E,beforeDelta:T,beforeRotate:D,beforeRotation:D,absoluteDist:M,absoluteDelta:j,absoluteRotate:N,absoluteRotation:N,isPinch:!!u,resize:K},U),W));return triggerEvent(e,`onRotate`,J),J}}},dragControlEnd:function(e,t){var n=t.datas;if(n.isRotate){n.isRotate=!1;var r=fillEndParams(e,t,{});return triggerEvent(e,`onRotateEnd`,r),r}},dragGroupControlCondition:dragControlCondition,dragGroupControlStart:function(e,t){var n=t.datas,r=e.state,i=r.left,a=r.top,o=r.beforeOrigin,s=this.dragControlStart(e,t);if(!s)return!1;s.set(n.beforeDirection*e.rotation);var c=triggerChildAbles(e,this,`dragControlStart`,t,function(e,t){var n=e.state,r=n.left,s=n.top,c=n.beforeOrigin,l=plus(minus([r,s],[i,a]),minus(c,o));return t.datas.startGroupClient=l,t.datas.groupClient=l,__assign$6(__assign$6({},t),{parentRotate:0})});return n.isRotate=triggerEvent(e,`onRotateGroupStart`,__assign$6(__assign$6({},s),{targets:e.props.targets,events:c}))!==!1,n.isRotate?s:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isRotate){catchEvent(e,`onBeforeRotate`,function(n){triggerEvent(e,`onBeforeRotateGroup`,fillParams(e,t,__assign$6(__assign$6({},n),{targets:e.props.targets}),!0))});var r=this.dragControl(e,t);if(r){var i=n.beforeDirection,a=r.beforeDist,o=a/180*Math.PI,s=triggerChildAbles(e,this,`dragControl`,t,function(e,t){var n=t.datas.startGroupClient,r=__read$1(t.datas.groupClient,2),s=r[0],c=r[1],l=__read$1(rotate(n,o*i),2),u=l[0],d=l[1],f=[u-s,d-c];return t.datas.groupClient=[u,d],__assign$6(__assign$6({},t),{parentRotate:a,groupDelta:f})});e.rotation=i*r.beforeRotation;var c=__assign$6({targets:e.props.targets,events:s,set:function(t){e.rotation=t},setGroupRotation:function(t){e.rotation=t}},r);return triggerEvent(e,`onRotateGroup`,c),c}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isRotate){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onRotateGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(e){var t={},n=0,r=e.getRotation();return{isControl:!0,requestStart:function(){return{datas:t}},request:function(e){return`deltaRotate`in e?n+=e.deltaRotate:`rotate`in e&&(n=e.rotate-r),{datas:t,parentDist:n}},requestEnd:function(){return{datas:t,isDrag:!0}}}}};function renderGuideline(e,t){var n,r=e.direction,i=e.classNames,a=e.size,o=e.pos,s=e.zoom,c=e.key,l=r===`horizontal`,u=l?`Y`:`X`;return t.createElement(`div`,{key:c,className:i.join(` `),style:(n={},n[l?`width`:`height`]=`${a}`,n.transform=`translate(${o[0]}, ${o[1]}) translate${u}(-50%) scale${u}(${s})`,n)})}function renderInnerGuideline(e,t){return renderGuideline(__assign$6(__assign$6({},e),{classNames:__spreadArray$3([prefix$1(`line`,`guideline`,e.direction)],__read$1(e.classNames),!1).filter(function(e){return e}),size:e.size||`${e.sizeValue}px`,pos:e.pos||e.posValue.map(function(e){return`${throttle(e,.1)}px`})}),t)}function renderSnapPoses(e,t,n,r,i,a,o,s){var c=e.props.zoom;return n.map(function(e,n){var l=e.type,u=e.pos,d=[0,0];return d[o]=r,d[o?0:1]=-i+u,renderInnerGuideline({key:`${t}TargetGuideline${n}`,classNames:[prefix$1(`target`,`bold`,l)],posValue:d,sizeValue:a,zoom:c,direction:t},s)})}function renderGuidelines(e,t,n,r,i,a){var o=e.props,s=o.zoom,c=o.isDisplayInnerSnapDigit,l=t===`horizontal`?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,u=i[l.start],d=i[l.end];return n.filter(function(e){var t=e.hide,n=e.elementRect;if(t)return!1;if(c&&n){var r=n.rect;if(r[l.start]<=u&&d<=r[l.end])return!1}return!0}).map(function(e,n){var i=e.pos,o=e.size,c=e.element,l=e.className,u=[-r[0]+i[0],-r[1]+i[1]];return renderInnerGuideline({key:`${t}-default-guideline-${n}`,classNames:c?[prefix$1(`bold`),l]:[prefix$1(`normal`),l],direction:t,posValue:u,sizeValue:o,zoom:s},a)})}function renderDigitLine(e,t,n,r,i,a,o,s){var c,l=e.props,u=l.snapDigit,d=u===void 0?0:u,f=l.isDisplaySnapDigit,p=f===void 0?!0:f,m=l.snapDistFormat,g=m===void 0?function(e,t){return e}:m,_=l.zoom,v=t===`horizontal`?`X`:`Y`,y=t===`vertical`?`height`:`width`,b=Math.abs(i),x=p?parseFloat(b.toFixed(d)):0;return s.createElement(`div`,{key:`${t}-${n}-guideline-${r}`,className:prefix$1(`guideline-group`,t),style:(c={left:`${a[0]}px`,top:`${a[1]}px`},c[y]=`${b}px`,c)},renderInnerGuideline({direction:t,classNames:[prefix$1(n),o],size:`100%`,posValue:[0,0],sizeValue:b,zoom:_},s),s.createElement(`div`,{className:prefix$1(`size-value`,`gap`),style:{transform:`translate${v}(-50%) scale(${_})`}},x>0?g(x,t):``))}function groupByElementGuidelines(e,t,n,r){var i=e===`vertical`?0:1,a=e===`vertical`?1:0,o=i?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,s=n[o.start],c=n[o.end];return groupBy(t,function(e){return e.pos[i]}).map(function(t){var n=[],l=[];return t.forEach(function(t){var u,d,f=t.element,p=t.elementRect.rect;if(p[o.end]<s)n.push(t);else if(c<p[o.start])l.push(t);else if(p[o.start]<=s&&c<=p[o.end]&&r){var m=t.pos,g={element:f,rect:__assign$6(__assign$6({},p),(u={},u[o.end]=p[o.start],u))},_={element:f,rect:__assign$6(__assign$6({},p),(d={},d[o.start]=p[o.end],d))},v=[0,0],y=[0,0];v[i]=m[i],v[a]=m[a],y[i]=m[i],y[a]=m[a]+t.size,n.push({type:e,pos:v,size:0,elementRect:g,direction:``,elementDirection:`end`}),l.push({type:e,pos:y,size:0,elementRect:_,direction:``,elementDirection:`start`})}}),n.sort(function(e,t){return t.pos[a]-e.pos[a]}),l.sort(function(e,t){return e.pos[a]-t.pos[a]}),{total:t,start:n,end:l,inner:[]}})}function renderDashedGuidelines(e,t,n,r,i){var a=e.props.isDisplayInnerSnapDigit,o=[];return[`vertical`,`horizontal`].forEach(function(s){var c=t.filter(function(e){return e.type===s}),l=s===`vertical`?1:0,u=l?0:1,d=groupByElementGuidelines(s,c,r,a),f=l?HORIZONTAL_NAMES_MAP:VERTICAL_NAMES_MAP,p=l?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,m=r[f.start],g=r[f.end];d.forEach(function(t){var a=t.total,c=t.start,d=t.end,_=t.inner,v=n[u]+a[0].pos[u]-r[p.start],y=r;c.forEach(function(t){var r=t.elementRect.rect,a=y[f.start]-r[f.end];if(a>0){var c=[0,0];c[l]=n[l]+y[f.start]-m-a,c[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,c,t.className,i))}y=r}),y=r,d.forEach(function(t){var r=t.elementRect.rect,a=r[f.start]-y[f.end];if(a>0){var c=[0,0];c[l]=n[l]+y[f.end]-m,c[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,c,t.className,i))}y=r}),_.forEach(function(t){var r=t.elementRect.rect,a=m-r[f.start],c=r[f.end]-g,d=[0,0],p=[0,0];d[l]=n[l]-a,d[u]=v,p[l]=n[l]+g-m,p[u]=v,o.push(renderDigitLine(e,s,`dashed`,o.length,a,d,t.className,i)),o.push(renderDigitLine(e,s,`dashed`,o.length,c,p,t.className,i))})})}),o}function renderGapGuidelines(e,t,n,r,i){var a=[];return[`horizontal`,`vertical`].forEach(function(o){var s=t.filter(function(e){return e.type===o}).slice(0,1),c=o===`vertical`?0:1,l=c?0:1,u=c?HORIZONTAL_NAMES_MAP:VERTICAL_NAMES_MAP,d=c?VERTICAL_NAMES_MAP:HORIZONTAL_NAMES_MAP,f=r[u.start],p=r[u.end],m=r[d.start],g=r[d.end];s.forEach(function(t){var r=t.gap,o=t.gapRects,s=Math.max.apply(Math,__spreadArray$3([m],__read$1(o.map(function(e){return e.rect[d.start]})),!1)),_=Math.min.apply(Math,__spreadArray$3([g],__read$1(o.map(function(e){return e.rect[d.end]})),!1)),v=(s+_)/2;s===_||v===(m+g)/2||o.forEach(function(t){var o=t.rect,s=t.className,d=[n[0],n[1]];if(o[u.end]<f)d[c]+=o[u.end]-f;else if(p<o[u.start])d[c]+=o[u.start]-f-r;else return;d[l]+=v-m,a.push(renderDigitLine(e,c?`vertical`:`horizontal`,`gap`,a.length,r,d,s,i))})})}),a}function getTotalGuidelines(e){var t,n,r=e.state,i=r.containerClientRect,a=r.hasFixed,o=i.overflow,s=i.scrollHeight,c=i.scrollWidth,l=i.clientHeight,u=i.clientWidth,d=i.clientLeft,f=i.clientTop,p=e.props,m=p.snapGap,g=m===void 0?!0:m,_=p.verticalGuidelines,v=p.horizontalGuidelines,y=p.snapThreshold,b=y===void 0?5:y,x=p.maxSnapElementGuidelineDistance,S=x===void 0?1/0:x,C=p.isDisplayGridGuidelines,w=getRect(getAbsolutePosesByState(e.state)),T=w.top,E=w.left,D=w.bottom,O=w.right,k={top:T,left:E,bottom:D,right:O,center:(E+O)/2,middle:(T+D)/2},A=__spreadArray$3([],__read$1(getElementGuidelines(e)),!1),j=(r.snapThresholdInfo?.multiples??[1,1]).map(function(e){return e*b});g&&A.push.apply(A,__spreadArray$3([],__read$1(getGapGuidelines(e,k,j)),!1));var M=__assign$6({},r.snapOffset||{left:0,top:0,bottom:0,right:0});if(A.push.apply(A,__spreadArray$3([],__read$1(getGridGuidelines(e,o?c:u,o?s:l,d,f,M,C)),!1)),a){var N=i.left,P=i.top;M.left+=N,M.top+=P,M.right+=N,M.bottom+=P}return A.push.apply(A,__spreadArray$3([],__read$1(getDefaultGuidelines(v||!1,_||!1,o?c:u,o?s:l,d,f,M)),!1)),A=A.filter(function(e){var t=e.element,n=e.elementRect,r=e.type;if(!t||!n)return!0;var i=n.rect;return checkBetweenRects(k,i,r,S)}),A}function getGapGuidelines(e,t,n){var r=e.props,i=r.maxSnapElementGuidelineDistance,a=i===void 0?1/0:i,o=r.maxSnapElementGapDistance,s=o===void 0?1/0:o,c=e.state.elementRects,l=[];return[[`vertical`,VERTICAL_NAMES_MAP,HORIZONTAL_NAMES_MAP],[`horizontal`,HORIZONTAL_NAMES_MAP,VERTICAL_NAMES_MAP]].forEach(function(e){var r=__read$1(e,3),i=r[0],o=r[1],u=r[2],d=t[o.start],f=t[o.end],p=t[o.center],m=t[u.start],g=t[u.end],_={left:n[0],top:n[1]};function v(e){var t=e.rect,n=_[o.start];return t[o.end]<d+n?d-t[o.end]:f-n<t[o.start]?t[o.start]-f:-1}var y=c.filter(function(e){var t=e.rect;return t[u.start]>g||t[u.end]<m?!1:v(e)>0}).sort(function(e,t){return v(e)-v(t)}),b=[];y.forEach(function(e){y.forEach(function(t){if(e!==t){var n=e.rect,r=t.rect,i=n[u.start],a=n[u.end],o=r[u.start];i>r[u.end]||o>a||b.push([e,t])}})}),b.forEach(function(e){var n=__read$1(e,2),r=n[0],c=n[1],u=r.rect,m=c.rect,g=u[o.start],v=u[o.end],y=m[o.start],b=m[o.end],x=_[o.start],S=0,C=0,w=!1,T=!1,E=!1;if(v<=d&&f<=y){if(T=!0,S=(y-v-(f-d))/2,C=v+S+(f-d)/2,abs(C-p)>x)return}else if(v<y&&b<d+x){if(w=!0,S=y-v,C=b+S,abs(C-d)>x)return}else if(v<y&&f-x<g){if(E=!0,S=y-v,C=g-S,abs(C-f)>x)return}else return;S&&checkBetweenRects(t,m,i,a)&&(S>s||l.push({type:i,pos:i===`vertical`?[C,0]:[0,C],element:c.element,size:0,className:c.className,isStart:w,isCenter:T,isEnd:E,gap:S,hide:!0,gapRects:[r,c],direction:``,elementDirection:``}))})}),l}function startGridGroupGuidelines(e,t,n,r){var i,a,o=e.props,s=e.state,c=o.snapGridAll,l=o.snapGridWidth,u=l===void 0?0:l,d=o.snapGridHeight,f=d===void 0?0:d,p=s.snapRenderInfo,m=p&&(p.direction?.[0]||p.direction?.[1]),g=e.moveables;if(c&&g&&m&&(u||f)){if(s.snapThresholdInfo)return;s.snapThresholdInfo={multiples:[1,1],offset:[0,0]};var _=e.getRect(),v=_.children,y=p.direction;if(v){var b=y.map(function(e,i){var a=i===0?{snapSize:u,posName:`left`,sizeName:`width`,clientOffset:r.left-t}:{snapSize:f,posName:`top`,sizeName:`height`,clientOffset:r.top-n},o=a.snapSize,s=a.posName,c=a.sizeName,l=a.clientOffset;if(!o)return{dir:e,multiple:1,snapSize:o,snapOffset:0};var d=_[c],p=_[s],m=flat$2(v.map(function(e){return[e[s]-p,e[c],d-e[c]-e[s]+p]})).filter(function(e){return e}).sort(function(e,t){return e-t}),g=m[0],y=m.map(function(e){return throttle(e/g,.1)*o}),b=1,x=throttle(d/g,.1);for(b=1;b<=10&&!y.every(function(e){return e*b%1==0});++b);var S=(-e+1)/2,C=dot$1(p-l,p-l+d,S,1-S);return{multiple:x*b,dir:e,snapSize:o,snapOffset:Math.round(C/o)}}),x=b.map(function(e){return e.multiple||1});s.snapThresholdInfo.multiples=x,s.snapThresholdInfo.offset=b.map(function(e){return e.snapOffset}),b.forEach(function(e,t){e.snapSize})}}else s.snapThresholdInfo=null}function getGridGuidelines(e,t,n,r,i,a,o){r===void 0&&(r=0),i===void 0&&(i=0);var s=e.props,c=e.state,l=s.snapGridWidth,u=l===void 0?0:l,d=s.snapGridHeight,f=d===void 0?0:d,p=[],m=a.left,g=a.top,_=[0,0];startGridGroupGuidelines(e,r,i,a);var v=c.snapThresholdInfo,y=u,b=f;if(v&&(u*=v.multiples[0]||1,f*=v.multiples[1]||1,_=v.offset),f){for(var x=function(e){p.push({type:`horizontal`,pos:[m,throttle(_[1]*b+e-i+g,.1)],className:prefix$1(`grid-guideline`),size:t,hide:!o,direction:``,grid:!0})},S=0;S<=n*2;S+=f)x(S);for(var S=-f;S>=-n;S-=f)x(S)}if(u){for(var x=function(e){p.push({type:`vertical`,pos:[throttle(_[0]*y+e-r+m,.1),g],className:prefix$1(`grid-guideline`),size:n,hide:!o,direction:``,grid:!0})},S=0;S<=t*2;S+=u)x(S);for(var S=-u;S>=-t;S-=u)x(S)}return p}function checkBetweenRects(e,t,n,r){return n===`horizontal`?abs(e.right-t.left)<=r||abs(e.left-t.right)<=r||e.left<=t.right&&t.left<=e.right:n===`vertical`?abs(e.bottom-t.top)<=r||abs(e.top-t.bottom)<=r||e.top<=t.bottom&&t.top<=e.bottom:!0}function getElementGuidelines(e){var t=e.state,n=e.props.elementGuidelines,r=n===void 0?[]:n;if(!r.length)return t.elementRects=[],[];var i=(t.elementRects||[]).filter(function(e){return!e.refresh}),a=r.map(function(e){return isObject$2(e)&&`element`in e?__assign$6(__assign$6({},e),{element:getRefTarget(e.element,!0)}):{element:getRefTarget(e,!0)}}).filter(function(e){return e.element}),o=diff(i.map(function(e){return e.element}),a.map(function(e){return e.element})),s=o.maintained,c=o.added,l=[];s.forEach(function(e){var t=__read$1(e,2),n=t[0],r=t[1];l[r]=i[n]}),getSnapElementRects(e,c.map(function(e){return a[e]})).map(function(e,t){l[c[t]]=e}),t.elementRects=l;var u=getSnapDirections(e.props.elementSnapDirections),d=[];return l.forEach(function(e){var t=e.element,n=e.top,r=n===void 0?u.top:n,i=e.left,a=i===void 0?u.left:i,o=e.right,s=o===void 0?u.right:o,c=e.bottom,l=c===void 0?u.bottom:c,f=e.center,p=f===void 0?u.center:f,m=e.middle,g=m===void 0?u.middle:m,_=e.className,v=e.rect,y=splitSnapDirectionPoses({top:r,right:s,left:a,bottom:l,center:p,middle:g},v),b=y.horizontal,x=y.vertical,S=y.horizontalNames,C=y.verticalNames,w=v.top,T=v.left,E=v.right-T,D=v.bottom-w,O=[E,D];x.forEach(function(n,r){d.push({type:`vertical`,element:t,pos:[throttle(n,.1),w],size:D,sizes:O,className:_,elementRect:e,elementDirection:SNAP_SKIP_NAMES_MAP[C[r]]||C[r],direction:``})}),b.forEach(function(n,r){d.push({type:`horizontal`,element:t,pos:[T,throttle(n,.1)],size:E,sizes:O,className:_,elementRect:e,elementDirection:SNAP_SKIP_NAMES_MAP[S[r]]||S[r],direction:``})})}),d}function getObjectGuidelines(e,t){return e?e.map(function(e){var n=isObject$2(e)?e:{pos:e},r=n.pos;return isNumber(r)?n:__assign$6(__assign$6({},n),{pos:convertUnitSize(r,t)})}):[]}function getDefaultGuidelines(e,t,n,r,i,a,o){i===void 0&&(i=0),a===void 0&&(a=0),o===void 0&&(o={left:0,top:0,right:0,bottom:0});var s=[],c=o.left,l=o.top,u=o.bottom,d=n+o.right-c,f=r+u-l;return getObjectGuidelines(e,f).forEach(function(e){s.push({type:`horizontal`,pos:[c,throttle(e.pos-a+l,.1)],size:d,className:e.className,direction:``})}),getObjectGuidelines(t,d).forEach(function(e){s.push({type:`vertical`,pos:[throttle(e.pos-i+c,.1),l],size:f,className:e.className,direction:``})}),s}function getSnapElementRects(e,t){if(!t.length)return[];var n=e.props.groupable,r=e.state,i=r.containerClientRect,a=r.rootMatrix,o=r.is3d,s=r.offsetDelta,c=o?4:3,l=__read$1(calculateContainerPos(a,i,c),2),u=l[0],d=l[1],f=n?0:s[0],p=n?0:s[1];return t.map(function(e){var t=e.element.getBoundingClientRect(),n=t.left-u-f,r=t.top-d-p,i=r+t.height,o=n+t.width,s=__read$1(calculateInversePosition(a,[n,r],c),2),l=s[0],m=s[1],g=__read$1(calculateInversePosition(a,[o,i],c),2),_=g[0],v=g[1];return __assign$6(__assign$6({},e),{rect:{left:l,right:_,top:m,bottom:v,center:(l+_)/2,middle:(m+v)/2}})})}function checkSnapInfo(e){var t=e.state,n=t.container,r=e.props.snapContainer||n;if(t.snapContainer===r&&t.guidelines&&t.guidelines.length)return!1;var i=t.containerClientRect,a={left:0,top:0,bottom:0,right:0};if(n!==r){var o=getRefTarget(r,!0);if(o){var s=getClientRect(o),c=getDragDistByState(t,[s.left-i.left,s.top-i.top]),l=getDragDistByState(t,[s.right-i.right,s.bottom-i.bottom]);a.left=throttle(c[0],1e-5),a.top=throttle(c[1],1e-5),a.right=throttle(l[0],1e-5),a.bottom=throttle(l[1],1e-5)}}return t.snapContainer=r,t.snapOffset=a,t.guidelines=getTotalGuidelines(e),t.enableSnap=!0,!0}function getNextFixedPoses(e,t,n,r,i,a){var o=calculatePoses(e,t,n,a?4:3);return getAbsolutePoses(o,minus(i,getPosByDirection(o,r)))}function normalized(e){return e?e/abs(e):0}function getSizeOffsetInfo(e,t,n,r,i,a){var o=a.fixedDirection,s=getCheckSnapDirections(n,o,r),c=getCheckInnerBoundLineInfos(e,t,n,r),l=__spreadArray$3(__spreadArray$3([],__read$1(getSnapBoundInfo(e,t,s,r,i,a)),!1),__read$1(getInnerBoundInfo(e,c,a)),!1),u=getNearOffsetInfo(l,0),d=getNearOffsetInfo(l,1);return{width:{isBound:u.isBound,offset:u.offset[0]},height:{isBound:d.isBound,offset:d.offset[1]}}}function recheckSizeByTwoDirection(e,t,n,r,i,a,o,s,c){var l=getPosByDirection(t,o),u=checkMoveableSnapBounds(e,s,{vertical:[l[0]],horizontal:[l[1]]}),d=u.horizontal.offset,f=u.vertical.offset;if(throttle(f,FLOAT_POINT_NUM)||throttle(d,FLOAT_POINT_NUM)){var p=__read$1(getDragDist({datas:c,distX:-f,distY:-d}),2),m=p[0],g=p[1],_=Math.min(i||1/0,n+o[0]*m),v=Math.min(a||1/0,r+o[1]*g);return[_-n,v-r]}return[0,0]}function checkSizeDist(e,t,n,r,i,a,o,s){for(var c=getAbsolutePosesByState(e.state),l=e.props.keepRatio,u=0,d=0,f=0;f<2;++f){var p=getSizeOffsetInfo(e,t(u,d),i,l,o,s),m=p.width,g=p.height,_=m.isBound,v=g.isBound,y=m.offset,b=g.offset;if(f===1&&(_||(y=0),v||(b=0)),f===0&&o&&!_&&!v)return[0,0];if(l){var x=abs(y)*(n?1/n:1),S=abs(b)*(r?1/r:1);(_&&v?x<S:v||!_&&x<S)?y=n*b/r:b=r*y/n}u+=y,d+=b}if(!l&&i[0]&&i[1]){var C=checkMaxBounds(e,c,i,a,s),w=C.maxWidth,T=C.maxHeight,E=__read$1(recheckSizeByTwoDirection(e,t(u,d).map(function(e){return e.map(function(e){return throttle(e,FLOAT_POINT_NUM)})}),n+u,r+d,w,T,i,o,s),2),y=E[0],b=E[1];u+=y,d+=b}return[u,d]}function absDegree(e){return e<0&&(e=e%360+360),e%=360,e}function bumpDegree(e,t){t=absDegree(t);var n=Math.floor(e/360),r=n*360+360-t,i=n*360+t;return abs(e-r)<abs(e-i)?r:i}function getMinDegreeDistance(e,t){e=absDegree(e),t=absDegree(t);var n=absDegree(e-t);return Math.min(n,360-n)}function checkSnapRotate(e,t,n,r){var i,a=e.props,o=a[NAME_snapRotationThreshold]??5,s=a[NAME_snapRotationDegrees];if(hasGuidelines(e,`rotatable`)){var c=t.pos1,l=t.pos2,u=t.pos3,d=t.pos4,f=t.origin,p=n*Math.PI/180,m=[c,l,u,d].map(function(e){return minus(e,f)}),g=m.map(function(e){return rotate(e,p)}),_=__spreadArray$3(__spreadArray$3([],__read$1(checkRotateBounds(e,m,g,f,n)),!1),__read$1(checkRotateInnerBounds(e,m,g,f,n)),!1);_.sort(function(e,t){return abs(e-n)-abs(t-n)});var v=_.length>0;if(v)return{isSnap:v,dist:v?_[0]:n}}if(s?.length&&o){var y=s.slice().sort(function(e,t){return getMinDegreeDistance(e,r)-getMinDegreeDistance(t,r)})[0];if(getMinDegreeDistance(y,r)<=o)return{isSnap:!0,dist:n+bumpDegree(r,y)-r}}return{isSnap:!1,dist:n}}function checkSnapResize(e,t,n,r,i,a,o){if(!hasGuidelines(e,`resizable`))return[0,0];var s=o.fixedDirection,c=o.nextAllMatrix,l=e.state,u=l.allMatrix,d=l.is3d;return checkSizeDist(e,function(e,r){return getNextFixedPoses(c||u,t+e,n+r,s,i,d)},t,n,r,i,a,o)}function checkSnapScale(e,t,n,r,i){if(!hasGuidelines(e,`scalable`))return[0,0];var a=i.startOffsetWidth,o=i.startOffsetHeight,s=i.fixedPosition,c=i.fixedDirection,l=i.is3d,u=checkSizeDist(e,function(e,n){return getNextFixedPoses(scaleMatrix(i,plus(t,[e/a,n/o])),a,o,c,s,l)},a,o,n,s,r,i);return[u[0]/a,u[1]/o]}function startCheckSnapDrag(e,t){t.absolutePoses=getAbsolutePosesByState(e.state)}function getSnapGuidelines(e){var t=[];return e.forEach(function(e){e.guidelineInfos.forEach(function(n){var r=n.guideline;find$1(t,function(e){return e.guideline===r})||(r.direction=``,t.push({guideline:r,posInfo:e}))})}),t.map(function(e){var t=e.guideline,n=e.posInfo;return __assign$6(__assign$6({},t),{direction:n.direction})})}function addBoundGuidelines(e,t,n,r,i,a){var o=checkBoundPoses(getBounds(e,a),t,n),s=o.vertical,c=o.horizontal,l=getInitialBounds();s.forEach(function(e){e.isBound&&(e.direction===`start`&&(l.left=!0),e.direction===`end`&&(l.right=!0),r.push({type:`bounds`,pos:e.pos}))}),c.forEach(function(e){e.isBound&&(e.direction===`start`&&(l.top=!0),e.direction===`end`&&(l.bottom=!0),i.push({type:`bounds`,pos:e.pos}))});var u=checkInnerBoundPoses(e),d=u.boundMap,f=u.vertical,p=u.horizontal;return f.forEach(function(e){findIndex(r,function(t){var n=t.type,r=t.pos;return n===`bounds`&&r===e})>=0||r.push({type:`bounds`,pos:e})}),p.forEach(function(e){findIndex(i,function(t){var n=t.type,r=t.pos;return n===`bounds`&&r===e})>=0||i.push({type:`bounds`,pos:e})}),{boundMap:l,innerBoundMap:d}}var directionCondition$1=getDirectionCondition(``,[`resizable`,`scalable`]),Snappable={name:`snappable`,dragRelation:`strong`,props:[`snappable`,`snapContainer`,`snapDirections`,`elementSnapDirections`,`snapGap`,`snapGridWidth`,`snapGridHeight`,`isDisplaySnapDigit`,`isDisplayInnerSnapDigit`,`isDisplayGridGuidelines`,`snapDigit`,`snapThreshold`,`snapRenderThreshold`,`snapGridAll`,NAME_snapRotationThreshold,NAME_snapRotationDegrees,NAME_snapHorizontalThreshold,NAME_snapVerticalThreshold,`horizontalGuidelines`,`verticalGuidelines`,`elementGuidelines`,`bounds`,`innerBounds`,`snapDistFormat`,`maxSnapElementGuidelineDistance`,`maxSnapElementGapDistance`],events:[`snap`,`bound`],css:[`:host {
|
||
--bounds-color: #d66;
|
||
}
|
||
.guideline {
|
||
pointer-events: none;
|
||
z-index: 2;
|
||
}
|
||
.guideline.bounds {
|
||
background: #d66;
|
||
background: var(--bounds-color);
|
||
}
|
||
.guideline-group {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.guideline-group .size-value {
|
||
position: absolute;
|
||
color: #f55;
|
||
font-size: 12px;
|
||
font-size: calc(12px * var(--zoom));
|
||
font-weight: bold;
|
||
}
|
||
.guideline-group.horizontal .size-value {
|
||
transform-origin: 50% 100%;
|
||
transform: translateX(-50%);
|
||
left: 50%;
|
||
bottom: 5px;
|
||
bottom: calc(2px + 3px * var(--zoom));
|
||
}
|
||
.guideline-group.vertical .size-value {
|
||
transform-origin: 0% 50%;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
left: 5px;
|
||
left: calc(2px + 3px * var(--zoom));
|
||
}
|
||
.guideline.gap {
|
||
background: #f55;
|
||
}
|
||
.size-value.gap {
|
||
color: #f55;
|
||
}
|
||
`],render:function(e,t){var n=e.state,r=n.top,i=n.left,a=n.pos1,o=n.pos2,s=n.pos3,c=n.pos4,l=n.snapRenderInfo,u=e.props.snapRenderThreshold,d=u===void 0?1:u;if(!l||!l.render||!hasGuidelines(e,``))return watchValue(e,`boundMap`,getInitialBounds(),function(e){return JSON.stringify(e)}),watchValue(e,`innerBoundMap`,getInitialBounds(),function(e){return JSON.stringify(e)}),[];n.guidelines=getTotalGuidelines(e);var f=Math.min(a[0],o[0],s[0],c[0]),p=Math.min(a[1],o[1],s[1],c[1]),m=l.externalPoses||[],g=getAbsolutePosesByState(e.state),_=[],v=[],y=[],b=[],x=[],S=getRect(g),C=S.width,w=S.height,T=S.top,E=S.left,D=S.bottom,O=S.right,k={left:E,right:O,top:T,bottom:D,center:(E+O)/2,middle:(T+D)/2},A=m.length>0,j=A?getRect(m):{};if(!l.request){if(l.direction&&x.push(getSnapInfosByDirection(e,g,l.direction,d,d)),l.snap){var M=getRect(g);l.center&&(M.middle=(M.top+M.bottom)/2,M.center=(M.left+M.right)/2),x.push(checkSnaps(e,M,d,d))}A&&(l.center&&(j.middle=(j.top+j.bottom)/2,j.center=(j.left+j.right)/2),x.push(checkSnaps(e,j,d,d))),x.forEach(function(e){var t=e.vertical.posInfos,n=e.horizontal.posInfos;_.push.apply(_,__spreadArray$3([],__read$1(t.filter(function(e){return e.guidelineInfos.some(function(e){return!e.guideline.hide})}).map(function(e){return{type:`snap`,pos:e.pos}})),!1)),v.push.apply(v,__spreadArray$3([],__read$1(n.filter(function(e){return e.guidelineInfos.some(function(e){return!e.guideline.hide})}).map(function(e){return{type:`snap`,pos:e.pos}})),!1)),y.push.apply(y,__spreadArray$3([],__read$1(getSnapGuidelines(t)),!1)),b.push.apply(b,__spreadArray$3([],__read$1(getSnapGuidelines(n)),!1))})}var N=addBoundGuidelines(e,[E,O],[T,D],_,v),P=N.boundMap,F=N.innerBoundMap;A&&addBoundGuidelines(e,[j.left,j.right],[j.top,j.bottom],_,v,l.externalBounds);var I=__spreadArray$3(__spreadArray$3([],__read$1(y),!1),__read$1(b),!1),L=I.filter(function(e){return e.element&&!e.gapRects}),R=I.filter(function(e){return e.gapRects}).sort(function(e,t){return e.gap-t.gap});triggerEvent(e,`onSnap`,{guidelines:I.filter(function(e){return!e.element}),elements:L,gaps:R},!0);var z=watchValue(e,`boundMap`,P,function(e){return JSON.stringify(e)},getInitialBounds()),B=watchValue(e,`innerBoundMap`,F,function(e){return JSON.stringify(e)},getInitialBounds());return(P===z||F===B)&&triggerEvent(e,`onBound`,{bounds:P,innerBounds:F},!0),__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3(__spreadArray$3([],__read$1(renderDashedGuidelines(e,L,[f,p],k,t)),!1),__read$1(renderGapGuidelines(e,R,[f,p],k,t)),!1),__read$1(renderGuidelines(e,`horizontal`,b,[i,r],k,t)),!1),__read$1(renderGuidelines(e,`vertical`,y,[i,r],k,t)),!1),__read$1(renderSnapPoses(e,`horizontal`,v,f,r,C,0,t)),!1),__read$1(renderSnapPoses(e,`vertical`,_,p,i,w,1,t)),!1)},dragStart:function(e,t){e.state.snapRenderInfo={request:t.isRequest,snap:!0,center:!0},checkSnapInfo(e)},drag:function(e){var t=e.state;checkSnapInfo(e)||(t.guidelines=getTotalGuidelines(e)),t.snapRenderInfo&&(t.snapRenderInfo.render=!0)},pinchStart:function(e){this.unset(e)},dragEnd:function(e){this.unset(e)},dragControlCondition:function(e,t){if(directionCondition$1(e,t)||dragControlCondition(e,t))return!0;if(!t.isRequest&&t.inputEvent)return hasClass(t.inputEvent.target,prefix$1(`snap-control`))},dragControlStart:function(e){e.state.snapRenderInfo=null,checkSnapInfo(e)},dragControl:function(e){this.drag(e)},dragControlEnd:function(e){this.unset(e)},dragGroupStart:function(e,t){this.dragStart(e,t)},dragGroup:function(e){this.drag(e)},dragGroupEnd:function(e){this.unset(e)},dragGroupControlStart:function(e){e.state.snapRenderInfo=null,checkSnapInfo(e)},dragGroupControl:function(e){this.drag(e)},dragGroupControlEnd:function(e){this.unset(e)},unset:function(e){var t=e.state;t.enableSnap=!1,t.guidelines=[],t.snapRenderInfo=null,t.elementRects=[]}};function multiply2(e,t){return[e[0]*t[0],e[1]*t[1]]}function prefix$1(){var e=[...arguments];return prefixNames.apply(void 0,__spreadArray$3([PREFIX$1],__read$1(e),!1))}function defaultSync(e){e()}function getTransformMatrix(e){return!e||e===`none`?[1,0,0,1,0,0]:isObject$2(e)?e:parseMat(e)}function getAbsoluteMatrix(e,t,n){return multiplies(t,createOriginMatrix(n,t),e,createOriginMatrix(n.map(function(e){return-e}),t))}function measureSVGSize(e,t,n){return t===`%`?getSVGViewBox(e.ownerSVGElement)[n?`width`:`height`]/100:1}function getBeforeTransformOrigin(e){return getTransformOrigin(getComputedStyle$1(e,`:before`)).map(function(t,n){var r=splitUnit(t),i=r.value,a=r.unit;return i*measureSVGSize(e,a,n===0)})}function getTransformOriginArray(e){return e?e.split(` `):[`0`,`0`]}function getTransformOrigin(e){return getTransformOriginArray(e.transformOrigin)}function getElementTransform(e){var t=getCachedStyle(e)(`transform`);if(t&&t!==`none`)return t;if(`transform`in e){var n=e.transform.baseVal;if(!n)return``;var r=n.length;if(!r)return``;for(var i=[],a=function(e){var t=n[e].matrix;i.push(`matrix(${[`a`,`b`,`c`,`d`,`e`,`f`].map(function(e){return t[e]}).join(`, `)})`)},o=0;o<r;++o)a(o);return i.join(` `)}return``}function getOffsetInfo(e,t,n,r,i){var a,o,s=getDocumentElement(e)||getDocumentBody(e),c=!1,l,u;if(!e||n)l=e;else{var d=e?.assignedSlot?.parentElement,f=e.parentElement;d?(c=!0,u=f,l=d):l=f}for(var p=!1,m=e===t||l===t,g=`relative`,_=1,v=parseFloat(i?.(`zoom`))||1,y=i?.(`position`);l&&l!==s;){t===l&&(m=!0);var b=getCachedStyle(l),x=l.tagName.toLowerCase(),S=getElementTransform(l),C=b(`willChange`),w=parseFloat(b(`zoom`))||1;if(g=b(`position`),r&&w!==1){_=w;break}if(!n&&r&&v!==1&&y&&y!==`absolute`||x===`svg`||x===`foreignobject`||g!==`static`||S&&S!==`none`||C===`transform`)break;var T=e?.assignedSlot?.parentNode,E=l.parentNode;T&&(c=!0,u=E);var D=E;if(D&&D.nodeType===11){l=D.host,p=!0,g=getCachedStyle(l)(`position`);break}l=D,g=`relative`}return{offsetZoom:_,hasSlot:c,parentSlotElement:u,isCustomElement:p,isStatic:g===`static`,isEnd:m||!l||l===s,offsetParent:l||s}}function getOffsetPosInfo(e,t){var n,r=e.tagName.toLowerCase(),i=e.offsetLeft,a=e.offsetTop,o=getCachedStyle(e),s=isUndefined$1(i),c=!s,l,u;return!c&&(r!==`svg`||e.ownerSVGElement)?(l=IS_WEBKIT605?getBeforeTransformOrigin(e):getTransformOriginArray(o(`transformOrigin`)).map(function(e){return parseFloat(e)}),u=l.slice(),c=!0,r===`svg`?(i=0,a=0):(n=__read$1(getSVGGraphicsOffset(e,l,e===t&&t.tagName.toLowerCase()===`g`),4),i=n[0],a=n[1],l[0]=n[2],l[1]=n[3])):(l=getTransformOriginArray(o(`transformOrigin`)).map(function(e){return parseFloat(e)}),u=l.slice()),{tagName:r,isSVG:s,hasOffset:c,offset:[i||0,a||0],origin:l,targetOrigin:u}}function getBodyOffset(e,t){var n=getCachedStyle(e),r=getCachedStyle(getDocumentBody(e)),i=r(`position`);if(!t&&(!i||i===`static`))return[0,0];var a=parseInt(r(`marginLeft`),10),o=parseInt(r(`marginTop`),10);return n(`position`)===`absolute`&&((n(`top`)!==`auto`||n(`bottom`)!==`auto`)&&(o=0),(n(`left`)!==`auto`||n(`right`)!==`auto`)&&(a=0)),[a,o]}function convert3DMatrixes(e){e.forEach(function(e){var t=e.matrix;t&&(e.matrix=convertDimension(t,3,4))})}function getPositionFixedInfo(e){for(var t=e.parentElement,n=!1,r=getDocumentBody(e);t;){var i=getComputedStyle$1(t).transform;if(i&&i!==`none`){n=!0;break}if(t===r)break;t=t.parentElement}return{fixedContainer:t||r,hasTransform:n}}function makeMatrixCSS(e,t){return t===void 0&&(t=e.length>9),`${t?`matrix3d`:`matrix`}(${convertMatrixtoCSS(e,!t).join(`,`)})`}function getSVGViewBox(e){var t=e.clientWidth,n=e.clientHeight;if(!e)return{x:0,y:0,width:0,height:0,clientWidth:t,clientHeight:n};var r=e.viewBox,i=r&&r.baseVal||{x:0,y:0,width:0,height:0};return{x:i.x,y:i.y,width:i.width||t,height:i.height||n,clientWidth:t,clientHeight:n}}function getSVGMatrix(e,t){var n,r=getSVGViewBox(e),i=r.width,a=r.height,o=r.clientWidth,s=r.clientHeight,c=o/i,l=s/a,u=e.preserveAspectRatio.baseVal,d=u.align,f=u.meetOrSlice,p=[0,0],m=[c,l],g=[0,0];if(d!==1){var _=(d-2)%3,v=Math.floor((d-2)/3);p[0]=i*_/2,p[1]=a*v/2;var y=f===2?Math.max(l,c):Math.min(c,l);m[0]=y,m[1]=y,g[0]=(o-i)/2*_,g[1]=(s-a)/2*v}var b=createScaleMatrix(m,t);return n=__read$1(g,2),b[t*(t-1)]=n[0],b[t*(t-1)+1]=n[1],getAbsoluteMatrix(b,t,p)}function getSVGGraphicsOffset(e,t,n){var r=e.tagName.toLowerCase();if(!e.getBBox||!n&&r===`g`)return[0,0,0,0];var i=getCachedStyle(e)(`transform-box`)===`fill-box`,a=e.getBBox(),o=getSVGViewBox(e.ownerSVGElement),s=a.x,c=a.y;r===`foreignobject`&&!s&&!c&&(s=parseFloat(e.getAttribute(`x`))||0,c=parseFloat(e.getAttribute(`y`))||0);var l=s-o.x,u=c-o.y;return[l,u,i?t[0]:t[0]-l,i?t[1]:t[1]-u]}function calculatePosition(e,t,n){return calculate(e,convertPositionMatrix(t,n),n)}function calculatePoses(e,t,n,r){return[[0,0],[t,0],[0,n],[t,n]].map(function(t){return calculatePosition(e,t,r)})}function getRect(e){var t=e.map(function(e){return e[0]}),n=e.map(function(e){return e[1]}),r=Math.min.apply(Math,__spreadArray$3([],__read$1(t),!1)),i=Math.min.apply(Math,__spreadArray$3([],__read$1(n),!1)),a=Math.max.apply(Math,__spreadArray$3([],__read$1(t),!1)),o=Math.max.apply(Math,__spreadArray$3([],__read$1(n),!1));return{left:r,top:i,right:a,bottom:o,width:a-r,height:o-i}}function calculateRect(e,t,n,r){return getRect(calculatePoses(e,t,n,r))}function getSVGOffset(e,t,n,r,i){var a,o=e.target,s=e.origin,c=t.matrix,l=getSize(o),u=l.offsetWidth,d=l.offsetHeight,f=n.getBoundingClientRect(),p=[0,0];n===getDocumentBody(n)&&(p=getBodyOffset(o,!0));for(var m=o.getBoundingClientRect(),g=m.left-f.left+n.scrollLeft-(n.clientLeft||0)+p[0],_=m.top-f.top+n.scrollTop-(n.clientTop||0)+p[1],v=m.width,y=m.height,b=multiplies(r,i,c),x=calculateRect(b,u,d,r),S=x.left,C=x.top,w=x.width,T=x.height,E=calculatePosition(b,s,r),D=minus(E,[S,C]),O=[g+D[0]*v/w,_+D[1]*y/T],k=[0,0],A=0;++A<10;){var j=invert(i,r);a=__read$1(minus(calculatePosition(j,O,r),calculatePosition(j,E,r)),2),k[0]=a[0],k[1]=a[1];var M=calculateRect(multiplies(r,i,createOriginMatrix(k,r),c),u,d,r),N=M.left,P=M.top,F=N-g,I=P-_;if(abs(F)<2&&abs(I)<2)break;O[0]-=F,O[1]-=I}return k.map(function(e){return Math.round(e)})}function calculateMoveableClientPositions(e,t,n){var r=e.length===16?4:3,i=t.map(function(t){return calculatePosition(e,t,r)}),a=n.left,o=n.top;return i.map(function(e){return[e[0]+a,e[1]+o]})}function getDistSize(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])}function getDiagonalSize(e,t){return getDistSize([t[0]-e[0],t[1]-e[1]])}function getLineStyle(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=getRad$1(e,t));var i=getDiagonalSize(e,t);return{transform:`translateY(-50%) translate(${e[0]}px, ${e[1]}px) rotate(${r}rad) scaleY(${n})`,width:`${i}px`}}function getControlTransform(e,t){var n=[...arguments].slice(2),r=n.length;return{transform:`translateZ(0px) translate(${n.reduce(function(e,t){return e+t[0]},0)/r}px, ${n.reduce(function(e,t){return e+t[1]},0)/r}px) rotate(${e}rad) scale(${t})`}}function getProps(e,t){var n=e[t];return isObject$2(n)?__assign$6(__assign$6({},e),n):e}function getSize(e){var t=e&&!isUndefined$1(e.offsetWidth),n=0,r=0,i=0,a=0,o=0,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=1/0,g=1/0,_=1/0,v=1/0,y=0,b=0,x=!1;if(e)if(!t&&e.ownerSVGElement){var S=e.getBBox();x=!0,n=S.width,r=S.height,o=n,s=r,c=n,l=r,i=n,a=r}else{var C=getCachedStyle(e),w=e.style,T=C(`boxSizing`)===`border-box`,E=parseFloat(C(`borderLeftWidth`))||0,D=parseFloat(C(`borderRightWidth`))||0,O=parseFloat(C(`borderTopWidth`))||0,k=parseFloat(C(`borderBottomWidth`))||0,A=parseFloat(C(`paddingLeft`))||0,j=parseFloat(C(`paddingRight`))||0,M=parseFloat(C(`paddingTop`))||0,N=parseFloat(C(`paddingBottom`))||0,P=A+j,F=M+N,I=E+D,L=O+k,R=P+I,z=F+L,B=C(`position`),V=0,H=0;if(`clientLeft`in e){var U=null;if(U=B===`absolute`?getOffsetInfo(e,getDocumentBody(e)).offsetParent:e.parentElement,U){var W=getCachedStyle(U);V=parseFloat(W(`width`)),H=parseFloat(W(`height`))}}u=Math.max(P,convertUnitSize(C(`minWidth`),V)||0),d=Math.max(F,convertUnitSize(C(`minHeight`),H)||0),m=convertUnitSize(C(`maxWidth`),V),g=convertUnitSize(C(`maxHeight`),H),isNaN(m)&&(m=1/0),isNaN(g)&&(g=1/0),y=convertUnitSize(w.width,0)||0,b=convertUnitSize(w.height,0)||0,o=parseFloat(C(`width`))||0,s=parseFloat(C(`height`))||0,c=abs(o-y)<1?between(u,y||o,m):o,l=abs(s-b)<1?between(d,b||s,g):s,n=c,r=l,i=c,a=l,T?(_=m,v=g,f=u,p=d,c=n-R,l=r-z):(_=m+R,v=g+z,f=u+R,p=d+z,n=c+R,r=l+z),i=c+P,a=l+F}return{svg:x,offsetWidth:n,offsetHeight:r,clientWidth:i,clientHeight:a,contentWidth:c,contentHeight:l,inlineCSSWidth:y,inlineCSSHeight:b,cssWidth:o,cssHeight:s,minWidth:u,minHeight:d,maxWidth:m,maxHeight:g,minOffsetWidth:f,minOffsetHeight:p,maxOffsetWidth:_,maxOffsetHeight:v}}function getRotationRad(e,t){return getRad$1(t>0?e[0]:e[1],t>0?e[1]:e[0])}function resetClientRect(){return{left:0,top:0,width:0,height:0,right:0,bottom:0,clientLeft:0,clientTop:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}}function getExtendsRect(e,t){var n=e===getDocumentBody(e)||e===getDocumentElement(e),r={clientLeft:e.clientLeft,clientTop:e.clientTop,clientWidth:e.clientWidth,clientHeight:e.clientHeight,scrollWidth:e.scrollWidth,scrollHeight:e.scrollHeight,overflow:!1};return n&&(r.clientHeight=Math.max(t.height,r.clientHeight),r.scrollHeight=Math.max(t.height,r.scrollHeight)),r.overflow=getCachedStyle(e)(`overflow`)!==`visible`,__assign$6(__assign$6({},t),r)}function getClientRectByPosition(e,t,n,r){var i=e.left,a=e.right,o=e.top,s=e.bottom,c=t.top,l=t.left,u={left:l+i,top:c+o,right:l+a,bottom:c+s,width:a-i,height:s-o};return n&&r?getExtendsRect(n,u):u}function getClientRect(e,t){var n=0,r=0,i=0,a=0;if(e){var o=e.getBoundingClientRect();n=o.left,r=o.top,i=o.width,a=o.height}var s={left:n,top:r,width:i,height:a,right:n+i,bottom:r+a};return e&&t?getExtendsRect(e,s):s}function getTotalOrigin(e){var t=e.props,n=t.groupable,r=t.svgOrigin,i=e.getState(),a=i.offsetWidth,o=i.offsetHeight,s=i.svg,c=i.transformOrigin;return!n&&s&&r?convertTransformOriginArray(r,a,o):c}function getTotalDirection(e,t,n,r){var i;if(e)i=e;else if(t)i=[0,0];else{var a=n.target;i=getDirection(a,r)}return i}function getDirection(e,t){if(e){var n=e.getAttribute(`data-rotation`)||``,r=e.getAttribute(`data-direction`);if(t.deg=n,r){var i=[0,0];return r.indexOf(`w`)>-1&&(i[0]=-1),r.indexOf(`e`)>-1&&(i[0]=1),r.indexOf(`n`)>-1&&(i[1]=-1),r.indexOf(`s`)>-1&&(i[1]=1),i}}}function getAbsolutePoses(e,t){return[plus(t,e[0]),plus(t,e[1]),plus(t,e[2]),plus(t,e[3])]}function getAbsolutePosesByState(e){var t=e.left,n=e.top,r=e.pos1,i=e.pos2,a=e.pos3,o=e.pos4;return getAbsolutePoses([r,i,a,o],[t,n])}function unsetAbles(e,t){e[t?`controlAbles`:`targetAbles`].forEach(function(t){t.unset&&t.unset(e)})}function unsetGesto(e,t){var n=t?`controlGesto`:`targetGesto`,r=e[n];r?.isIdle()===!1&&unsetAbles(e,t),r?.unset(),e[n]=null}function fillCSSObject(e,t){if(t){var n=getBeforeRenderableDatas(t);n.nextStyle=__assign$6(__assign$6({},n.nextStyle),e)}return{style:e,cssText:getKeys(e).map(function(t){return`${decamelize(t,`-`)}: ${e[t]};`}).join(``)}}function fillAfterTransform(e,t,n){var r=t.afterTransform||t.transform;return __assign$6(__assign$6({},fillCSSObject(__assign$6(__assign$6(__assign$6({},e.style),t.style),{transform:r}),n)),{afterTransform:r,transform:e.transform})}function fillParams(e,t,n,r){var i=t.datas;i.datas||(i.datas={});var a=__assign$6(__assign$6({},n),{target:e.state.target,clientX:t.clientX,clientY:t.clientY,inputEvent:t.inputEvent,currentTarget:e,moveable:e,datas:i.datas,isRequest:t.isRequest,isRequestChild:t.isRequestChild,isFirstDrag:!!t.isFirstDrag,isTrusted:t.isTrusted!==!1,stopAble:function(){i.isEventStart=!1},stopDrag:function(){var e;(e=t.stop)==null||e.call(t)}});return i.isStartEvent?r||(i.lastEvent=a):i.isStartEvent=!0,a}function fillEndParams(e,t,n){var r=t.datas,i=`isDrag`in n?n.isDrag:t.isDrag;return r.datas||(r.datas={}),__assign$6(__assign$6({isDrag:i},n),{moveable:e,target:e.state.target,clientX:t.clientX,clientY:t.clientY,inputEvent:t.inputEvent,currentTarget:e,lastEvent:r.lastEvent,isDouble:t.isDouble,datas:r.datas,isFirstDrag:!!t.isFirstDrag})}function catchEvent(e,t,n){e._emitter.on(t,n)}function triggerEvent(e,t,n,r,i){return e.triggerEvent(t,n,r,i)}function getComputedStyle$1(e,t){return getWindow(e).getComputedStyle(e,t)}function filterAbles(e,t,n){var r={},i={};return e.filter(function(e){var a=e.name;if(r[a]||!t.some(function(t){return e[t]}))return!1;if(!n&&e.ableGroup){if(i[e.ableGroup])return!1;i[e.ableGroup]=!0}return r[a]=!0,!0})}function equals(e,t){return e===t||e==null&&t==null}function selectValue(){for(var e=[...arguments],t=e.length-1,n=0;n<t;++n){var r=e[n];if(!isUndefined$1(r))return r}return e[t]}function groupBy(e,t){var n=[],r=[];return e.forEach(function(i,a){var o=t(i,a,e),s=r.indexOf(o),c=n[s]||[];s===-1&&(r.push(o),n.push(c)),c.push(i)}),n}function groupByMap(e,t){var n=[],r={};return e.forEach(function(i,a){var o=t(i,a,e),s=r[o];s||(s=[],r[o]=s,n.push(s)),s.push(i)}),n}function flat(e){return e.reduce(function(e,t){return e.concat(t)},[])}function maxOffset(){var e=[...arguments];return e.sort(function(e,t){return abs(t)-abs(e)}),e[0]}function calculateInversePosition(e,t,n){return calculate(invert(e,n),convertPositionMatrix(t,n),n)}function convertDragDist(e,t){var n,r=e.is3d,i=e.rootMatrix,a=r?4:3;return n=__read$1(calculateInversePosition(i,[t.distX,t.distY],a),2),t.distX=n[0],t.distY=n[1],t}function calculatePadding(e,t,n,r){if(!n[0]&&!n[1])return t;var i=calculatePosition(e,[normalized(n[0]||1),0],r),a=calculatePosition(e,[0,normalized(n[1]||1)],r);return plus(t,calculatePosition(e,[n[0]/getDistSize(i),n[1]/getDistSize(a)],r))}function convertCSSSize(e,t,n){return n?`${e/t*100}%`:`${e}px`}function getTinyDist(e){return abs(e)<=TINY_NUM?0:e}function getDirectionViewClassName(e){return function(t){if(!t.isDragging(e))return``;var n=getGestoData(t,e).deg;return n?prefix$1(`view-control-rotation${n}`):``}}function getDirectionCondition(e,t){return t===void 0&&(t=[e]),function(n,r){if(r.isRequest)return t.some(function(e){return r.requestAble===e})?r.parentDirection:!1;var i=r.inputEvent.target;return hasClass(i,prefix$1(`direction`))&&(!e||hasClass(i,prefix$1(e)))}}function convertTransformInfo(e,t,n){var r,i=parse(e,{"x%":function(e){return e/100*t.offsetWidth},"y%":function(e){return e/100*t.offsetHeight}}),a=e.slice(0,n<0?void 0:n),o=e.slice(0,n<0?void 0:n+1),s=e[n]||``,c=n<0?[]:e.slice(n),l=n<0?[]:e.slice(n+1),u=i.slice(0,n<0?void 0:n),d=i.slice(0,n<0?void 0:n+1),f=i[n]??parse([``])[0],p=n<0?[]:i.slice(n),m=n<0?[]:i.slice(n+1),g=f?[f]:[],_=toMat(u),v=toMat(d),y=toMat(p),b=toMat(m),x=multiply(_,y,4);return{transforms:e,beforeFunctionMatrix:_,beforeFunctionMatrix2:v,targetFunctionMatrix:toMat(g),afterFunctionMatrix:y,afterFunctionMatrix2:b,allFunctionMatrix:x,beforeFunctions:u,beforeFunctions2:d,targetFunction:g[0],afterFunctions:p,afterFunctions2:m,beforeFunctionTexts:a,beforeFunctionTexts2:o,targetFunctionText:s,afterFunctionTexts:c,afterFunctionTexts2:l}}function isArrayFormat(e){return!e||!isObject$2(e)||isNode(e)?!1:isArray$1(e)||`length`in e}function getRefTarget(e,t){return e?isNode(e)?e:isString(e)?t?document.querySelector(e):e:isFunction$1(e)?e():isWindow(e)?e:`current`in e?e.current:e:null}function getRefTargets(e,t){return e?(isArrayFormat(e)?[].slice.call(e):[e]).reduce(function(e,n){return isString(n)&&t?__spreadArray$3(__spreadArray$3([],__read$1(e),!1),__read$1([].slice.call(document.querySelectorAll(n))),!1):(isArray$1(n)?e.push(getRefTargets(n,t)):e.push(getRefTarget(n,t)),e)},[]):[]}function getAbsoluteRotation(e,t,n){var r=getRad$1(e,t)/Math.PI*180;return r=n>=0?r:180-r,r=r>=0?r:360+r,r}function getDragDistByState(e,t){var n=e.rootMatrix,r=e.is3d,i=invert(n,r?4:3);return r||(i=convertDimension(i,3,4)),i[12]=0,i[13]=0,i[14]=0,calculateMatrixDist(i,t)}function getSizeDistByDist(e,t,n,r,i){var a=__read$1(e,2),o=a[0],s=a[1],c=0,l=0;if(i&&o&&s){var u=getRad$1([0,0],t),d=getRad$1([0,0],r),f=getDistSize(t),p=Math.cos(u-d)*f;if(!r[0])l=p,c=l*n;else if(!r[1])c=p,l=c/n;else{var m=r[0]*o,g=r[1]*s,_=Math.atan2(m+t[0],g+t[1]),v=Math.atan2(m,g);_<0&&(_+=Math.PI*2),v<0&&(v+=Math.PI*2);var y=0;abs(_-v)<Math.PI/2||abs(_-v)>Math.PI/2*3||(v+=Math.PI),y=_-v,y>Math.PI*2?y-=Math.PI*2:y>Math.PI?y=2*Math.PI-y:y<-Math.PI&&(y=-2*Math.PI-y);var b=getDistSize([m+t[0],g+t[1]])*Math.cos(y);c=b*Math.sin(v)-m,l=b*Math.cos(v)-g,r[0]<0&&(c*=-1),r[1]<0&&(l*=-1)}}else c=r[0]*t[0],l=r[1]*t[1];return[c,l]}function getOffsetSizeDist(e,t,n,r){var i,a=n.ratio,o=n.startOffsetWidth,s=n.startOffsetHeight,c=0,l=0,u=r.distX,d=r.distY,f=r.pinchScale,p=r.parentDistance,m=r.parentDist,g=r.parentScale,_=n.fixedDirection,v=[0,1].map(function(t){return abs(e[t]-_[t])}),y=[0,1].map(function(e){var t=v[e];return t!==0&&(t=2/t),t});if(m)c=m[0],l=m[1],t&&(c?l||(l=c/a):c=l*a);else if(isNumber(f))c=(f-1)*o,l=(f-1)*s;else if(g)c=(g[0]-1)*o,l=(g[1]-1)*s;else if(p){var b=o*v[0],x=s*v[1],S=getDistSize([b,x]);c=p/S*b*y[0],l=p/S*x*y[1]}else{var C=getDragDist({datas:n,distX:u,distY:d});C=y.map(function(e,t){return C[t]*e}),i=__read$1(getSizeDistByDist([o,s],C,a,e,t),2),c=i[0],l=i[1]}return{distWidth:c,distHeight:l}}function convertTransformUnit(e,t){if(t){if(e===`left`)return{x:`0%`,y:`50%`};if(e===`top`||e===`center`)return{x:`50%`,y:`50%`};if(e===`right`)return{x:`100%`,y:`50%`};if(e===`bottom`)return{x:`50%`,y:`100%`};var n=__read$1(e.split(` `),2),r=n[0],i=n[1],a=convertTransformUnit(r||``),o=convertTransformUnit(i||``),s=__assign$6(__assign$6({},a),o),c={x:`50%`,y:`50%`};return s.x&&(c.x=s.x),s.y&&(c.y=s.y),s.value&&(s.x&&!s.y&&(c.y=s.value),!s.x&&s.y&&(c.x=s.value)),c}return e===`left`?{x:`0%`}:e===`right`?{x:`100%`}:e===`top`?{y:`0%`}:e===`bottom`?{y:`100%`}:e?e===`center`?{value:`50%`}:{value:e}:{}}function convertTransformOriginArray(e,t,n){var r=convertTransformUnit(e,!0),i=r.x,a=r.y;return[convertUnitSize(i,t)||0,convertUnitSize(a,n)||0]}function rotatePosesInfo(e,t,n){var r=e.map(function(e){return minus(e,t)}),i=r.map(function(e){return rotate(e,n)});return{prev:r,next:i,result:i.map(function(e){return plus(e,t)})}}function isDeepArrayEquals(e,t){return e.length===t.length&&e.every(function(e,n){var r=t[n],i=isArray$1(e),a=isArray$1(r);return i&&a?isDeepArrayEquals(e,r):!i&&!a?e===r:!1})}function watchValue(e,t,n,r,i){var a=e._store,o=a[t];if(!(t in a))if(i!=null)a[t]=i,o=i;else return a[t]=n,n;return o===n||r(o)===r(n)?o:(a[t]=n,n)}function sign(e){return e>=0?1:-1}function abs(e){return Math.abs(e)}function countEach(e,t){return counter(e).map(function(e){return t(e)})}function getPaddingBox(e){return isNumber(e)?{top:e,left:e,right:e,bottom:e}:{left:e.left||0,top:e.top||0,right:e.right||0,bottom:e.bottom||0}}var Pinchable=makeAble(`pinchable`,{props:[`pinchable`],events:[`pinchStart`,`pinch`,`pinchEnd`,`pinchGroupStart`,`pinchGroup`,`pinchGroupEnd`],dragStart:function(){return!0},pinchStart:function(e,t){var n=t.datas,r=t.targets,i=t.angle,a=t.originalDatas,o=e.props,s=o.pinchable,c=o.ables;if(!s)return!1;var l=`onPinch${r?`Group`:``}Start`,u=`drag${r?`Group`:``}ControlStart`,d=(s===!0?e.controlAbles:c.filter(function(e){return s.indexOf(e.name)>-1})).filter(function(e){return e.canPinch&&e[u]}),f=fillParams(e,t,{});r&&(f.targets=r),n.isPinch=triggerEvent(e,l,f)!==!1,n.ables=d;var p=n.isPinch;return p?(d.forEach(function(n){if(a[n.name]=a[n.name]||{},n[u]){var r=__assign$6(__assign$6({},t),{datas:a[n.name],parentRotate:i,isPinch:!0});n[u](e,r)}}),e.state.snapRenderInfo={request:t.isRequest,direction:[0,0]},p):!1},pinch:function(e,t){var n=t.datas,r=t.scale,i=t.distance,a=t.originalDatas,o=t.inputEvent,s=t.targets,c=t.angle;if(n.isPinch){var l=i*(1-1/r),u=fillParams(e,t,{});s&&(u.targets=s),triggerEvent(e,`onPinch${s?`Group`:``}`,u);var d=n.ables,f=`drag${s?`Group`:``}Control`;return d.forEach(function(n){n[f]&&n[f](e,__assign$6(__assign$6({},t),{datas:a[n.name],inputEvent:o,resolveMatrix:!0,pinchScale:r,parentDistance:l,parentRotate:c,isPinch:!0}))}),u}},pinchEnd:function(e,t){var n=t.datas,r=t.isPinch,i=t.inputEvent,a=t.targets,o=t.originalDatas;if(n.isPinch){var s=`onPinch${a?`Group`:``}End`,c=fillEndParams(e,t,{isDrag:r});a&&(c.targets=a),triggerEvent(e,s,c);var l=n.ables,u=`drag${a?`Group`:``}ControlEnd`;return l.forEach(function(n){n[u]&&n[u](e,__assign$6(__assign$6({},t),{isDrag:r,datas:o[n.name],inputEvent:i,isPinch:!0}))}),r}},pinchGroupStart:function(e,t){return this.pinchStart(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},pinchGroup:function(e,t){return this.pinch(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},pinchGroupEnd:function(e,t){return this.pinchEnd(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))}}),directionCondition=getDirectionCondition(`scalable`),Scalable={name:`scalable`,ableGroup:`size`,canPinch:!0,props:[`scalable`,`throttleScale`,`renderDirections`,`keepRatio`,`edge`,`displayAroundControls`],events:[`scaleStart`,`beforeScale`,`scale`,`scaleEnd`,`scaleGroupStart`,`beforeScaleGroup`,`scaleGroup`,`scaleGroupEnd`],render:getRenderDirections(`scalable`),dragControlCondition:directionCondition,viewClassName:getDirectionViewClassName(`scalable`),dragControlStart:function(e,t){var n=t.datas,r=t.isPinch,i=t.inputEvent,a=t.parentDirection,o=getTotalDirection(a,r,i,n),s=e.state,c=s.width,l=s.height,u=s.targetTransform,d=s.target,f=s.pos1,p=s.pos2,m=s.pos4;if(!o||!d)return!1;r||setDragStart(e,t),n.datas={},n.transform=u,n.prevDist=[1,1],n.direction=o,n.startOffsetWidth=c,n.startOffsetHeight=l,n.startValue=[1,1];var g=!o[0]&&!o[1]||o[0]||!o[1];setDefaultTransformIndex(e,t,`scale`),n.isWidth=g;function _(e){n.ratio=e&&isFinite(e)?e:0}n.startPositions=getAbsolutePosesByState(e.state);function v(e){var t=getFixedDirectionInfo(n.startPositions,e);n.fixedDirection=t.fixedDirection,n.fixedPosition=t.fixedPosition,n.fixedOffset=t.fixedOffset}n.setFixedDirection=v,_(getDist$2(f,p)/getDist$2(p,m)),v([-o[0],-o[1]]);var y=function(e){n.minScaleSize=e},b=function(e){n.maxScaleSize=e};y([-1/0,-1/0]),b([1/0,1/0]);var x=fillParams(e,t,__assign$6(__assign$6({direction:o,set:function(e){n.startValue=e},setRatio:_,setFixedDirection:v,setMinScaleSize:y,setMaxScaleSize:b},fillTransformStartEvent(e,t)),{dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))})),S=triggerEvent(e,`onScaleStart`,x);return n.startFixedDirection=n.fixedDirection,S!==!1&&(n.isScale=!0,e.state.snapRenderInfo={request:t.isRequest,direction:o}),n.isScale?x:!1},dragControl:function(e,t){resolveTransformEvent(e,t,`scale`);var n=t.datas,r=t.parentKeepRatio,i=t.parentFlag,a=t.isPinch,o=t.dragClient,s=t.isRequest,c=t.useSnap,l=t.resolveMatrix,u=n.prevDist,d=n.direction,f=n.startOffsetWidth,p=n.startOffsetHeight,m=n.isScale,g=n.startValue,_=n.isWidth,v=n.ratio;if(!m)return!1;var y=e.props,b=y.throttleScale,x=y.parentMoveable,S=d;!d[0]&&!d[1]&&(S=[1,1]);var C=v&&(r??y.keepRatio)||!1,w=e.state,T=[g[0],g[1]];function E(){var e=getOffsetSizeDist(S,C,n,t),r=e.distWidth,i=e.distHeight,a=f?(f+r)/f:1,o=p?(p+i)/p:1;g[0]||(T[0]=r/f),g[1]||(T[1]=i/p);var s=(S[0]||C?a:1)*T[0],c=(S[1]||C?o:1)*T[1];return s===0&&(s=sign(u[0])*MIN_SCALE),c===0&&(c=sign(u[1])*MIN_SCALE),[s,c]}var D=E();if(!a&&e.props.groupable){var O=(w.snapRenderInfo||{}).direction;isArray$1(O)&&(O[0]||O[1])&&(w.snapRenderInfo={direction:d,request:t.isRequest})}triggerEvent(e,`onBeforeScale`,fillParams(e,t,{scale:D,setFixedDirection:function(e){return n.setFixedDirection(e),D=E(),D},startFixedDirection:n.startFixedDirection,setScale:function(e){D=e}},!0));var k=[D[0]/T[0],D[1]/T[1]],A=o,j=[0,0],M=sign(k[0]*k[1]),N=!o&&!i&&a;if(N||l?A=getTranslateFixedPosition(e,n.targetAllTransform,[0,0],[0,0],n):o||(A=n.fixedPosition),a||(j=checkSnapScale(e,k,d,!c&&s,n)),C){S[0]&&S[1]&&j[0]&&j[1]&&(Math.abs(j[0]*f)>Math.abs(j[1]*p)?j[1]=0:j[0]=0);var P=!j[0]&&!j[1];if(P&&(_?k[0]=throttle(k[0]*T[0],b)/T[0]:k[1]=throttle(k[1]*T[1],b)/T[1]),S[0]&&!S[1]||j[0]&&!j[1]||P&&_){k[0]+=j[0];var F=f*k[0]*T[0]/v;k[1]=sign(M*k[0])*abs(F/p/T[1])}else if(!S[0]&&S[1]||!j[0]&&j[1]||P&&!_){k[1]+=j[1];var I=p*k[1]*T[1]*v;k[0]=sign(M*k[1])*abs(I/f/T[0])}}else k[0]+=j[0],k[1]+=j[1],j[0]||(k[0]=throttle(k[0]*T[0],b)/T[0]),j[1]||(k[1]=throttle(k[1]*T[1],b)/T[1]);k[0]===0&&(k[0]=sign(u[0])*MIN_SCALE),k[1]===0&&(k[1]=sign(u[1])*MIN_SCALE),D=multiply2(k,[T[0],T[1]]);var L=[f,p],R=[f*D[0],p*D[1]];R=calculateBoundSize(R,n.minScaleSize,n.maxScaleSize,C?v:!1),D=countEach(2,function(e){return L[e]?R[e]/L[e]:R[e]}),k=countEach(2,function(e){return D[e]/T[e]});var z=countEach(2,function(e){return u[e]?k[e]/u[e]:k[e]}),B=`scale(${k.join(`, `)})`,V=`scale(${D.join(`, `)})`,H=convertTransformFormat(n,V,B),U=!g[0]||!g[1],W=getScaleDist(e,U?V:B,n.fixedDirection,A,n.fixedOffset,n,U),G=N?W:minus(W,n.prevInverseDist||[0,0]);if(n.prevDist=k,n.prevInverseDist=W,D[0]===u[0]&&D[1]===u[1]&&G.every(function(e){return!e})&&!x&&!N)return!1;var K=fillParams(e,t,__assign$6({offsetWidth:f,offsetHeight:p,direction:d,scale:D,dist:k,delta:z,isPinch:!!a},fillTransformEvent(e,H,G,a,t)));return triggerEvent(e,`onScale`,K),K},dragControlEnd:function(e,t){var n=t.datas;if(!n.isScale)return!1;n.isScale=!1;var r=fillEndParams(e,t,{});return triggerEvent(e,`onScaleEnd`,r),r},dragGroupControlCondition:directionCondition,dragGroupControlStart:function(e,t){var n=t.datas,r=this.dragControlStart(e,t);if(!r)return!1;var i=fillChildEvents(e,`resizable`,t);n.moveableScale=e.scale;var a=triggerChildAbles(e,this,`dragControlStart`,t,function(t,r){return startChildDist(e,t,n,r)}),o=function(t){r.setFixedDirection(t),a.forEach(function(r,a){r.setFixedDirection(t),startChildDist(e,r.moveable,n,i[a])})};n.setFixedDirection=o;var s=__assign$6(__assign$6({},r),{targets:e.props.targets,events:a,setFixedDirection:o});return n.isScale=triggerEvent(e,`onScaleGroupStart`,s)!==!1,n.isScale?s:!1},dragGroupControl:function(e,t){var n=t.datas;if(n.isScale){catchEvent(e,`onBeforeScale`,function(n){triggerEvent(e,`onBeforeScaleGroup`,fillParams(e,t,__assign$6(__assign$6({},n),{targets:e.props.targets}),!0))});var r=this.dragControl(e,t);if(r){var i=r.dist,a=n.moveableScale;e.scale=[i[0]*a[0],i[1]*a[1]];var o=e.props.keepRatio,s=n.fixedPosition,c=triggerChildAbles(e,this,`dragControl`,t,function(t,n){var r=__read$1(calculate(createRotateMatrix(e.rotation/180*Math.PI,3),[n.datas.originalX*i[0],n.datas.originalY*i[1],1],3),2),a=r[0],c=r[1];return __assign$6(__assign$6({},n),{parentDist:null,parentScale:i,parentKeepRatio:o,dragClient:plus(s,[a,c])})}),l=__assign$6({targets:e.props.targets,events:c},r);return triggerEvent(e,`onScaleGroup`,l),l}}},dragGroupControlEnd:function(e,t){var n=t.isDrag;if(t.datas.isScale){this.dragControlEnd(e,t);var r=triggerChildAbles(e,this,`dragControlEnd`,t);return triggerEvent(e,`onScaleGroupEnd`,fillEndParams(e,t,{targets:e.props.targets,events:r})),n}},request:function(){var e={},t=0,n=0,r=!1;return{isControl:!0,requestStart:function(t){return r=t.useSnap,{datas:e,parentDirection:t.direction||[1,1],useSnap:r}},request:function(i){return t+=i.deltaWidth,n+=i.deltaHeight,{datas:e,parentDist:[t,n],parentKeepRatio:i.keepRatio,useSnap:r}},requestEnd:function(){return{datas:e,isDrag:!0,useSnap:r}}}}};function getMiddleLinePos(e,t){return e.map(function(e,n){return dot$1(e,t[n],1,2)})}function getTriangleRad(e,t,n){var r=getRad$1(e,t),i=getRad$1(e,n)-r;return i>=0?i:i+2*Math.PI}function isValidPos(e,t){var n=getTriangleRad(e[0],e[1],e[2]),r=getTriangleRad(t[0],t[1],t[2]),i=Math.PI;return!(n>=i&&r<=i||n<=i&&r>=i)}var Warpable={name:`warpable`,ableGroup:`size`,props:[`warpable`,`renderDirections`,`edge`,`displayAroundControls`],events:[`warpStart`,`warp`,`warpEnd`],viewClassName:getDirectionViewClassName(`warpable`),render:function(e,t){var n=e.props,r=n.resizable,i=n.scalable,a=n.warpable,o=n.zoom;if(r||i||!a)return[];var s=e.state,c=s.pos1,l=s.pos2,u=s.pos3,d=s.pos4,f=getMiddleLinePos(c,l),p=getMiddleLinePos(l,c),m=getMiddleLinePos(c,u),g=getMiddleLinePos(u,c),_=getMiddleLinePos(u,d),v=getMiddleLinePos(d,u),y=getMiddleLinePos(l,d),b=getMiddleLinePos(d,l);return __spreadArray$3([t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine1`,style:getLineStyle(f,_,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine2`,style:getLineStyle(p,v,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine3`,style:getLineStyle(m,y,o)}),t.createElement(`div`,{className:prefix$1(`line`),key:`middeLine4`,style:getLineStyle(g,b,o)})],__read$1(renderAllDirections(e,`warpable`,t)),!1)},dragControlCondition:function(e,t){if(t.isRequest)return!1;var n=t.inputEvent.target;return hasClass(n,prefix$1(`direction`))&&hasClass(n,prefix$1(`warpable`))},dragControlStart:function(e,t){var n=t.datas,r=t.inputEvent,i=e.props.target,a=r.target,o=getDirection(a,n);if(!o||!i)return!1;var s=e.state,c=s.transformOrigin,l=s.is3d,u=s.targetTransform,d=s.targetMatrix,f=s.width,p=s.height,m=s.left,g=s.top;return n.datas={},n.targetTransform=u,n.warpTargetMatrix=l?d:convertDimension(d,3,4),n.targetInverseMatrix=ignoreDimension(invert(n.warpTargetMatrix,4),3,4),n.direction=o,n.left=m,n.top=g,n.poses=[[0,0],[f,0],[0,p],[f,p]].map(function(e){return minus(e,c)}),n.nextPoses=n.poses.map(function(e){var t=__read$1(e,2),r=t[0],i=t[1];return calculate(n.warpTargetMatrix,[r,i,0,1],4)}),n.startValue=createIdentityMatrix(4),n.prevMatrix=createIdentityMatrix(4),n.absolutePoses=getAbsolutePosesByState(s),n.posIndexes=getPosIndexesByDirection(o),setDragStart(e,t),setDefaultTransformIndex(e,t,`matrix3d`),s.snapRenderInfo={request:t.isRequest,direction:o},triggerEvent(e,`onWarpStart`,fillParams(e,t,__assign$6({set:function(e){n.startValue=e}},fillTransformStartEvent(e,t))))!==!1&&(n.isWarp=!0),n.isWarp},dragControl:function(e,t){var n=t.datas,r=t.isRequest,i=t.distX,a=t.distY,o=n.targetInverseMatrix,s=n.prevMatrix,c=n.isWarp,l=n.startValue,u=n.poses,d=n.posIndexes,f=n.absolutePoses;if(!c)return!1;if(resolveTransformEvent(e,t,`matrix3d`),hasGuidelines(e,`warpable`)){var p=d.map(function(e){return f[e]});p.length>1&&p.push([(p[0][0]+p[1][0])/2,(p[0][1]+p[1][1])/2]);var m=checkMoveableSnapBounds(e,r,{horizontal:p.map(function(e){return e[1]+a}),vertical:p.map(function(e){return e[0]+i})}),g=m.horizontal,_=m.vertical;a-=g.offset,i-=_.offset}var v=getDragDist({datas:n,distX:i,distY:a},!0),y=n.nextPoses.slice();if(d.forEach(function(e){y[e]=plus(y[e],v)}),!NEARBY_POS.every(function(e){return isValidPos(e.map(function(e){return u[e]}),e.map(function(e){return y[e]}))}))return!1;var b=createWarpMatrix(u[0],u[2],u[1],u[3],y[0],y[2],y[1],y[3]);if(!b.length)return!1;var x=getTransfromMatrix(n,multiply(o,b,4),!0),S=multiply(invert(s,4),x,4);n.prevMatrix=x;var C=multiply(l,x,4),w=convertTransformFormat(n,`matrix3d(${C.join(`, `)})`,`matrix3d(${x.join(`, `)})`);return fillOriginalTransform(t,w),triggerEvent(e,`onWarp`,fillParams(e,t,__assign$6({delta:S,matrix:C,dist:x,multiply,transform:w},fillCSSObject({transform:w},t)))),!0},dragControlEnd:function(e,t){var n=t.datas,r=t.isDrag;return n.isWarp?(n.isWarp=!1,triggerEvent(e,`onWarpEnd`,fillEndParams(e,t,{})),r):!1}},AREA_PIECES=prefix$1(`area-pieces`),AREA_PIECE=prefix$1(`area-piece`),AVOID=prefix$1(`avoid`),VIEW_DRAGGING=prefix$1(`view-dragging`);function restoreStyle(e){var t=e.areaElement;if(t){var n=e.state,r=n.width,i=n.height;removeClass(t,AVOID),t.style.cssText+=`left: 0px; top: 0px; width: ${r}px; height: ${i}px`}}function renderPieces(e){return e.createElement(`div`,{key:`area_pieces`,className:AREA_PIECES},e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}),e.createElement(`div`,{className:AREA_PIECE}))}var DragArea={name:`dragArea`,props:[`dragArea`,`passDragArea`],events:[`click`,`clickGroup`],render:function(e,t){var n=e.props,r=n.target,i=n.dragArea,a=n.groupable,o=n.passDragArea,s=e.getState(),c=s.width,l=s.height,u=s.renderPoses,d=o?prefix$1(`area`,`pass`):prefix$1(`area`);if(a)return[t.createElement(`div`,{key:`area`,ref:ref(e,`areaElement`),className:d}),renderPieces(t)];if(!r||!i)return[];var f=createWarpMatrix([0,0],[c,0],[0,l],[c,l],u[0],u[1],u[2],u[3]),p=f.length?makeMatrixCSS(f,!0):`none`;return[t.createElement(`div`,{key:`area`,ref:ref(e,`areaElement`),className:d,style:{top:`0px`,left:`0px`,width:`${c}px`,height:`${l}px`,transformOrigin:`0 0`,transform:p}}),renderPieces(t)]},dragStart:function(e,t){var n=t.datas,r=t.clientX,i=t.clientY;if(!t.inputEvent)return!1;n.isDragArea=!1;var a=e.areaElement,o=e.state,s=o.moveableClientRect,c=o.renderPoses,l=o.rootMatrix,u=o.is3d,d=s.left,f=s.top,p=getRect(c),m=p.left,g=p.top,_=p.width,v=p.height,y=u?4:3,b=__read$1(calculateInversePosition(l,[r-d,i-f],y),2),x=b[0],S=b[1];x-=m,S-=g;var C=[{left:m,top:g,width:_,height:S-10},{left:m,top:g,width:x-10,height:v},{left:m,top:g+S+10,width:_,height:v-S-10},{left:m+x+10,top:g,width:_-x-10,height:v}],w=[].slice.call(a.nextElementSibling.children);C.forEach(function(e,t){w[t].style.cssText=`left: ${e.left}px;top: ${e.top}px; width: ${e.width}px; height: ${e.height}px;`}),addClass(a,AVOID),o.disableNativeEvent=!0},drag:function(e,t){var n=t.datas,r=t.inputEvent;if(this.enableNativeEvent(e),!r)return!1;n.isDragArea||(n.isDragArea=!0,restoreStyle(e))},dragEnd:function(e,t){this.enableNativeEvent(e);var n=t.inputEvent,r=t.datas;if(!n)return!1;r.isDragArea||restoreStyle(e)},dragGroupStart:function(e,t){return this.dragStart(e,t)},dragGroup:function(e,t){return this.drag(e,t)},dragGroupEnd:function(e,t){return this.dragEnd(e,t)},unset:function(e){restoreStyle(e),e.state.disableNativeEvent=!1},enableNativeEvent:function(e){var t=e.state;t.disableNativeEvent&&requestAnimationFrame$1(function(){t.disableNativeEvent=!1})}},Origin=makeAble(`origin`,{props:[`origin`,`svgOrigin`],render:function(e,t){var n=e.props,r=n.zoom,i=n.svgOrigin,a=n.groupable,o=e.getState(),s=o.beforeOrigin,c=o.rotation,l=o.svg,u=o.allMatrix,d=o.is3d,f=o.left,p=o.top,m=o.offsetWidth,g=o.offsetHeight,_;if(!a&&l&&i){var v=__read$1(convertTransformOriginArray(i,m,g),2),y=v[0],b=v[1];_=getControlTransform(c,r,minus(calculatePosition(u,[y,b],d?4:3),[f,p]))}else _=getControlTransform(c,r,s);return[t.createElement(`div`,{className:prefix$1(`control`,`origin`),style:_,key:`beforeOrigin`})]}});function getDefaultScrollPosition$1(e){var t=e.scrollContainer;return[t.scrollLeft,t.scrollTop]}var Scrollable={name:`scrollable`,canPinch:!0,props:[`scrollable`,`scrollContainer`,`scrollThreshold`,`scrollThrottleTime`,`getScrollPosition`,`scrollOptions`],events:[`scroll`,`scrollGroup`],dragRelation:`strong`,dragStart:function(e,t){var n=e.props,r=n.scrollContainer,i=r===void 0?e.getContainer():r,a=n.scrollOptions,o=new DragScroll$1,s=getRefTarget(i,!0);t.datas.dragScroll=o,e.state.dragScroll=o;var c=t.isControl?`controlGesto`:`targetGesto`,l=t.targets;o.on(`scroll`,function(n){var r=n.container,i=n.direction,a=fillParams(e,t,{scrollContainer:r,direction:i}),o=l?`onScrollGroup`:`onScroll`;l&&(a.targets=l),triggerEvent(e,o,a)}).on(`move`,function(t){var n=t.offsetX,r=t.offsetY,i=t.inputEvent;e[c].scrollBy(n,r,i.inputEvent,!1)}).on(`scrollDrag`,function(t){var n=t.next;n(e[c].getCurrentEvent())}),o.dragStart(t,__assign$6({container:s},a))},checkScroll:function(e,t){var n=t.datas.dragScroll;if(n){var r=e.props,i=r.scrollContainer,a=i===void 0?e.getContainer():i,o=r.scrollThreshold,s=o===void 0?0:o,c=r.scrollThrottleTime,l=c===void 0?0:c,u=r.getScrollPosition,d=u===void 0?getDefaultScrollPosition$1:u,f=r.scrollOptions;return n.drag(t,__assign$6({container:a,threshold:s,throttleTime:l,getScrollPosition:function(e){return d({scrollContainer:e.container,direction:e.direction})}},f)),!0}},drag:function(e,t){return this.checkScroll(e,t)},dragEnd:function(e,t){t.datas.dragScroll.dragEnd(),t.datas.dragScroll=null},dragControlStart:function(e,t){return this.dragStart(e,__assign$6(__assign$6({},t),{isControl:!0}))},dragControl:function(e,t){return this.drag(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupStart:function(e,t){return this.dragStart(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},dragGroup:function(e,t){return this.drag(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},dragGroupEnd:function(e,t){return this.dragEnd(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},dragGroupControlStart:function(e,t){return this.dragStart(e,__assign$6(__assign$6({},t),{targets:e.props.targets,isControl:!0}))},dragGroupControl:function(e,t){return this.drag(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},dragGroupControEnd:function(e,t){return this.dragEnd(e,__assign$6(__assign$6({},t),{targets:e.props.targets}))},unset:function(e){var t,n=e.state;(t=n.dragScroll)==null||t.dragEnd(),n.dragScroll=null}},Default={name:``,props:`target.dragTargetSelf.dragTarget.dragContainer.container.warpSelf.rootContainer.useResizeObserver.useMutationObserver.zoom.dragFocusedInput.transformOrigin.ables.className.pinchThreshold.pinchOutside.triggerAblesSimultaneously.checkInput.cspNonce.translateZ.hideDefaultLines.props.flushSync.stopPropagation.preventClickEventOnDrag.preventClickDefault.viewContainer.persistData.useAccuratePosition.firstRenderState.linePadding.controlPadding.preventDefault.preventRightClick.preventWheelClick.requestStyles`.split(`.`),events:[`changeTargets`]},Padding=makeAble(`padding`,{props:[`padding`],render:function(e,t){var n=e.props;if(n.dragArea)return[];var r=getPaddingBox(n.padding||{}),i=r.left,a=r.top,o=r.right,s=r.bottom,c=e.getState(),l=c.renderPoses,u=[c.pos1,c.pos2,c.pos3,c.pos4],d=[];return i>0&&d.push([0,2]),a>0&&d.push([0,1]),o>0&&d.push([1,3]),s>0&&d.push([2,3]),d.map(function(e,n){var r=__read$1(e,2),i=r[0],a=r[1],o=u[i],s=u[a],c=l[i],d=l[a],f=createWarpMatrix([0,0],[100,0],[0,100],[100,100],o,s,c,d);if(f.length)return t.createElement(`div`,{key:`padding${n}`,className:prefix$1(`padding`),style:{transform:makeMatrixCSS(f,!0)}})})}}),RADIUS_DIRECTIONS=[`nw`,`ne`,`se`,`sw`];function calculateRatio(e,t){var n=e[0]+e[1],r=n>t?t/n:1;return e[0]*=r,e[1]=t-e[1]*r,e}var HORIZONTAL_RADIUS_ORDER=[1,2,5,6],VERTICAL_RADIUS_ORDER=[0,3,4,7],HORIZONTAL_RADIUS_DIRECTIONS=[1,-1,-1,1],VERTICAL_RADIUS_DIRECTIONS=[1,1,-1,-1];function getRadiusStyles(e,t,n,r,i,a,o,s){i===void 0&&(i=0),a===void 0&&(a=0),o===void 0&&(o=n),s===void 0&&(s=r);var c=[],l=!1,u=e.filter(function(e){return!e.virtual});return{radiusPoses:u,styles:c,raws:u.map(function(e){var u=e.horizontal,d=e.vertical,f=e.pos;if(d&&!l&&(l=!0,c.push(`/`)),l){var p=Math.max(0,d===1?f[1]-a:s-f[1]);return c.push(convertCSSSize(p,r,t)),p}else{var p=Math.max(0,u===1?f[0]-i:o-f[0]);return c.push(convertCSSSize(p,n,t)),p}})}}function getRadiusRange(e){for(var t=[0,0],n=[0,0],r=e.length,i=0;i<r;++i){var a=e[i];a.sub&&(a.horizontal&&(t[1]===0&&(t[0]=i),t[1]=i-t[0]+1,n[0]=i+1),a.vertical&&(n[1]===0&&(n[0]=i),n[1]=i-n[0]+1))}return{horizontalRange:t,verticalRange:n}}function getRadiusValues(e,t,n,r,i,a,o){var s,c,l,u;a===void 0&&(a=[0,0]),o===void 0&&(o=!1);var d=e.indexOf(`/`),f=(d>-1?e.slice(0,d):e).length,p=e.slice(0,f),m=e.slice(f+1),g=p.length,_=m.length,v=_>0,y=__read$1(p,4),b=y[0],x=b===void 0?`0px`:b,S=y[1],C=S===void 0?x:S,w=y[2],T=w===void 0?x:w,E=y[3],D=E===void 0?C:E,O=__read$1(m,4),k=O[0],A=k===void 0?x:k,j=O[1],M=j===void 0?v?A:C:j,N=O[2],P=N===void 0?v?A:T:N,F=O[3],I=F===void 0?v?M:D:F,L=[x,C,T,D].map(function(e){return convertUnitSize(e,t)}),R=[A,M,P,I].map(function(e){return convertUnitSize(e,n)}),z=L.slice(),B=R.slice();s=__read$1(calculateRatio([z[0],z[1]],t),2),z[0]=s[0],z[1]=s[1],c=__read$1(calculateRatio([z[3],z[2]],t),2),z[3]=c[0],z[2]=c[1],l=__read$1(calculateRatio([B[0],B[3]],n),2),B[0]=l[0],B[3]=l[1],u=__read$1(calculateRatio([B[1],B[2]],n),2),B[1]=u[0],B[2]=u[1];var V=o?z:z.slice(0,Math.max(a[0],g)),H=o?B:B.slice(0,Math.max(a[1],_));return __spreadArray$3(__spreadArray$3([],__read$1(V.map(function(e,t){var a=RADIUS_DIRECTIONS[t];return{virtual:t>=g,horizontal:HORIZONTAL_RADIUS_DIRECTIONS[t],vertical:0,pos:[r+e,i+(VERTICAL_RADIUS_DIRECTIONS[t]===-1?n:0)],sub:!0,raw:L[t],direction:a}})),!1),__read$1(H.map(function(e,n){var a=RADIUS_DIRECTIONS[n];return{virtual:n>=_,horizontal:0,vertical:VERTICAL_RADIUS_DIRECTIONS[n],pos:[r+(HORIZONTAL_RADIUS_DIRECTIONS[n]===-1?t:0),i+e],sub:!0,raw:R[n],direction:a}})),!1)}function removeRadiusPos(e,t,n,r,i){i===void 0&&(i=t.length);var a=getRadiusRange(e.slice(r)),o=a.horizontalRange,s=a.verticalRange,c=n-r,l=0;if(c===0)l=i;else if(c>0&&c<o[1])l=o[1]-c;else if(c>=s[0])l=s[0]+s[1]-c;else return;e.splice(n,l),t.splice(n,l)}function addRadiusPos(e,t,n,r,i,a,o,s,c,l,u){l===void 0&&(l=0),u===void 0&&(u=0);var d=getRadiusRange(e.slice(n)),f=d.horizontalRange,p=d.verticalRange;if(r>-1)for(var m=HORIZONTAL_RADIUS_DIRECTIONS[r]===1?a-l:s-a,g=f[1];g<=r;++g){var _=VERTICAL_RADIUS_DIRECTIONS[g]===1?u:c,v=0;if(r===g?v=a:g===0?v=l+m:HORIZONTAL_RADIUS_DIRECTIONS[g]===-1&&(v=s-(t[n][0]-l)),e.splice(n+g,0,{horizontal:HORIZONTAL_RADIUS_DIRECTIONS[g],vertical:0,pos:[v,_]}),t.splice(n+g,0,[v,_]),g===0)break}else if(i>-1){var y=VERTICAL_RADIUS_DIRECTIONS[i]===1?o-u:c-o;if(f[1]===0&&p[1]===0){var b=[l+y,u];e.push({horizontal:HORIZONTAL_RADIUS_DIRECTIONS[0],vertical:0,pos:b}),t.push(b)}for(var x=p[0],g=p[1];g<=i;++g){var v=HORIZONTAL_RADIUS_DIRECTIONS[g]===1?l:s,_=0;if(i===g?_=o:g===0?_=u+y:VERTICAL_RADIUS_DIRECTIONS[g]===1?_=t[n+x][1]:VERTICAL_RADIUS_DIRECTIONS[g]===-1&&(_=c-(t[n+x][1]-u)),e.push({horizontal:0,vertical:VERTICAL_RADIUS_DIRECTIONS[g],pos:[v,_]}),t.push([v,_]),g===0)break}}}function splitRadiusPoses(e,t){return t===void 0&&(t=e.map(function(e){return e.raw})),{horizontals:e.map(function(e,n){return e.horizontal?t[n]:null}).filter(function(e){return e!=null}),verticals:e.map(function(e,n){return e.vertical?t[n]:null}).filter(function(e){return e!=null})}}var CLIP_DIRECTIONS=[[0,-1,`n`],[1,0,`e`]],CLIP_RECT_DIRECTIONS=[[-1,-1,`nw`],[0,-1,`n`],[1,-1,`ne`],[1,0,`e`],[1,1,`se`],[0,1,`s`],[-1,1,`sw`],[-1,0,`w`]];function getClipStyles(e,t,n){var r=e.props.clipRelative,i=e.state,a=i.width,o=i.height,s=t,c=s.type,l=s.poses,u=c===`rect`,d=c===`circle`;if(c===`polygon`)return n.map(function(e){return`${convertCSSSize(e[0],a,r)} ${convertCSSSize(e[1],o,r)}`});if(u||c===`inset`){var f=n[1][1],p=n[3][0],m=n[7][0],g=n[5][1];if(u)return[f,p,g,m].map(function(e){return`${e}px`});var _=[f,a-p,o-g,m].map(function(e,t){return convertCSSSize(e,t%2?a:o,r)});if(n.length>8){var v=__read$1(minus(n[4],n[0]),2),y=v[0],b=v[1];_.push.apply(_,__spreadArray$3([`round`],__read$1(getRadiusStyles(l.slice(8).map(function(e,t){return __assign$6(__assign$6({},e),{pos:n[t]})}),r,y,b,m,f,p,g).styles),!1))}return _}else if(d||c===`ellipse`){var x=n[0],S=convertCSSSize(abs(n[1][1]-x[1]),d?Math.sqrt((a*a+o*o)/2):o,r),_=d?[S]:[convertCSSSize(abs(n[2][0]-x[0]),a,r),S];return _.push(`at`,convertCSSSize(x[0],a,r),convertCSSSize(x[1],o,r)),_}}function getRectPoses(e,t,n,r){var i=[r,(r+t)/2,t],a=[e,(e+n)/2,n];return CLIP_RECT_DIRECTIONS.map(function(e){var t=__read$1(e,3),n=t[0],r=t[1],o=t[2],s=i[n+1],c=a[r+1];return{vertical:abs(r),horizontal:abs(n),direction:o,pos:[s,c]}})}function getControlSize(e){var t=[1/0,-1/0],n=[1/0,-1/0];return e.forEach(function(e){var r=e.pos;t[0]=Math.min(t[0],r[0]),t[1]=Math.max(t[1],r[0]),n[0]=Math.min(n[0],r[1]),n[1]=Math.max(n[1],r[1])}),[abs(t[1]-t[0]),abs(n[1]-n[0])]}function getClipPath(e,t,n,r,i){var a,o,s,c,l,u,d,f,p;if(e){var m=i;if(!m){var g=getCachedStyle(e),_=g(`clipPath`);m=_===`none`?g(`clip`):_}if(!((!m||m===`none`||m===`auto`)&&(m=r,!m))){var v=splitBracket(m),y=v.prefix,b=y===void 0?m:y,x=v.value,S=x===void 0?``:x,C=b===`circle`,w=` `;if(b===`polygon`){var T=splitComma(S||`0% 0%, 100% 0%, 100% 100%, 0% 100%`);w=`,`;var E=T.map(function(e){var r=__read$1(e.split(` `),2),i=r[0],a=r[1];return{vertical:1,horizontal:1,pos:[convertUnitSize(i,t),convertUnitSize(a,n)]}}),D=getMinMaxs(E.map(function(e){return e.pos}));return{type:b,clipText:m,poses:E,splitter:w,left:D.minX,right:D.maxX,top:D.minY,bottom:D.maxY}}else if(C||b===`ellipse`){var O=``,k=``,A=0,j=0,T=splitSpace(S);if(C){var M=``;a=__read$1(T,4),o=a[0],M=o===void 0?`50%`:o,s=a[2],O=s===void 0?`50%`:s,c=a[3],k=c===void 0?`50%`:c,A=convertUnitSize(M,Math.sqrt((t*t+n*n)/2)),j=A}else{var N=``,P=``;l=__read$1(T,5),u=l[0],N=u===void 0?`50%`:u,d=l[1],P=d===void 0?`50%`:d,f=l[3],O=f===void 0?`50%`:f,p=l[4],k=p===void 0?`50%`:p,A=convertUnitSize(N,t),j=convertUnitSize(P,n)}var F=[convertUnitSize(O,t),convertUnitSize(k,n)],E=__spreadArray$3([{vertical:1,horizontal:1,pos:F,direction:`nesw`}],__read$1(CLIP_DIRECTIONS.slice(0,C?1:2).map(function(e){return{vertical:abs(e[1]),horizontal:e[0],direction:e[2],sub:!0,pos:[F[0]+e[0]*A,F[1]+e[1]*j]}})),!1);return{type:b,clipText:m,radiusX:A,radiusY:j,left:F[0]-A,top:F[1]-j,right:F[0]+A,bottom:F[1]+j,poses:E,splitter:w}}else if(b===`inset`){var T=splitSpace(S||`0 0 0 0`),I=T.indexOf(`round`),L=(I>-1?T.slice(0,I):T).length,R=T.slice(L+1),z=__read$1(T.slice(0,L),4),B=z[0],V=z[1],H=V===void 0?B:V,U=z[2],W=U===void 0?B:U,G=z[3],K=G===void 0?H:G,q=__read$1([B,W].map(function(e){return convertUnitSize(e,n)}),2),J=q[0],ee=q[1],Y=__read$1([K,H].map(function(e){return convertUnitSize(e,t)}),2),te=Y[0],X=Y[1],ne=t-X,re=n-ee,Z=getRadiusValues(R,ne-te,re-J,te,J),E=__spreadArray$3(__spreadArray$3([],__read$1(getRectPoses(J,ne,re,te)),!1),__read$1(Z),!1);return{type:`inset`,clipText:m,poses:E,top:J,left:te,right:ne,bottom:re,radius:R,splitter:w}}else if(b===`rect`){var T=splitComma(S||`0px, ${t}px, ${n}px, 0px`);w=`,`;var Q=__read$1(T.map(function(e){return splitUnit(e).value}),4),ie=Q[0],X=Q[1],ee=Q[2],te=Q[3],E=getRectPoses(ie,X,ee,te);return{type:`rect`,clipText:m,poses:E,top:ie,right:X,bottom:ee,left:te,values:T,splitter:w}}}}}function moveControlPos(e,t,n,r,i){var a=e[t],o=a.direction,s=a.sub,c=e.map(function(){return[0,0]}),l=o?o.split(``):[];if(r&&t<8){var u=l.filter(function(e){return e===`w`||e===`e`}),d=l.filter(function(e){return e===`n`||e===`s`}),f=u[0],p=d[0];c[t]=n;var m=__read$1(getControlSize(e),2),g=m[0],_=m[1],v=g&&_?g/_:0;if(v&&i){var y=e[(t+4)%8].pos,b=[0,0];o.indexOf(`w`)>-1?b[0]=-1:o.indexOf(`e`)>-1&&(b[0]=1),o.indexOf(`n`)>-1?b[1]=-1:o.indexOf(`s`)>-1&&(b[1]=1);var x=getSizeDistByDist([g,_],n,v,b,!0),S=g+x[0],C=_+x[1],w=y[1],T=y[1],E=y[0],D=y[0];b[0]===-1?E=D-S:b[0]===1?D=E+S:(E-=S/2,D+=S/2),b[1]===-1?w=T-C:(b[1]===1||(w=T-C/2),T=w+C);var O=getRectPoses(w,D,T,E);e.forEach(function(e,t){c[t][0]=O[t].pos[0]-e.pos[0],c[t][1]=O[t].pos[1]-e.pos[1]})}else e.forEach(function(e,t){var r=e.direction;r&&(r.indexOf(f)>-1&&(c[t][0]=n[0]),r.indexOf(p)>-1&&(c[t][1]=n[1]))}),f&&(c[1][0]=n[0]/2,c[5][0]=n[0]/2),p&&(c[3][1]=n[1]/2,c[7][1]=n[1]/2)}else o&&!s?l.forEach(function(t){var r=t===`n`||t===`s`;e.forEach(function(e,i){var a=e.direction,o=e.horizontal,s=e.vertical;!a||a.indexOf(t)===-1||(c[i]=[r||!o?0:n[0],!r||!s?0:n[1]])})}):c[t]=n;return c}function addClipPath(e,t){var n=__read$1(calculatePointerDist(e,t),2),r=n[0],i=n[1],a=t.datas,o=a.clipPath,s=a.clipIndex,c=o,l=c.type,u=c.poses,d=c.splitter,f=u.map(function(e){return e.pos});if(l===`polygon`)f.splice(s,0,[r,i]);else if(l===`inset`){var p=HORIZONTAL_RADIUS_ORDER.indexOf(s),m=VERTICAL_RADIUS_ORDER.indexOf(s),g=u.length;if(addRadiusPos(u,f,8,p,m,r,i,f[4][0],f[4][1],f[0][0],f[0][1]),g===u.length)return}else return;var _=getClipStyles(e,o,f),v=`${l}(${_.join(d)})`;triggerEvent(e,`onClip`,fillParams(e,t,__assign$6({clipEventType:`added`,clipType:l,poses:f,clipStyles:_,clipStyle:v,distX:0,distY:0},fillCSSObject({clipPath:v},t))))}function removeClipPath(e,t){var n=t.datas,r=n.clipPath,i=n.clipIndex,a=r,o=a.type,s=a.poses,c=a.splitter,l=s.map(function(e){return e.pos}),u=l.length;if(o===`polygon`)s.splice(i,1),l.splice(i,1);else if(o===`inset`){if(i<8||(removeRadiusPos(s,l,i,8,u),u===s.length))return}else return;var d=getClipStyles(e,r,l),f=`${o}(${d.join(c)})`;triggerEvent(e,`onClip`,fillParams(e,t,__assign$6({clipEventType:`removed`,clipType:o,poses:l,clipStyles:d,clipStyle:f,distX:0,distY:0},fillCSSObject({clipPath:f},t))))}var Clippable={name:`clippable`,props:[`clippable`,`defaultClipPath`,`customClipPath`,`keepRatio`,`clipRelative`,`clipArea`,`dragWithClip`,`clipTargetBounds`,`clipVerticalGuidelines`,`clipHorizontalGuidelines`,`clipSnapThreshold`],events:[`clipStart`,`clip`,`clipEnd`],css:[`.control.clip-control {
|
||
background: #6d6;
|
||
cursor: pointer;
|
||
}
|
||
.control.clip-control.clip-radius {
|
||
background: #d66;
|
||
}
|
||
.line.clip-line {
|
||
background: #6e6;
|
||
cursor: move;
|
||
z-index: 1;
|
||
}
|
||
.clip-area {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.clip-ellipse {
|
||
position: absolute;
|
||
cursor: move;
|
||
border: 1px solid #6d6;
|
||
border: var(--zoompx) solid #6d6;
|
||
border-radius: 50%;
|
||
transform-origin: 0px 0px;
|
||
}`,`:host {
|
||
--bounds-color: #d66;
|
||
}`,`.guideline {
|
||
pointer-events: none;
|
||
z-index: 2;
|
||
}`,`.line.guideline.bounds {
|
||
background: #d66;
|
||
background: var(--bounds-color);
|
||
}`],render:function(e,t){var n=e.props,r=n.customClipPath,i=n.defaultClipPath,a=n.clipArea,o=n.zoom,s=n.groupable,c=e.getState(),l=c.target,u=c.width,d=c.height,f=c.allMatrix,p=c.is3d,m=c.left,g=c.top,_=c.pos1,v=c.pos2,y=c.pos3,b=c.pos4,x=c.clipPathState,S=c.snapBoundInfos,C=c.rotation;if(!l||s)return[];var w=getClipPath(l,u,d,i||`inset`,x||r);if(!w)return[];var T=p?4:3,E=w.type,D=w.poses.map(function(e){var t=calculatePosition(f,e.pos,T);return[t[0]-m,t[1]-g]}),O=[],k=[],A=E===`rect`,j=E===`inset`,M=E===`polygon`;if(A||j||M){var N=j?D.slice(0,8):D;k=N.map(function(e,n){var r=n===0?N[N.length-1]:N[n-1],i=getRad$1(r,e),a=getDiagonalSize(r,e);return t.createElement(`div`,{key:`clipLine${n}`,className:prefix$1(`line`,`clip-line`,`snap-control`),"data-clip-index":n,style:{width:`${a}px`,transform:`translate(${r[0]}px, ${r[1]}px) rotate(${i}rad) scaleY(${o})`}})})}if(O=D.map(function(e,n){return t.createElement(`div`,{key:`clipControl${n}`,className:prefix$1(`control`,`clip-control`,`snap-control`),"data-clip-index":n,style:{transform:`translate(${e[0]}px, ${e[1]}px) rotate(${C}rad) scale(${o})`}})}),j&&O.push.apply(O,__spreadArray$3([],__read$1(D.slice(8).map(function(e,n){return t.createElement(`div`,{key:`clipRadiusControl${n}`,className:prefix$1(`control`,`clip-control`,`clip-radius`,`snap-control`),"data-clip-index":8+n,style:{transform:`translate(${e[0]}px, ${e[1]}px) rotate(${C}rad) scale(${o})`}})})),!1)),E===`circle`||E===`ellipse`){var P=w.left,F=w.top,I=w.radiusX,L=w.radiusY,R=__read$1(minus(calculatePosition(f,[P,F],T),calculatePosition(f,[0,0],T)),2),z=R[0],B=R[1],V=`none`;if(!a){for(var H=Math.max(10,I/5,L/5),U=[],W=0;W<=H;++W){var G=Math.PI*2/H*W;U.push([I+(I-o)*Math.cos(G),L+(L-o)*Math.sin(G)])}U.push([I,-2]),U.push([-2,-2]),U.push([-2,L*2+2]),U.push([I*2+2,L*2+2]),U.push([I*2+2,-2]),U.push([I,-2]),V=`polygon(${U.map(function(e){return`${e[0]}px ${e[1]}px`}).join(`, `)})`}O.push(t.createElement(`div`,{key:`clipEllipse`,className:prefix$1(`clip-ellipse`,`snap-control`),style:{width:`${I*2}px`,height:`${L*2}px`,clipPath:V,transform:`translate(${-m+z}px, ${-g+B}px) ${makeMatrixCSS(f)}`}}))}if(a){var K=getRect(__spreadArray$3([_,v,y,b],__read$1(D),!1)),q=K.width,J=K.height,ee=K.left,Y=K.top;if(M||A||j){var U=j?D.slice(0,8):D;O.push(t.createElement(`div`,{key:`clipArea`,className:prefix$1(`clip-area`,`snap-control`),style:{width:`${q}px`,height:`${J}px`,transform:`translate(${ee}px, ${Y}px)`,clipPath:`polygon(${U.map(function(e){return`${e[0]-ee}px ${e[1]-Y}px`}).join(`, `)})`}}))}}return S&&[`vertical`,`horizontal`].forEach(function(e){var n=S[e],r=e===`horizontal`;n.isSnap&&k.push.apply(k,__spreadArray$3([],__read$1(n.snap.posInfos.map(function(n,i){var a=n.pos;return renderLine(t,``,minus(calculatePosition(f,r?[0,a]:[a,0],T),[m,g]),minus(calculatePosition(f,r?[u,a]:[a,d],T),[m,g]),o,`clip${e}snap${i}`,`guideline`)})),!1)),n.isBound&&k.push.apply(k,__spreadArray$3([],__read$1(n.bounds.map(function(n,i){var a=n.pos;return renderLine(t,``,minus(calculatePosition(f,r?[0,a]:[a,0],T),[m,g]),minus(calculatePosition(f,r?[u,a]:[a,d],T),[m,g]),o,`clip${e}bounds${i}`,`guideline`,`bounds`,`bold`)})),!1))}),__spreadArray$3(__spreadArray$3([],__read$1(O),!1),__read$1(k),!1)},dragControlCondition:function(e,t){return t.inputEvent&&(t.inputEvent.target.getAttribute(`class`)||``).indexOf(`clip`)>-1},dragStart:function(e,t){var n=e.props.dragWithClip;return n===void 0||n?!1:this.dragControlStart(e,t)},drag:function(e,t){return this.dragControl(e,__assign$6(__assign$6({},t),{isDragTarget:!0}))},dragEnd:function(e,t){return this.dragControlEnd(e,t)},dragControlStart:function(e,t){var n=e.state,r=e.props,i=r.defaultClipPath,a=r.customClipPath,o=n.target,s=n.width,c=n.height,l=t.inputEvent?t.inputEvent.target:null,u=l&&l.getAttribute(`class`)||``,d=t.datas,f=getClipPath(o,s,c,i||`inset`,a);if(!f)return!1;var p=f.clipText,m=f.type,g=f.poses;return triggerEvent(e,`onClipStart`,fillParams(e,t,{clipType:m,clipStyle:p,poses:g.map(function(e){return e.pos})}))===!1?(d.isClipStart=!1,!1):(d.isControl=u&&u.indexOf(`clip-control`)>-1,d.isLine=u.indexOf(`clip-line`)>-1,d.isArea=u.indexOf(`clip-area`)>-1||u.indexOf(`clip-ellipse`)>-1,d.clipIndex=l?parseInt(l.getAttribute(`data-clip-index`),10):-1,d.clipPath=f,d.isClipStart=!0,n.clipPathState=p,setDragStart(e,t),!0)},dragControl:function(e,t){var n,r,i,a=t.datas,o=t.originalDatas,s=t.isDragTarget;if(!a.isClipStart)return!1;var c=a,l=c.isControl,u=c.isLine,d=c.isArea,f=c.clipIndex,p=c.clipPath;if(!p)return!1;var m=getProps(e.props,`clippable`),g=m.keepRatio,_=0,v=0,y=o.draggable,b=getDragDist(t);s&&y?(n=__read$1(y.prevBeforeDist,2),_=n[0],v=n[1]):(r=__read$1(b,2),_=r[0],v=r[1]);var x=[_,v],S=e.state,C=S.width,w=S.height,T=!d&&!l&&!u,E=p.type,D=p.poses,O=p.splitter,k=D.map(function(e){return e.pos});T&&(_=-_,v=-v);var A=!l||D[f].direction===`nesw`,j=E===`inset`||E===`rect`,M=D.map(function(){return[0,0]});if(l&&!A){var N=D[f],P=N.horizontal,F=N.vertical;M=moveControlPos(D,f,[_*abs(P),v*abs(F)],j,g)}else A&&(M=k.map(function(){return[_,v]}));var I=k.map(function(e,t){return plus(e,M[t])}),L=__spreadArray$3([],__read$1(I),!1);S.snapBoundInfos=null;var R=p.type===`circle`,z=p.type===`ellipse`;if(R||z){var B=getRect(I),V=abs(B.bottom-B.top),H=abs(z?B.right-B.left:V),U=I[0][1]+V,W=I[0][0]-H,G=I[0][0]+H;R&&(L.push([G,B.bottom]),M.push([1,0])),L.push([B.left,U]),M.push([0,1]),L.push([W,B.bottom]),M.push([1,0])}var K=getDefaultGuidelines((m.clipHorizontalGuidelines||[]).map(function(e){return convertUnitSize(`${e}`,w)}),(m.clipVerticalGuidelines||[]).map(function(e){return convertUnitSize(`${e}`,C)}),C,w),q=[],J=[];if(R||z)q=[L[4][0],L[2][0]],J=[L[1][1],L[3][1]];else if(j){var ee=[L[0],L[2],L[4],L[6]],Y=[M[0],M[2],M[4],M[6]];q=ee.filter(function(e,t){return Y[t][0]}).map(function(e){return e[0]}),J=ee.filter(function(e,t){return Y[t][1]}).map(function(e){return e[1]})}else q=L.filter(function(e,t){return M[t][0]}).map(function(e){return e[0]}),J=L.filter(function(e,t){return M[t][1]}).map(function(e){return e[1]});var te=[0,0],X=checkSnapBounds(K,m.clipTargetBounds&&{left:0,top:0,right:C,bottom:w},q,J,5,5),ne=X.horizontal,re=X.vertical,Z=ne.offset,Q=re.offset;if(ne.isBound&&(te[1]+=Z),re.isBound&&(te[0]+=Q),(z||R)&&M[0][0]===0&&M[0][1]===0){var B=getRect(I),ie=B.bottom-B.top,ae=z?B.right-B.left:ie,oe=re.isBound?abs(Q):re.snapIndex===0?-Q:Q,se=ne.isBound?abs(Z):ne.snapIndex===0?-Z:Z;ae-=oe,ie-=se,R&&(ie=checkSnapBoundPriority(re,ne)>0?ie:ae,ae=ie);var ce=L[0];L[1][1]=ce[1]-ie,L[2][0]=ce[0]+ae,L[3][1]=ce[1]+ie,L[4][0]=ce[0]-ae}else if(j&&g&&l){var le=__read$1(getControlSize(D),2),ue=le[0],de=le[1],fe=ue&&de?ue/de:0,pe=D[f].direction||``,me=L[1][1],U=L[5][1],W=L[7][0],G=L[3][0];abs(Z)<=abs(Q)?Z=sign(Z)*abs(Q)/fe:Q=sign(Q)*abs(Z)*fe,pe.indexOf(`w`)>-1?W-=Q:pe.indexOf(`e`)>-1?G-=Q:(W+=Q/2,G-=Q/2),pe.indexOf(`n`)>-1?me-=Z:pe.indexOf(`s`)>-1?U-=Z:(me+=Z/2,U-=Z/2);var he=getRectPoses(me,G,U,W);L.forEach(function(e,t){var n=__read$1(he[t].pos,2);e[0]=n[0],e[1]=n[1]})}else L.forEach(function(e,t){var n=M[t];n[0]&&(e[0]-=Q),n[1]&&(e[1]-=Z)});var ge=getClipStyles(e,p,I),_e=`${E}(${ge.join(O)})`;if(S.clipPathState=_e,R||z)q=[L[4][0],L[2][0]],J=[L[1][1],L[3][1]];else if(j){var ee=[L[0],L[2],L[4],L[6]];q=ee.map(function(e){return e[0]}),J=ee.map(function(e){return e[1]})}else q=L.map(function(e){return e[0]}),J=L.map(function(e){return e[1]});if(S.snapBoundInfos=checkSnapBounds(K,m.clipTargetBounds&&{left:0,top:0,right:C,bottom:w},q,J,1,1),y){var ve=S.is3d,ye=S.allMatrix,be=ve?4:3,xe=te;s&&(xe=[x[0]+te[0]-b[0],x[1]+te[1]-b[1]]),y.deltaOffset=multiply(ye,[xe[0],xe[1],0,0],be)}return triggerEvent(e,`onClip`,fillParams(e,t,__assign$6({clipEventType:`changed`,clipType:E,poses:I,clipStyle:_e,clipStyles:ge,distX:_,distY:v},fillCSSObject((i={},i[E===`rect`?`clip`:`clipPath`]=_e,i),t)))),!0},dragControlEnd:function(e,t){this.unset(e);var n=t.isDrag,r=t.datas,i=t.isDouble,a=r.isLine,o=r.isClipStart,s=r.isControl;return o?(triggerEvent(e,`onClipEnd`,fillEndParams(e,t,{})),i&&(s?removeClipPath(e,t):a&&addClipPath(e,t)),i||n):!1},unset:function(e){e.state.clipPathState=``,e.state.snapBoundInfos=null}},OriginDraggable={name:`originDraggable`,props:[`originDraggable`,`originRelative`],events:[`dragOriginStart`,`dragOrigin`,`dragOriginEnd`],css:[`:host[data-able-origindraggable] .control.origin {
|
||
pointer-events: auto;
|
||
}`],dragControlCondition:function(e,t){return t.isRequest?t.requestAble===`originDraggable`:hasClass(t.inputEvent.target,prefix$1(`origin`))},dragControlStart:function(e,t){var n=t.datas;setDragStart(e,t);var r=fillParams(e,t,{dragStart:Draggable.dragStart(e,new CustomGesto().dragStart([0,0],t))}),i=triggerEvent(e,`onDragOriginStart`,r);return n.startOrigin=e.state.transformOrigin,n.startTargetOrigin=e.state.targetOrigin,n.prevOrigin=[0,0],n.isDragOrigin=!0,i===!1?(n.isDragOrigin=!1,!1):r},dragControl:function(e,t){var n=t.datas,r=t.isPinch,i=t.isRequest;if(!n.isDragOrigin)return!1;var a=__read$1(getDragDist(t),2),o=a[0],s=a[1],c=e.state,l=c.width,u=c.height,d=c.offsetMatrix,f=c.targetMatrix,p=c.is3d,m=e.props.originRelative,g=m===void 0?!0:m,_=p?4:3,v=[o,s];if(i){var y=t.distOrigin;(y[0]||y[1])&&(v=y)}var b=plus(n.startOrigin,v),x=plus(n.startTargetOrigin,v),S=minus(v,n.prevOrigin),C=getNextMatrix(d,f,b,_),w=e.getRect(),T=getRect(calculatePoses(C,l,u,_)),E=[w.left-T.left,w.top-T.top];n.prevOrigin=v;var D=[convertCSSSize(x[0],l,g),convertCSSSize(x[1],u,g)].join(` `),O=Draggable.drag(e,setCustomDrag(t,e.state,E,!!r,!1)),k=fillParams(e,t,__assign$6(__assign$6({width:l,height:u,origin:b,dist:v,delta:S,transformOrigin:D,drag:O},fillCSSObject({transformOrigin:D,transform:O.transform},t)),{afterTransform:O.transform}));return triggerEvent(e,`onDragOrigin`,k),k},dragControlEnd:function(e,t){return t.datas.isDragOrigin?(triggerEvent(e,`onDragOriginEnd`,fillEndParams(e,t,{})),!0):!1},dragGroupControlCondition:function(e,t){return this.dragControlCondition(e,t)},dragGroupControlStart:function(e,t){return!!this.dragControlStart(e,t)},dragGroupControl:function(e,t){var n=this.dragControl(e,t);return n?(e.transformOrigin=n.transformOrigin,!0):!1},request:function(e){var t={},n=e.getRect(),r=0,i=0,a=n.transformOrigin,o=[0,0];return{isControl:!0,requestStart:function(){return{datas:t}},request:function(e){return`deltaOrigin`in e?(o[0]+=e.deltaOrigin[0],o[1]+=e.deltaOrigin[1]):`origin`in e?(o[0]=e.origin[0]-a[0],o[1]=e.origin[1]-a[1]):(`x`in e?r=e.x-n.left:`deltaX`in e&&(r+=e.deltaX),`y`in e?i=e.y-n.top:`deltaY`in e&&(i+=e.deltaY)),{datas:t,distX:r,distY:i,distOrigin:o}},requestEnd:function(){return{datas:t,isDrag:!0}}}}};function addBorderRadiusByLine(e,t,n,r){var i=e.filter(function(e){var t=e.virtual;return e.horizontal&&!t}).length,a=e.filter(function(e){var t=e.virtual;return e.vertical&&!t}).length,o=-1;if(t===0&&(i===0?o=0:i===1&&(o=1)),t===2&&(i<=2?o=2:i<=3&&(o=3)),t===3&&(a===0?o=4:a<4&&(o=7)),t===1&&(a<=1?o=5:a<=2&&(o=6)),!(o===-1||!e[o].virtual)){var s=e[o];addBorderRadius(e,o),o<4?s.pos[0]=n:s.pos[1]=r}}function addBorderRadius(e,t){t<4?e.slice(0,t+1).forEach(function(e){e.virtual=!1}):(e[0].virtual&&(e[0].virtual=!1),e.slice(4,t+1).forEach(function(e){e.virtual=!1}))}function removeBorderRadius(e,t){t<4?e.slice(t,4).forEach(function(e){e.virtual=!0}):e.slice(t).forEach(function(e){e.virtual=!0})}function getBorderRadius(e,t,n,r,i){r===void 0&&(r=[0,0]);var a=[];return a=!e||e===`0px`?[]:splitSpace(e),getRadiusValues(a,t,n,0,0,r,i)}function triggerRoundEvent(e,t,n,r,i){var a=e.state,o=a.width,s=a.height,c=getRadiusStyles(i,e.props.roundRelative,o,s),l=c.raws,u=c.styles,d=c.radiusPoses,f=splitRadiusPoses(d,l),p=f.horizontals,m=f.verticals,g=u.join(` `);a.borderRadiusState=g;var _=fillParams(e,t,__assign$6({horizontals:p,verticals:m,borderRadius:g,width:o,height:s,delta:r,dist:n},fillCSSObject({borderRadius:g},t)));return triggerEvent(e,`onRound`,_),_}function getStyleBorderRadius(e){var t,n,r=e.getState().style,i=r.borderRadius||``;if(!i&&e.props.groupable){var a=e.moveables[0],o=e.getTargets()[0];o&&(a?.props.target===o?(i=e.moveables[0]?.state.style.borderRadius??``,r.borderRadius=i):(i=getComputedStyle$1(o).borderRadius,r.borderRadius=i))}return i}var Roundable={name:`roundable`,props:[`roundable`,`roundRelative`,`minRoundControls`,`maxRoundControls`,`roundClickable`,`roundPadding`,`isDisplayShadowRoundControls`],events:[`roundStart`,`round`,`roundEnd`,`roundGroupStart`,`roundGroup`,`roundGroupEnd`],css:[`.control.border-radius {
|
||
background: #d66;
|
||
cursor: pointer;
|
||
z-index: 3;
|
||
}`,`.control.border-radius.vertical {
|
||
background: #d6d;
|
||
z-index: 2;
|
||
}`,`.control.border-radius.virtual {
|
||
opacity: 0.5;
|
||
z-index: 1;
|
||
}`,`:host.round-line-clickable .line.direction {
|
||
cursor: pointer;
|
||
}`],className:function(e){var t=e.props.roundClickable;return t===!0||t===`line`?prefix$1(`round-line-clickable`):``},requestStyle:function(){return[`borderRadius`]},requestChildStyle:function(){return[`borderRadius`]},render:function(e,t){var n=e.getState(),r=n.target,i=n.width,a=n.height,o=n.allMatrix,s=n.is3d,c=n.left,l=n.top,u=n.borderRadiusState,d=e.props,f=d.minRoundControls,p=f===void 0?[0,0]:f,m=d.maxRoundControls,g=m===void 0?[4,4]:m,_=d.zoom,v=d.roundPadding,y=v===void 0?0:v,b=d.isDisplayShadowRoundControls,x=d.groupable;if(!r)return null;var S=u||getStyleBorderRadius(e),C=s?4:3,w=getBorderRadius(S,i,a,p,!0);if(!w)return null;var T=0,E=0,D=x?[0,0]:[c,l];return w.map(function(e,n){var r=e.horizontal,i=e.vertical,a=e.direction||``,s=__spreadArray$3([],__read$1(e.pos),!1);E+=Math.abs(r),T+=Math.abs(i),r&&a.indexOf(`n`)>-1&&(s[1]-=y),i&&a.indexOf(`w`)>-1&&(s[0]-=y),r&&a.indexOf(`s`)>-1&&(s[1]+=y),i&&a.indexOf(`e`)>-1&&(s[0]+=y);var c=minus(calculatePosition(o,s,C),D),l=b&&b!==`horizontal`,u=e.vertical?T<=g[1]&&(l||!e.virtual):E<=g[0]&&(b||!e.virtual);return t.createElement(`div`,{key:`borderRadiusControl${n}`,className:prefix$1(`control`,`border-radius`,e.vertical?`vertical`:``,e.virtual?`virtual`:``),"data-radius-index":n,style:{display:u?`block`:`none`,transform:`translate(${c[0]}px, ${c[1]}px) scale(${_})`}})})},dragControlCondition:function(e,t){if(!t.inputEvent||t.isRequest)return!1;var n=t.inputEvent.target.getAttribute(`class`)||``;return n.indexOf(`border-radius`)>-1||n.indexOf(`moveable-line`)>-1&&n.indexOf(`moveable-direction`)>-1},dragGroupControlCondition:function(e,t){return this.dragControlCondition(e,t)},dragControlStart:function(e,t){var n=t.inputEvent,r=t.datas,i=n.target,a=i.getAttribute(`class`)||``,o=a.indexOf(`border-radius`)>-1,s=a.indexOf(`moveable-line`)>-1&&a.indexOf(`moveable-direction`)>-1,c=o?parseInt(i.getAttribute(`data-radius-index`),10):-1,l=-1;if(s){var u=i.getAttribute(`data-line-key`)||``;u&&(l=parseInt(u.replace(/render-line-/g,``),10),isNaN(l)&&(l=-1))}if(!o&&!s)return!1;var d=fillParams(e,t,{});if(triggerEvent(e,`onRoundStart`,d)===!1)return!1;r.lineIndex=l,r.controlIndex=c,r.isControl=o,r.isLine=s,setDragStart(e,t);var f=e.props,p=f.roundRelative,m=f.minRoundControls,g=m===void 0?[0,0]:m,_=e.state,v=_.width,y=_.height;r.isRound=!0,r.prevDist=[0,0];var b=getBorderRadius(getStyleBorderRadius(e)||``,v,y,g,!0)||[];return r.controlPoses=b,_.borderRadiusState=getRadiusStyles(b,p,v,y).styles.join(` `),d},dragControl:function(e,t){var n=t.datas,r=n.controlPoses;if(!n.isRound||!n.isControl||!r.length)return!1;var i=n.controlIndex,a=__read$1(getDragDist(t),2),o=a[0],s=a[1],c=[o,s],l=minus(c,n.prevDist),u=e.props.maxRoundControls,d=u===void 0?[4,4]:u,f=e.state,p=f.width,m=f.height,g=r[i],_=g.vertical,v=g.horizontal,y=r.map(function(e){var t=e.horizontal,n=e.vertical,r=[t*v*c[0],n*_*c[1]];if(t){if(d[0]===1||d[0]<4&&t!==v)return r}else if(d[1]===0)return r[1]=n*v*c[0]/p*m,r;else if(_&&(d[1]===1||d[1]<4&&n!==_))return r;return[0,0]});y[i]=c;var b=r.map(function(e,t){return __assign$6(__assign$6({},e),{pos:plus(e.pos,y[t])})});return i<4?b.slice(0,i+1).forEach(function(e){e.virtual=!1}):b.slice(4,i+1).forEach(function(e){e.virtual=!1}),n.prevDist=[o,s],triggerRoundEvent(e,t,c,l,b)},dragControlEnd:function(e,t){var n=e.state;n.borderRadiusState=``;var r=t.datas,i=t.isDouble;if(!r.isRound)return!1;var a=r.isControl,o=r.controlIndex,s=r.isLine,c=r.lineIndex,l=r.controlPoses,u=l.filter(function(e){return e.virtual}).length,d=e.props.roundClickable,f=d===void 0?!0:d;if(i&&f){if(a&&(f===!0||f===`control`))removeBorderRadius(l,o);else if(s&&(f===!0||f===`line`)){var p=__read$1(calculatePointerDist(e,t),2),m=p[0],g=p[1];addBorderRadiusByLine(l,c,m,g)}u!==l.filter(function(e){return e.virtual}).length&&triggerRoundEvent(e,t,[0,0],[0,0],l)}var _=fillEndParams(e,t,{});return triggerEvent(e,`onRoundEnd`,_),n.borderRadiusState=``,_},dragGroupControlStart:function(e,t){var n=this.dragControlStart(e,t);if(!n)return!1;var r=e.moveables,i=e.props.targets,a=fillChildEvents(e,`roundable`,t);return triggerEvent(e,`onRoundGroupStart`,__assign$6({targets:e.props.targets,events:a.map(function(e,t){return __assign$6(__assign$6({},e),{target:i[t],moveable:r[t],currentTarget:r[t]})})},n)),n},dragGroupControl:function(e,t){var n=this.dragControl(e,t);if(!n)return!1;var r=e.moveables,i=e.props.targets,a=fillChildEvents(e,`roundable`,t),o=__assign$6({targets:e.props.targets,events:a.map(function(e,t){return __assign$6(__assign$6(__assign$6({},e),{target:i[t],moveable:r[t],currentTarget:r[t]}),fillCSSObject({borderRadius:n.borderRadius},e))})},n);return triggerEvent(e,`onRoundGroup`,o),o},dragGroupControlEnd:function(e,t){var n=e.moveables,r=e.props.targets,i=fillChildEvents(e,`roundable`,t);catchEvent(e,`onRound`,function(t){triggerEvent(e,`onRoundGroup`,__assign$6({targets:e.props.targets,events:i.map(function(e,i){return __assign$6(__assign$6(__assign$6({},e),{target:r[i],moveable:n[i],currentTarget:n[i]}),fillCSSObject({borderRadius:t.borderRadius},e))})},t))});var a=this.dragControlEnd(e,t);if(!a)return!1;var o=__assign$6({targets:e.props.targets,events:i.map(function(e,t){var i;return __assign$6(__assign$6({},e),{target:r[t],moveable:n[t],currentTarget:n[t],lastEvent:e.datas?.lastEvent})})},a);return triggerEvent(e,`onRoundGroupEnd`,o),o},unset:function(e){e.state.borderRadiusState=``}};function isIdentityMatrix(e,t){var n=createIdentityMatrix(t?4:3);return e===`matrix${t?`3d`:``}(${n.join(`,`)})`||e===`matrix(1,0,0,1,0,0)`}var BeforeRenderable={isPinch:!0,name:`beforeRenderable`,props:[],events:[`beforeRenderStart`,`beforeRender`,`beforeRenderEnd`,`beforeRenderGroupStart`,`beforeRenderGroup`,`beforeRenderGroupEnd`],dragRelation:`weak`,setTransform:function(e,t){var n=e.state,r=n.is3d,i=n.targetMatrix,a=n.inlineTransform,o=r?`matrix3d(${i.join(`,`)})`:`matrix(${convertMatrixtoCSS(i,!0)})`,s=!a||a===`none`?o:a;t.datas.startTransforms=isIdentityMatrix(s,r)?[]:splitSpace(s)},resetStyle:function(e){var t=e.datas;t.nextStyle={},t.nextTransforms=e.datas.startTransforms,t.nextTransformAppendedIndexes=[]},fillDragStartParams:function(e,t){return fillParams(e,t,{setTransform:function(e){t.datas.startTransforms=isArray$1(e)?e:splitSpace(e)},isPinch:!!t.isPinch})},fillDragParams:function(e,t){return fillParams(e,t,{isPinch:!!t.isPinch})},dragStart:function(e,t){this.setTransform(e,t),this.resetStyle(t),triggerEvent(e,`onBeforeRenderStart`,this.fillDragStartParams(e,t))},drag:function(e,t){t.datas.startTransforms||this.setTransform(e,t),this.resetStyle(t),triggerEvent(e,`onBeforeRender`,fillParams(e,t,{isPinch:!!t.isPinch}))},dragEnd:function(e,t){t.datas.startTransforms||(this.setTransform(e,t),this.resetStyle(t)),triggerEvent(e,`onBeforeRenderEnd`,fillParams(e,t,{isPinch:!!t.isPinch,isDrag:t.isDrag}))},dragGroupStart:function(e,t){var n=this;this.dragStart(e,t);var r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.setTransform(r,e),n.resetStyle(e),n.fillDragStartParams(r,e)});triggerEvent(e,`onBeforeRenderGroupStart`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets,setTransform:function(){},events:a}))},dragGroup:function(e,t){var n=this;this.drag(e,t);var r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.resetStyle(e),n.fillDragParams(r,e)});triggerEvent(e,`onBeforeRenderGroup`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets,events:a}))},dragGroupEnd:function(e,t){this.dragEnd(e,t),triggerEvent(e,`onBeforeRenderGroupEnd`,fillParams(e,t,{isPinch:!!t.isPinch,isDrag:t.isDrag,targets:e.props.targets}))},dragControlStart:function(e,t){return this.dragStart(e,t)},dragControl:function(e,t){return this.drag(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupControlStart:function(e,t){return this.dragGroupStart(e,t)},dragGroupControl:function(e,t){return this.dragGroup(e,t)},dragGroupControlEnd:function(e,t){return this.dragGroupEnd(e,t)}},Renderable={name:`renderable`,props:[],events:[`renderStart`,`render`,`renderEnd`,`renderGroupStart`,`renderGroup`,`renderGroupEnd`],dragRelation:`weak`,dragStart:function(e,t){triggerEvent(e,`onRenderStart`,fillParams(e,t,{isPinch:!!t.isPinch}))},drag:function(e,t){triggerEvent(e,`onRender`,this.fillDragParams(e,t))},dragAfter:function(e,t){return this.drag(e,t)},dragEnd:function(e,t){triggerEvent(e,`onRenderEnd`,this.fillDragEndParams(e,t))},dragGroupStart:function(e,t){triggerEvent(e,`onRenderGroupStart`,fillParams(e,t,{isPinch:!!t.isPinch,targets:e.props.targets}))},dragGroup:function(e,t){var n=this,r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.fillDragParams(r,e)});triggerEvent(e,`onRenderGroup`,fillParams(e,t,__assign$6(__assign$6({isPinch:!!t.isPinch,targets:e.props.targets,transform:getNextTransformText(t),transformObject:{}},fillCSSObject(getNextStyle(t))),{events:a})))},dragGroupEnd:function(e,t){var n=this,r=fillChildEvents(e,`beforeRenderable`,t),i=e.moveables,a=r.map(function(e,t){var r=i[t];return n.fillDragEndParams(r,e)});triggerEvent(e,`onRenderGroupEnd`,fillParams(e,t,__assign$6({isPinch:!!t.isPinch,isDrag:t.isDrag,targets:e.props.targets,events:a,transformObject:{},transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t)))))},dragControlStart:function(e,t){return this.dragStart(e,t)},dragControl:function(e,t){return this.drag(e,t)},dragControlAfter:function(e,t){return this.dragAfter(e,t)},dragControlEnd:function(e,t){return this.dragEnd(e,t)},dragGroupControlStart:function(e,t){return this.dragGroupStart(e,t)},dragGroupControl:function(e,t){return this.dragGroup(e,t)},dragGroupControlEnd:function(e,t){return this.dragGroupEnd(e,t)},fillDragParams:function(e,t){var n={};return parse(getNextTransforms(t)||[]).forEach(function(e){n[e.name]=e.functionValue}),fillParams(e,t,__assign$6({isPinch:!!t.isPinch,transformObject:n,transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t))))},fillDragEndParams:function(e,t){var n={};return parse(getNextTransforms(t)||[]).forEach(function(e){n[e.name]=e.functionValue}),fillParams(e,t,__assign$6({isPinch:!!t.isPinch,isDrag:t.isDrag,transformObject:n,transform:getNextTransformText(t)},fillCSSObject(getNextStyle(t))))}};function triggerAble(e,t,n,r,i,a,o){a.clientDistX=a.distX,a.clientDistY=a.distY;var s=i===`Start`,c=i===`End`,l=i===`After`,u=e.state.target,d=a.isRequest,f=r.indexOf(`Control`)>-1;if(!u||s&&f&&!d&&e.areaElement===a.inputEvent.target)return!1;var p=__spreadArray$3([],__read$1(t),!1);if(d){var m=a.requestAble;p.some(function(e){return e.name===m})||p.push.apply(p,__spreadArray$3([],__read$1(e.props.ables.filter(function(e){return e.name===m})),!1))}if(!p.length||p.every(function(e){return e.dragRelation}))return!1;var g=a.inputEvent,_;c&&g&&(_=document.elementFromPoint(a.clientX,a.clientY)||g.target);var v=!1,y=function(){var e;v=!0,(e=a.stop)==null||e.call(a)},b=s&&(!e.targetGesto||!e.controlGesto||!e.targetGesto.isFlag()||!e.controlGesto.isFlag());b&&e.updateRect(i,!0,!1);var x=a.datas,S=f?`controlGesto`:`targetGesto`,C=e[S],w=function(t,n,r){if(!(n in t)||C!==e[S])return!1;var i=t.name,o=x[i]||(x[i]={});if(s&&(o.isEventStart=!r||!t[r]||t[r](e,a)),!o.isEventStart)return!1;var c=t[n](e,__assign$6(__assign$6({},a),{stop:y,datas:o,originalDatas:x,inputTarget:_}));return e._emitter.off(),s&&c===!1&&(o.isEventStart=!1),c};b&&p.forEach(function(t){t.unset&&t.unset(e)}),w(BeforeRenderable,`drag${r}${i}`);var T=0,E=0;n.forEach(function(t){if(v)return!1;var n=`${t}${r}${i}`,o=`${t}${r}Condition`;i===``&&!d&&convertDragDist(e.state,a);var c=p.filter(function(e){return e[n]});c=c.filter(function(e,t){return e.name&&c.indexOf(e)===t});var l=c.filter(function(e){return w(e,n,o)}).length;v&&++T,l&&++E,!v&&s&&c.length&&!l&&(T+=c.filter(function(e){return x[e.name].isEventStart?e.dragRelation!==`strong`:!1}).length?1:0)}),(!l||E)&&w(Renderable,`drag${r}${i}`);var D=C!==e[S]||T===n.length;return(c||v||D)&&(e.state.gestos={},e.moveables&&e.moveables.forEach(function(e){e.state.gestos={}}),p.forEach(function(t){t.unset&&t.unset(e)})),s&&!D&&!d&&E&&e.props.preventDefault&&a?.preventDefault(),e.isUnmounted||D?!1:((!s&&E&&!o||c)&&(e.props.flushSync||defaultSync)(function(){e.updateRect(c?i:``,!0,!1),e.forceUpdate()}),!s&&!c&&!l&&E&&!o&&triggerAble(e,t,n,r,i+`After`,a),!0)}function checkMoveableTarget(e,t){return function(n,r){var i;r===void 0&&(r=n.inputEvent.target);var a=r,o=e.areaElement,s=e._dragTarget;return!s||!t&&e.controlGesto?.isFlag()?!1:a===s||s.contains(a)||a===o||!e.isMoveableElement(a)&&!e.controlBox.contains(a)||hasClass(a,`moveable-area`)||hasClass(a,`moveable-padding`)||hasClass(a,`moveable-edgeDraggable`)}}function getTargetAbleGesto(e,t,n){var r=e.controlBox,i=[],a=e.props,o=a.dragArea,s=e.state.target,c=a.dragTarget;i.push(r),(!o||c)&&i.push(t),!o&&c&&s&&t!==s&&a.dragTargetSelf&&i.push(s);var l=checkMoveableTarget(e);return getAbleGesto(e,i,`targetAbles`,n,{dragStart:l,pinchStart:l})}function getControlAbleGesto(e,t){var n=e.controlBox,r=[];r.push(n);var i=checkMoveableTarget(e,!0),a=function(e,t){return t===void 0&&(t=e.inputEvent.target),t===n?!0:!i(e,t)};return getAbleGesto(e,r,`controlAbles`,t,{dragStart:a,pinchStart:a})}function getAbleGesto(e,t,n,r,i){i===void 0&&(i={});var a=n===`targetAbles`,o=e.props,s=o.pinchOutside,c=o.pinchThreshold,l=o.preventClickEventOnDrag,u=o.preventClickDefault,d=o.checkInput,f=o.dragFocusedInput,p=o.preventDefault,m=p===void 0?!0:p,g=o.preventRightClick,_=g===void 0?!0:g,v=o.preventWheelClick,y=v===void 0?!0:v,b=o.dragContainer,x=new Gesto(t,{preventDefault:m,preventRightClick:_,preventWheelClick:y,container:getRefTarget(b,!0)||getWindow(e.getControlBoxElement()),pinchThreshold:c,pinchOutside:s,preventClickEventOnDrag:a?l:!1,preventClickEventOnDragStart:a?u:!1,preventClickEventByCondition:a?null:function(t){return e.controlBox.contains(t.target)},checkInput:a?d:!1,dragFocusedInput:f}),S=r===`Control`;return[`drag`,`pinch`].forEach(function(t){[`Start`,``,`End`].forEach(function(a){x.on(`${t}${a}`,function(o){var s,c=o.eventType,l=t===`drag`&&o.isPinch;if(i[c]&&!i[c](o)){o.stop();return}if(!l){var u=t===`drag`?[t]:[`drag`,t];triggerAble(e,__spreadArray$3([],__read$1(e[n]),!1),u,r,a,o)?(e.props.stopPropagation||a===`Start`&&S)&&((s=o?.inputEvent)==null||s.stopPropagation()):o.stop()}})})}),x}var EventManager=function(){function e(e,t,n){var r=this;this.target=e,this.moveable=t,this.eventName=n,this.ables=[],this._onEvent=function(e){var t=r.eventName,n=r.moveable;n.state.disableNativeEvent||r.ables.forEach(function(r){r[t](n,{inputEvent:e})})},e.addEventListener(n.toLowerCase(),this._onEvent)}return e.prototype.setAbles=function(e){this.ables=e},e.prototype.destroy=function(){this.target.removeEventListener(this.eventName.toLowerCase(),this._onEvent),this.target=null,this.moveable=null},e}();function calculateMatrixStack(e,t,n,r){var i;n===void 0&&(n=t);var a=getMatrixStackInfo(e,t),o=a.matrixes,s=a.is3d,c=a.targetMatrix,l=a.transformOrigin,u=a.targetOrigin,d=a.offsetContainer,f=a.hasFixed,p=a.zoom,m=getCachedMatrixContainerInfo(d,n),g=m.matrixes,_=m.is3d,v=m.offsetContainer,y=m.zoom,b=r||_||s,x=b?4:3,S=e.tagName.toLowerCase()!==`svg`&&`ownerSVGElement`in e,C=c,w=createIdentityMatrix(x),T=createIdentityMatrix(x),E=createIdentityMatrix(x),D=createIdentityMatrix(x),O=o.length,k=g.map(function(e){return __assign$6(__assign$6({},e),{matrix:e.matrix?__spreadArray$3([],__read$1(e.matrix),!1):void 0})}).reverse();o.reverse(),!s&&b&&(C=convertDimension(C,3,4),convert3DMatrixes(o)),!_&&b&&convert3DMatrixes(k),k.forEach(function(e){T=multiply(T,e.matrix,x)});var A=n||getDocumentBody(e),j=k[0]?.target||getOffsetInfo(A,A,!0).offsetParent,M=k.slice(1).reduce(function(e,t){return multiply(e,t.matrix,x)},createIdentityMatrix(x));o.forEach(function(e,t){if(O-2===t&&(E=w.slice()),O-1===t&&(D=w.slice()),!e.matrix){var n=o[t+1];e.matrix=createOriginMatrix(getSVGOffset(e,n,j,x,multiply(M,w,x)),x)}w=multiply(w,e.matrix,x)});var N=!S&&s;C||(C=createIdentityMatrix(N?4:3));var P=makeMatrixCSS(S&&C.length===16?convertDimension(C,4,3):C,N),F=T;return T=ignoreDimension(T,x,x),{hasZoom:p!==1||y!==1,hasFixed:f,matrixes:o,rootMatrix:T,originalRootMatrix:F,beforeMatrix:E,offsetMatrix:D,allMatrix:w,targetMatrix:C,targetTransform:P,inlineTransform:e.style.transform,transformOrigin:l,targetOrigin:u,is3d:b,offsetContainer:d,offsetRootContainer:v}}function calculateElementInfo(e,t,n,r){n===void 0&&(n=t);var i=0,a=0,o=0,s={},c=getSize(e);if(e&&(i=c.offsetWidth,a=c.offsetHeight),e){var l=calculateMatrixStack(e,t,n,r),u=calculateElementPosition(l.allMatrix,l.transformOrigin,i,a);s=__assign$6(__assign$6({},l),u);var d=calculateElementPosition(l.allMatrix,[50,50],100,100);o=getRotationRad([d.pos1,d.pos2],d.direction)}var f=r?4:3;return __assign$6(__assign$6(__assign$6({hasZoom:!1,width:i,height:a,rotation:o},c),{originalRootMatrix:createIdentityMatrix(f),rootMatrix:createIdentityMatrix(f),beforeMatrix:createIdentityMatrix(f),offsetMatrix:createIdentityMatrix(f),allMatrix:createIdentityMatrix(f),targetMatrix:createIdentityMatrix(f),targetTransform:``,inlineTransform:``,transformOrigin:[0,0],targetOrigin:[0,0],is3d:!!r,left:0,top:0,right:0,bottom:0,origin:[0,0],pos1:[0,0],pos2:[0,0],pos3:[0,0],pos4:[0,0],direction:1,hasFixed:!1,offsetContainer:null,offsetRootContainer:null,matrixes:[]}),s)}function getMoveableTargetInfo(e,t,n,r,i,a){a===void 0&&(a=[]);var o=1,s=[0,0],c=resetClientRect(),l=resetClientRect(),u=resetClientRect(),d=resetClientRect(),f=[0,0],p={},m=calculateElementInfo(t,n,i,!0);if(t){var g=getCachedStyle(t);a.forEach(function(e){p[e]=g(e)});var _=m.is3d?4:3,v=calculateElementPosition(m.offsetMatrix,plus(m.transformOrigin,getOrigin(m.targetMatrix,_)),m.width,m.height);o=v.direction,s=plus(v.origin,[v.left-m.left,v.top-m.top]),d=getClientRect(m.offsetRootContainer);var y=getOffsetInfo(r,r,!0).offsetParent||m.offsetRootContainer;if(m.hasZoom){var b=calculateElementPosition(multiply(m.originalRootMatrix,m.allMatrix),m.transformOrigin,m.width,m.height),x=calculateElementPosition(m.originalRootMatrix,getTransformOriginArray(getCachedStyle(y)(`transformOrigin`)).map(function(e){return parseFloat(e)}),y.offsetWidth,y.offsetHeight);if(c=getClientRectByPosition(b,d),u=getClientRectByPosition(x,d,y,!0),e){var S=b.left,C=b.top;l=getClientRectByPosition({left:S,top:C,bottom:C,right:C},d)}}else{c=getClientRect(t),u=getCachedClientRect(y),e&&(l=getClientRect(e));var w=u.left,T=u.top,E=u.clientLeft,D=u.clientTop,O=[c.left-w,c.top-T];f=minus(calculateInversePosition(m.rootMatrix,O,4),[E+m.left,D+m.top])}}return __assign$6({targetClientRect:c,containerClientRect:u,moveableClientRect:l,rootContainerClientRect:d,beforeDirection:o,beforeOrigin:s,originalBeforeOrigin:s,target:t,style:p,offsetDelta:f},m)}function getPersistState(e){var t=e.pos1,n=e.pos2,r=e.pos3,i=e.pos4;if(!t||!n||!r||!i)return null;var a=getMinMaxs([t,n,r,i]),o=[a.minX,a.minY],s=minus(e.origin,o);return t=minus(t,o),n=minus(n,o),r=minus(r,o),i=minus(i,o),__assign$6(__assign$6({},e),{left:e.left,top:e.top,posDelta:o,pos1:t,pos2:n,pos3:r,pos4:i,origin:s,beforeOrigin:s,isPersisted:!0})}var MoveableManager=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.state=__assign$6({container:null,gestos:{},renderLines:[[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]]],renderPoses:[[0,0],[0,0],[0,0],[0,0]],disableNativeEvent:!1,posDelta:[0,0]},getMoveableTargetInfo(null)),t.renderState={},t.enabledAbles=[],t.targetAbles=[],t.controlAbles=[],t.rotation=0,t.scale=[1,1],t.isMoveableMounted=!1,t.isUnmounted=!1,t.events={mouseEnter:null,mouseLeave:null},t._emitter=new EventEmitter$3,t._prevOriginalDragTarget=null,t._originalDragTarget=null,t._prevDragTarget=null,t._dragTarget=null,t._prevPropTarget=null,t._propTarget=null,t._prevDragArea=!1,t._isPropTargetChanged=!1,t._hasFirstTarget=!1,t._reiszeObserver=null,t._observerId=0,t._mutationObserver=null,t._rootContainer=null,t._viewContainer=null,t._viewClassNames=[],t._store={},t.checkUpdateRect=function(){if(!t.isDragging()){var e=t.props.parentMoveable;if(e){e.checkUpdateRect();return}cancelAnimationFrame(t._observerId),t._observerId=requestAnimationFrame$1(function(){t.isDragging()||t.updateRect()})}},t._onPreventClick=function(e){e.stopPropagation(),e.preventDefault()},t}return t.prototype.render=function(){var e=this.props,t=this.getState(),n=e.parentPosition,r=e.className,i=e.target,a=e.zoom,o=e.cspNonce,s=e.translateZ,c=e.cssStyled,l=e.groupable,u=e.linePadding,d=e.controlPadding;this._checkUpdateRootContainer(),this.checkUpdate(),this.updateRenderPoses();var f=__read$1(n||[0,0],2),p=f[0],m=f[1],g=t.left,_=t.top,v=t.target,y=t.direction,b=t.hasFixed,x=t.offsetDelta,S=e.targets,C=this.isDragging(),w={};this.getEnabledAbles().forEach(function(e){w[`data-able-${e.name.toLowerCase()}`]=!0});var T=this._getAbleClassName(),E=S&&S.length&&(v||l)||i||!this._hasFirstTarget&&this.state.isPersisted,D=this.controlBox||this.props.firstRenderState||this.props.persistData,O=[g-p,_-m];!l&&e.useAccuratePosition&&(O[0]+=x[0],O[1]+=x[1]);var k={position:b?`fixed`:`absolute`,display:E?`block`:`none`,visibility:D?`visible`:`hidden`,transform:`translate3d(${O[0]}px, ${O[1]}px, ${s})`,"--zoom":a,"--zoompx":`${a}px`};return u&&(k[`--moveable-line-padding`]=u),d&&(k[`--moveable-control-padding`]=d),createElement(c,__assign$6({cspNonce:o,ref:ref(this,`controlBox`),className:`${prefix$1(`control-box`,y===-1?`reverse`:``,C?`dragging`:``)} ${T} ${r}`},w,{onClick:this._onPreventClick,style:k}),this.renderAbles(),this._renderLines())},t.prototype.componentDidMount=function(){this.isMoveableMounted=!0,this.isUnmounted=!1;var e=this.props,t=e.parentMoveable,n=e.container;this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateTargets(),this._updateNativeEvents(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(this.props),!n&&!t&&!this.state.isPersisted&&(this.updateRect(``,!1,!1),this.forceUpdate())},t.prototype.componentDidUpdate=function(e){this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateNativeEvents(),this._updateTargets(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(e)},t.prototype.componentWillUnmount=function(){var e,t;this.isMoveableMounted=!1,this.isUnmounted=!0,this._emitter.off(),(e=this._reiszeObserver)==null||e.disconnect(),(t=this._mutationObserver)==null||t.disconnect(),this._viewContainer&&this._changeAbleViewClassNames([]),unsetGesto(this,!1),unsetGesto(this,!0);var n=this.events;for(var r in n){var i=n[r];i&&i.destroy()}},t.prototype.getTargets=function(){var e=this.props.target;return e?[e]:[]},t.prototype.getAble=function(e){return find$1(this.props.ables||[],function(t){return t.name===e})},t.prototype.getContainer=function(){var e=this.props,t=e.parentMoveable,n=e.wrapperMoveable;return e.container||n&&n.getContainer()||t&&t.getContainer()||this.controlBox.parentElement},t.prototype.getControlBoxElement=function(){return this.controlBox},t.prototype.getDragElement=function(){return this._dragTarget},t.prototype.isMoveableElement=function(e){var t;return e&&(e.getAttribute?.call(e,`class`)||``).indexOf(PREFIX$1)>-1},t.prototype.dragStart=function(e,t){t===void 0&&(t=e.target);var n=this.targetGesto,r=this.controlGesto;return n&&checkMoveableTarget(this)({inputEvent:e},t)?n.isFlag()||n.triggerDragStart(e):r&&this.isMoveableElement(t)&&(r.isFlag()||r.triggerDragStart(e)),this},t.prototype.hitTest=function(e){var t=this.state,n=t.target,r=t.pos1,i=t.pos2,a=t.pos3,o=t.pos4,s=t.targetClientRect;if(!n)return 0;var c;if(isNode(e)){var l=e.getBoundingClientRect();c={left:l.left,top:l.top,width:l.width,height:l.height}}else c=__assign$6({width:0,height:0},e);var u=c.left,d=c.top,f=c.width,p=c.height,m=fitPoints([r,i,o,a],s),g=getOverlapSize(m,[[u,d],[u+f,d],[u+f,d+p],[u,d+p]]),_=getAreaSize(m);return!g||!_?0:Math.min(100,g/_*100)},t.prototype.isInside=function(e,t){var n=this.state,r=n.target,i=n.pos1,a=n.pos2,o=n.pos3,s=n.pos4,c=n.targetClientRect;return r?isInside([e,t],fitPoints([i,a,s,o],c)):!1},t.prototype.updateRect=function(e,t,n){n===void 0&&(n=!0);var r=this.props,i=!r.parentPosition&&!r.wrapperMoveable;i&&setStoreCache(!0);var a=r.parentMoveable,o=this.state.target||r.target,s=this.getContainer(),c=a?a._rootContainer:this._rootContainer,l=getMoveableTargetInfo(this.controlBox,o,s,s,c||s,this._getRequestStyles());if(!o&&this._hasFirstTarget&&r.persistData){var u=getPersistState(r.persistData);for(var d in u)l[d]=u[d]}i&&setStoreCache(),this.updateState(l,a?!1:n)},t.prototype.isDragging=function(e){var t,n,r=this.targetGesto,i=this.controlGesto;if(r?.isFlag()){if(!e)return!0;var a=r.getEventData();return!!a[e]?.isEventStart}if(i?.isFlag()){if(!e)return!0;var a=i.getEventData();return!!a[e]?.isEventStart}return!1},t.prototype.updateTarget=function(e){this.updateRect(e,!0)},t.prototype.getRect=function(){var e=this.state,t=getAbsolutePosesByState(this.state),n=__read$1(t,4),r=n[0],i=n[1],a=n[2],o=n[3],s=getRect(t),c=e.width,l=e.height,u=s.width,d=s.height,f=s.left,p=s.top,m=[e.left,e.top],g=plus(m,e.origin);return{width:u,height:d,left:f,top:p,pos1:r,pos2:i,pos3:a,pos4:o,offsetWidth:c,offsetHeight:l,beforeOrigin:plus(m,e.beforeOrigin),origin:g,transformOrigin:e.transformOrigin,rotation:this.getRotation()}},t.prototype.getManager=function(){return this},t.prototype.stopDrag=function(e){if(!e||e===`target`){var t=this.targetGesto;t?.isIdle()===!1&&unsetAbles(this,!1),t?.stop()}if(!e||e===`control`){var t=this.controlGesto;t?.isIdle()===!1&&unsetAbles(this,!0),t?.stop()}},t.prototype.getRotation=function(){var e=this.state,t=e.pos1,n=e.pos2,r=e.direction;return getAbsoluteRotation(t,n,r)},t.prototype.request=function(e,t,n){t===void 0&&(t={});var r=this,i=r.props,a=i.parentMoveable||i.wrapperMoveable||r,o=a.props.ables,s=i.groupable,c=find$1(o,function(t){return t.name===e});if(this.isDragging()||!c||!c.request)return{request:function(){return this},requestEnd:function(){return this}};var l=c.request(r),u=n||t.isInstant,d=l.isControl?`controlAbles`:`targetAbles`,f=`${s?`Group`:``}${l.isControl?`Control`:``}`,p=__spreadArray$3([],__read$1(a[d]),!1),m={request:function(t){return triggerAble(r,p,[`drag`],f,``,__assign$6(__assign$6({},l.request(t)),{requestAble:e,isRequest:!0}),u),m},requestEnd:function(){return triggerAble(r,p,[`drag`],f,`End`,__assign$6(__assign$6({},l.requestEnd()),{requestAble:e,isRequest:!0}),u),m}};return triggerAble(r,p,[`drag`],f,`Start`,__assign$6(__assign$6({},l.requestStart(t)),{requestAble:e,isRequest:!0}),u),u?m.request(t).requestEnd():m},t.prototype.getMoveables=function(){return[this]},t.prototype.destroy=function(){this.componentWillUnmount()},t.prototype.updateRenderPoses=function(){var e=this.getState(),t=this.props,n=t.padding,r=e.originalBeforeOrigin,i=e.transformOrigin,a=e.allMatrix,o=e.is3d,s=e.pos1,c=e.pos2,l=e.pos3,u=e.pos4,d=e.left,f=e.top,p=e.isPersisted,m=t.zoom||1;if(!n&&m<=1){e.renderPoses=[s,c,l,u],e.renderLines=[[s,c],[c,u],[u,l],[l,s]];return}var g=getPaddingBox(n||{}),_=g.left,v=g.top,y=g.bottom,b=g.right,x=o?4:3,S=[];S=p?i:this.controlBox&&t.groupable?r:plus(r,[d,f]);var C=multiplies(x,createOriginMatrix(S.map(function(e){return-e}),x),a,createOriginMatrix(i,x)),w=calculatePadding(C,s,[-_,-v],x),T=calculatePadding(C,c,[b,-v],x),E=calculatePadding(C,l,[-_,y],x),D=calculatePadding(C,u,[b,y],x);if(e.renderPoses=[w,T,E,D],e.renderLines=[[w,T],[T,D],[D,E],[E,w]],m){var O=m/2;e.renderLines=[[calculatePadding(C,s,[-_-O,-v],x),calculatePadding(C,c,[b+O,-v],x)],[calculatePadding(C,c,[b,-v-O],x),calculatePadding(C,u,[b,y+O],x)],[calculatePadding(C,u,[b+O,y],x),calculatePadding(C,l,[-_-O,y],x)],[calculatePadding(C,l,[-_,y+O],x),calculatePadding(C,s,[-_,-v-O],x)]]}},t.prototype.checkUpdate=function(){this._isPropTargetChanged=!1;var e=this.props,t=e.target,n=e.container,r=e.parentMoveable,i=this.state,a=i.target,o=i.container;if(!(!a&&!t)){this.updateAbles();var s=!equals(a,t);if(s||!equals(o,n)){var c=n||this.controlBox;c&&this.unsetAbles(),this.updateState({target:t,container:n}),!r&&c&&this.updateRect(`End`,!1,!1),this._isPropTargetChanged=s}}},t.prototype.waitToChangeTarget=function(){return new Promise(function(){})},t.prototype.triggerEvent=function(e,t){var n=this.props;if(this._emitter.trigger(e,t),n.parentMoveable&&t.isRequest&&!t.isRequestChild)return n.parentMoveable.triggerEvent(e,t,!0);var r=n[e];return r&&r(t)},t.prototype.useCSS=function(e,t){var n=this.props.customStyledMap,r=e+t;return n[r]||(n[r]=styled(e,t)),n[r]},t.prototype.getState=function(){var e,t=this.props;(t.target||t.targets?.length)&&(this._hasFirstTarget=!0);var n=this.controlBox,r=t.persistData,i=t.firstRenderState;if(i&&!n)return i;if(!this._hasFirstTarget&&r){var a=getPersistState(r);if(a)return this.updateState(a,!1),this.state}return this.state.isPersisted=!1,this.state},t.prototype.updateSelectors=function(){},t.prototype.unsetAbles=function(){var e=this;this.targetAbles.forEach(function(t){t.unset&&t.unset(e)})},t.prototype.updateAbles=function(e,t){e===void 0&&(e=this.props.ables),t===void 0&&(t=``);var n=this.props.triggerAblesSimultaneously,r=this.getEnabledAbles(e),i=`drag${t}Start`,a=`pinch${t}Start`,o=`drag${t}ControlStart`,s=filterAbles(r,[i,a],n),c=filterAbles(r,[o],n);this.enabledAbles=r,this.targetAbles=s,this.controlAbles=c},t.prototype.updateState=function(e,t){if(t){if(this.isUnmounted)return;this.setState(e)}else{var n=this.state;for(var r in e)n[r]=e[r]}},t.prototype.getEnabledAbles=function(e){e===void 0&&(e=this.props.ables);var t=this.props;return e.filter(function(e){return e&&(e.always&&t[e.name]!==!1||t[e.name])})},t.prototype.renderAbles=function(){var e=this,t=this.props.triggerAblesSimultaneously,n={createElement};return this.renderState={},groupByMap(flat(filterAbles(this.getEnabledAbles(),[`render`],t).map(function(t){var r=t.render;return r(e,n)||[]})).filter(function(e){return e}),function(e){return e.key}).map(function(e){return e[0]})},t.prototype.updateCheckInput=function(){this.targetGesto&&(this.targetGesto.options.checkInput=this.props.checkInput)},t.prototype._getRequestStyles=function(){return this.getEnabledAbles().reduce(function(e,t){var n,r,i=t.requestStyle?.call(t)??[];return __spreadArray$3(__spreadArray$3([],__read$1(e),!1),__read$1(i),!1)},__spreadArray$3([],__read$1(this.props.requestStyles||[]),!1))},t.prototype._updateObserver=function(e){this._updateResizeObserver(e),this._updateMutationObserver(e)},t.prototype._updateEvents=function(){var e=this.targetAbles.length,t=this.controlAbles.length,n=this._dragTarget;(!e&&this.targetGesto||this._isTargetChanged(!0))&&(unsetGesto(this,!1),this.updateState({gestos:{}})),t||unsetGesto(this,!0),n&&e&&!this.targetGesto&&(this.targetGesto=getTargetAbleGesto(this,n,``)),!this.controlGesto&&t&&(this.controlGesto=getControlAbleGesto(this,`Control`))},t.prototype._updateTargets=function(){var e=this.props;this._prevPropTarget=this._propTarget,this._prevDragTarget=this._dragTarget,this._prevOriginalDragTarget=this._originalDragTarget,this._prevDragArea=e.dragArea,this._propTarget=e.target,this._originalDragTarget=e.dragTarget||e.target,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},t.prototype._renderLines=function(){var e=this.props,t=e.zoom,n=e.hideDefaultLines,r=e.hideChildMoveableDefaultLines,i=e.parentMoveable;if(n||i&&r)return[];var a=this.getState(),o={createElement};return a.renderLines.map(function(e,n){return renderLine(o,``,e[0],e[1],t,`render-line-${n}`)})},t.prototype._isTargetChanged=function(e){var t=this.props,n=t.dragTarget||t.target,r=this._prevOriginalDragTarget,i=this._prevDragArea,a=t.dragArea;return!a&&r!==n||(e||a)&&i!==a||this._prevPropTarget!=this._propTarget},t.prototype._updateNativeEvents=function(){var e=this,t=this.props.dragArea?this.areaElement:this.state.target,n=this.events,r=getKeys(n);if(this._isTargetChanged())for(var i in n){var a=n[i];a&&a.destroy(),n[i]=null}if(t){var o=this.enabledAbles;r.forEach(function(r){var i=filterAbles(o,[r]),a=i.length>0,s=n[r];if(!a){s&&(s.destroy(),n[r]=null);return}s||(s=new EventManager(t,e,r),n[r]=s),s.setAbles(i)})}},t.prototype._checkUpdateRootContainer=function(){var e=this.props.rootContainer;!this._rootContainer&&e&&(this._rootContainer=getRefTarget(e,!0))},t.prototype._checkUpdateViewContainer=function(){var e=this.props.viewContainer;!this._viewContainer&&e&&(this._viewContainer=getRefTarget(e,!0)),this._viewContainer&&this._changeAbleViewClassNames(__spreadArray$3(__spreadArray$3([],__read$1(this._getAbleViewClassNames()),!1),[this.isDragging()?VIEW_DRAGGING:``],!1))},t.prototype._changeAbleViewClassNames=function(e){var t=this._viewContainer,n=groupBy(e.filter(Boolean),function(e){return e}).map(function(e){return __read$1(e,1)[0]}),r=this._viewClassNames,i=diff$1(r,n),a=i.removed,o=i.added;a.forEach(function(e){removeClass(t,r[e])}),o.forEach(function(e){addClass(t,n[e])}),this._viewClassNames=n},t.prototype._getAbleViewClassNames=function(){var e=this;return(this.getEnabledAbles().map(function(t){var n;return t.viewClassName?.call(t,e)||``}).join(` `)+` ${this._getAbleClassName(`-view`)}`).split(/\s+/g)},t.prototype._getAbleClassName=function(e){var t=this;e===void 0&&(e=``);var n=this.getEnabledAbles(),r=this.targetGesto,i=this.controlGesto,a=r?.isFlag()?r.getEventData():{},o=i?.isFlag()?i.getEventData():{};return n.map(function(n){var r,i,s,c=n.name,l=n.className?.call(n,t)||``;return(a[c]?.isEventStart||o[c]?.isEventStart)&&(l+=` ${prefix$1(`${c}${e}-dragging`)}`),l.trim()}).filter(Boolean).join(` `)},t.prototype._updateResizeObserver=function(e){var t,n=this.props,r=n.target,i=getWindow(this.getControlBoxElement());if(!i.ResizeObserver||!r||!n.useResizeObserver){(t=this._reiszeObserver)==null||t.disconnect();return}if(!(e.target===r&&this._reiszeObserver)){var a=new i.ResizeObserver(this.checkUpdateRect);a.observe(r,{box:`border-box`}),this._reiszeObserver=a}},t.prototype._updateMutationObserver=function(e){var t=this,n,r=this.props,i=r.target,a=getWindow(this.getControlBoxElement());if(!a.MutationObserver||!i||!r.useMutationObserver){(n=this._mutationObserver)==null||n.disconnect();return}if(!(e.target===i&&this._mutationObserver)){var o=new a.MutationObserver(function(e){var n,r;try{for(var i=__values$1(e),a=i.next();!a.done;a=i.next()){var o=a.value;o.type===`attributes`&&o.attributeName===`style`&&t.checkUpdateRect()}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}});o.observe(i,{attributes:!0}),this._mutationObserver=o}},t.defaultProps={dragTargetSelf:!1,target:null,dragTarget:null,container:null,rootContainer:null,origin:!0,parentMoveable:null,wrapperMoveable:null,isWrapperMounted:!1,parentPosition:null,warpSelf:!1,svgOrigin:``,dragContainer:null,useResizeObserver:!1,useMutationObserver:!1,preventDefault:!0,preventRightClick:!0,preventWheelClick:!0,linePadding:0,controlPadding:0,ables:[],pinchThreshold:20,dragArea:!1,passDragArea:!1,transformOrigin:``,className:``,zoom:1,triggerAblesSimultaneously:!1,padding:{},pinchOutside:!0,checkInput:!1,dragFocusedInput:!1,groupable:!1,hideDefaultLines:!1,cspNonce:``,translateZ:0,cssStyled:null,customStyledMap:{},props:{},stopPropagation:!1,preventClickDefault:!1,preventClickEventOnDrag:!0,flushSync:defaultSync,firstRenderState:null,persistData:null,viewContainer:null,requestStyles:[],useAccuratePosition:!1},t}(PureComponent),Groupable={name:`groupable`,props:[`defaultGroupRotate`,`useDefaultGroupRotate`,`defaultGroupOrigin`,`groupable`,`groupableProps`,`targetGroups`,`hideChildMoveableDefaultLines`],events:[],render:function(e,t){var n,r=e.props,i=r.targets||[],a=e.getState(),o=a.left,s=a.top,c=a.isPersisted,l=r.zoom||1,u=e.renderGroupRects,d=r.persistData?.children||[];c?i=d.map(function(){return null}):d=[];var f=watchValue(e,`parentPosition`,[o,s],function(e){return e.join(`,`)}),p=watchValue(e,`requestStyles`,e.getRequestChildStyles(),function(e){return e.join(`,`)});return e.moveables=e.moveables.slice(0,i.length),__spreadArray$3(__spreadArray$3([],__read$1(i.map(function(n,i){return t.createElement(MoveableManager,{key:`moveable`+i,ref:refs(e,`moveables`,i),target:n,origin:!1,requestStyles:p,cssStyled:r.cssStyled,customStyledMap:r.customStyledMap,useResizeObserver:r.useResizeObserver,useMutationObserver:r.useMutationObserver,hideChildMoveableDefaultLines:r.hideChildMoveableDefaultLines,parentMoveable:e,parentPosition:[o,s],persistData:d[i],zoom:l})})),!1),__read$1(flat(u.map(function(e,n){var r=[e.pos1,e.pos2,e.pos3,e.pos4];return[[0,1],[1,3],[3,2],[2,0]].map(function(e,i){var a=__read$1(e,2),o=a[0],s=a[1];return renderLine(t,``,minus(r[o],f),minus(r[s],f),l,`group-rect-${n}-${i}`)})}))),!1)}},Clickable=makeAble(`clickable`,{props:[`clickable`],events:[`click`,`clickGroup`],always:!0,dragRelation:`weak`,dragStart:function(){},dragControlStart:function(){},dragGroupStart:function(e,t){t.datas.inputTarget=t.inputEvent&&t.inputEvent.target},dragEnd:function(e,t){var n=e.props.target,r=t.inputEvent,i=t.inputTarget,a=!e.isMoveableElement(i)&&e.controlBox.contains(i);if(!(!r||!i||t.isDrag||e.isMoveableElement(i)||a)){var o=n.contains(i);triggerEvent(e,`onClick`,fillParams(e,t,{isDouble:t.isDouble,inputTarget:i,isTarget:n===i,moveableTarget:e.props.target,containsTarget:o}))}},dragGroupEnd:function(e,t){var n=t.inputEvent,r=t.inputTarget;if(!(!n||!r||t.isDrag||e.isMoveableElement(r)||t.datas.inputTarget===r)){var i=e.props.targets,a=i.indexOf(r),o=a>-1,s=!1;a===-1&&(a=findIndex(i,function(e){return e.contains(r)}),s=a>-1),triggerEvent(e,`onClickGroup`,fillParams(e,t,{isDouble:t.isDouble,targets:i,inputTarget:r,targetIndex:a,isTarget:o,containsTarget:s,moveableTarget:i[a]}))}},dragControlEnd:function(e,t){this.dragEnd(e,t)},dragGroupControlEnd:function(e,t){this.dragEnd(e,t)}});function getDraggableEvent(e){var t=e.originalDatas.draggable;return t||(e.originalDatas.draggable={},t=e.originalDatas.draggable),__assign$6(__assign$6({},e),{datas:t})}var edgeDraggable=makeAble(`edgeDraggable`,{css:[`.edge.edgeDraggable.line {
|
||
cursor: move;
|
||
}`],render:function(e,t){var n=e.props,r=n.edgeDraggable;return r?renderEdgeLines(t,`edgeDraggable`,r,e.getState().renderPoses,n.zoom):[]},dragCondition:function(e,t){var n,r=e.props,i=t.inputEvent?.target;return!r.edgeDraggable||!i?!1:!r.draggable&&hasClass(i,prefix$1(`direction`))&&hasClass(i,prefix$1(`edge`))&&hasClass(i,prefix$1(`edgeDraggable`))},dragStart:function(e,t){return Draggable.dragStart(e,getDraggableEvent(t))},drag:function(e,t){return Draggable.drag(e,getDraggableEvent(t))},dragEnd:function(e,t){return Draggable.dragEnd(e,getDraggableEvent(t))},dragGroupCondition:function(e,t){var n,r=e.props,i=t.inputEvent?.target;return!r.edgeDraggable||!i?!1:!r.draggable&&hasClass(i,prefix$1(`direction`))&&hasClass(i,prefix$1(`line`))},dragGroupStart:function(e,t){return Draggable.dragGroupStart(e,getDraggableEvent(t))},dragGroup:function(e,t){return Draggable.dragGroup(e,getDraggableEvent(t))},dragGroupEnd:function(e,t){return Draggable.dragGroupEnd(e,getDraggableEvent(t))},unset:function(e){return Draggable.unset(e)}}),IndividualGroupable={name:`individualGroupable`,props:[`individualGroupable`,`individualGroupableProps`],events:[]},MOVEABLE_ABLES=[BeforeRenderable,Default,Snappable,Pinchable,Draggable,edgeDraggable,Resizable,Scalable,Warpable,Rotatable,Scrollable,Padding,Origin,OriginDraggable,Clippable,Roundable,Groupable,IndividualGroupable,Clickable,DragArea,Renderable],MOVEABLE_EVENTS=MOVEABLE_ABLES.reduce(function(e,t){return(t.events||[]).forEach(function(t){pushSet(e,t)}),e},[]),MOVEABLE_PROPS=MOVEABLE_ABLES.reduce(function(e,t){return(t.props||[]).forEach(function(t){pushSet(e,t)}),e},[]);function solveConstantsDistance(e,t){var n=__read$1(e,3),r=n[0],i=n[1],a=n[2];return(r*t[0]+i*t[1]+a)/Math.sqrt(r*r+i*i)}function solveC(e,t){var n=__read$1(e,2),r=n[0],i=n[1];return-r*t[0]-i*t[1]}function getMaxPos(e,t){return Math.max.apply(Math,__spreadArray$3([],__read$1(e.map(function(e){var n=__read$1(e,4),r=n[0],i=n[1],a=n[2],o=n[3];return Math.max(r[t],i[t],a[t],o[t])})),!1))}function getMinPos(e,t){return Math.min.apply(Math,__spreadArray$3([],__read$1(e.map(function(e){var n=__read$1(e,4),r=n[0],i=n[1],a=n[2],o=n[3];return Math.min(r[t],i[t],a[t],o[t])})),!1))}function getGroupRect(e,t){var n,r,i,a=[0,0],o=[0,0],s=[0,0],c=[0,0],l=0,u=0;if(!e.length)return{pos1:a,pos2:o,pos3:s,pos4:c,minX:0,minY:0,maxX:0,maxY:0,width:l,height:u,rotation:t};var d=throttle(t,TINY_NUM);if(d%90){var f=d/180*Math.PI,p=Math.tan(f),m=-1/p,g=[MAX_NUM,MIN_NUM],_=[[0,0],[0,0]],v=[MAX_NUM,MIN_NUM],y=[[0,0],[0,0]];e.forEach(function(e){e.forEach(function(e){var t=solveConstantsDistance([-p,1,0],e),n=solveConstantsDistance([-m,1,0],e);g[0]>t&&(_[0]=e,g[0]=t),g[1]<t&&(_[1]=e,g[1]=t),v[0]>n&&(y[0]=e,v[0]=n),v[1]<n&&(y[1]=e,v[1]=n)})});var b=__read$1(_,2),x=b[0],S=b[1],C=__read$1(y,2),w=C[0],T=C[1],E=[-p,1,solveC([-p,1],x)],D=[-p,1,solveC([-p,1],S)],O=[-m,1,solveC([-m,1],w)],k=[-m,1,solveC([-m,1],T)];n=__read$1([[E,O],[E,k],[D,O],[D,k]].map(function(e){var t=__read$1(e,2),n=t[0],r=t[1];return getIntersectionPointsByConstants(n,r)[0]}),4),a=n[0],o=n[1],s=n[2],c=n[3],l=v[1]-v[0],u=g[1]-g[0]}else{var A=getMinPos(e,0),j=getMinPos(e,1),M=getMaxPos(e,0),N=getMaxPos(e,1);if(a=[A,j],o=[M,j],s=[A,N],c=[M,N],l=M-A,u=N-j,d%180){var P=[s,a,c,o];r=__read$1(P,4),a=r[0],o=r[1],s=r[2],c=r[3],l=N-j,u=M-A}}if(d%360>180){var P=[c,s,o,a];i=__read$1(P,4),a=i[0],o=i[1],s=i[2],c=i[3]}var F=getMinMaxs([a,o,s,c]),I=F.minX,L=F.minY,R=F.maxX,z=F.maxY;return{pos1:a,pos2:o,pos3:s,pos4:c,width:l,height:u,minX:I,minY:L,maxX:R,maxY:z,rotation:t}}function findMoveableGroups(e,t){var n=t.map(function(t){if(isArray$1(t)){var n=findMoveableGroups(e,t),r=n.length;return r>1?n:r===1?n[0]:null}else{var i=find$1(e,function(e){return e.manager.props.target===t});return i?(i.finded=!0,i.manager):null}}).filter(Boolean);return n.length===1&&isArray$1(n[0])?n[0]:n}var MoveableGroup=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.differ=new ChildrenDiffer,t.moveables=[],t.transformOrigin=`50% 50%`,t.renderGroupRects=[],t._targetGroups=[],t._hasFirstTargets=!1,t}return t.prototype.componentDidMount=function(){e.prototype.componentDidMount.call(this)},t.prototype.checkUpdate=function(){this._isPropTargetChanged=!1,this.updateAbles()},t.prototype.getTargets=function(){return this.props.targets},t.prototype.updateRect=function(e,t,n){var r;n===void 0&&(n=!0);var i=this.state;if(!this.controlBox||i.isPersisted)return;setStoreCache(!0),this.moveables.forEach(function(t){t.updateRect(e,!1,!1)});var a=this.props,o=this.moveables,s=i.target||a.target,c=o.map(function(e){return{finded:!1,manager:e}}),l=this.props.targetGroups||[],u=findMoveableGroups(c,l),d=a.useDefaultGroupRotate;u.push.apply(u,__spreadArray$3([],__read$1(c.filter(function(e){return!e.finded}).map(function(e){return e.manager})),!1));var f=[],p=!t||e!==``&&a.updateGroup,m=a.defaultGroupRotate||0;if(!this._hasFirstTargets){var g=a.persistData?.rotation;g!=null&&(m=g)}function _(e,t,n){var r=e.map(function(e){if(isArray$1(e)){var n=_(e,t),r=[n.pos1,n.pos2,n.pos3,n.pos4];return f.push(n),{poses:r,rotation:n.rotation}}else return{poses:getAbsolutePosesByState(e.state),rotation:e.getRotation()}}),i=r.map(function(e){return e.rotation}),a=0,o=i[0],s=i.every(function(e){return Math.abs(o-e)<.1});return a=p?!d&&s?o:m:!d&&!n&&s?o:t,getGroupRect(r.map(function(e){return e.poses}),a)}var v=_(u,this.rotation,!0);p&&(this.rotation=v.rotation,this.transformOrigin=a.defaultGroupOrigin||`50% 50%`,this.scale=[1,1]),this._targetGroups=l,this.renderGroupRects=f;var y=this.transformOrigin,b=this.rotation,x=this.scale,S=v.width,C=v.height,w=v.minX,T=v.minY,E=getMinMaxs(rotatePosesInfo([[0,0],[S,0],[0,C],[S,C]],convertTransformOriginArray(y,S,C),this.rotation/180*Math.PI).result),D=E.minX,O=E.minY,k=` rotate(${b}deg) scale(${sign(x[0])}, ${sign(x[1])})`,A=`translate(${-D}px, ${-O}px)${k}`;this.controlBox.style.transform=`translate3d(${w}px, ${T}px, ${this.props.translateZ||0})`,s.style.cssText+=`left:0px;top:0px;transform-origin:${y};width:${S}px;height:${C}px;transform: ${A}`,i.width=S,i.height=C;var j=this.getContainer(),M=getMoveableTargetInfo(this.controlBox,s,this.controlBox,this.getContainer(),this._rootContainer||j,[]),N=[M.left,M.top],P=__read$1(getAbsolutePosesByState(M),4),F=P[0],I=P[1],L=P[2],R=P[3],z=getMinMaxs([F,I,L,R]),B=[z.minX,z.minY],V=sign(x[0]*x[1]);M.pos1=minus(F,B),M.pos2=minus(I,B),M.pos3=minus(L,B),M.pos4=minus(R,B),M.left=w-M.left+B[0],M.top=T-M.top+B[1],M.origin=minus(plus(N,M.origin),B),M.beforeOrigin=minus(plus(N,M.beforeOrigin),B),M.originalBeforeOrigin=plus(N,M.originalBeforeOrigin),M.transformOrigin=minus(plus(N,M.transformOrigin),B),s.style.transform=`translate(${-D-B[0]}px, ${-O-B[1]}px)`+k,setStoreCache(),this.updateState(__assign$6(__assign$6({},M),{posDelta:B,direction:V,beforeDirection:V}),n)},t.prototype.getRect=function(){return __assign$6(__assign$6({},e.prototype.getRect.call(this)),{children:this.moveables.map(function(e){return e.getRect()})})},t.prototype.triggerEvent=function(t,n,r){if(r||t.indexOf(`Group`)>-1)return e.prototype.triggerEvent.call(this,t,n);this._emitter.trigger(t,n)},t.prototype.getRequestChildStyles=function(){return this.getEnabledAbles().reduce(function(e,t){var n,r,i=t.requestChildStyle?.call(t)??[];return __spreadArray$3(__spreadArray$3([],__read$1(e),!1),__read$1(i),!1)},[])},t.prototype.getMoveables=function(){return __spreadArray$3([],__read$1(this.moveables),!1)},t.prototype.updateAbles=function(){e.prototype.updateAbles.call(this,__spreadArray$3(__spreadArray$3([],__read$1(this.props.ables),!1),[Groupable],!1),`Group`)},t.prototype._updateTargets=function(){e.prototype._updateTargets.call(this),this._originalDragTarget=this.props.dragTarget||this.areaElement,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},t.prototype._updateEvents=function(){var e=this.state,t=this.props,n=this._prevDragTarget,r=t.dragTarget||this.areaElement,i=t.targets,a=this.differ.update(i),o=a.added,s=a.changed,c=a.removed,l=o.length||c.length;(l||this._prevOriginalDragTarget!==this._originalDragTarget)&&(unsetGesto(this,!1),unsetGesto(this,!0),this.updateState({gestos:{}})),n!==r&&(e.target=null),e.target||(e.target=this.areaElement,this.controlBox.style.display=`block`),e.target&&(this.targetGesto||(this.targetGesto=getTargetAbleGesto(this,this._dragTarget,`Group`)),this.controlGesto||(this.controlGesto=getControlAbleGesto(this,`GroupControl`)));var u=!equals(e.container,t.container);u&&(e.container=t.container),(u||l||this.transformOrigin!==(t.defaultGroupOrigin||`50% 50%`)||s.length||i.length&&!isDeepArrayEquals(this._targetGroups,t.targetGroups||[]))&&(this.updateRect(),this._hasFirstTargets=!0),this._isPropTargetChanged=!!l},t.prototype._updateObserver=function(){},t.defaultProps=__assign$6(__assign$6({},MoveableManager.defaultProps),{transformOrigin:[`50%`,`50%`],groupable:!0,dragArea:!0,keepRatio:!0,targets:[],defaultGroupRotate:0,defaultGroupOrigin:`50% 50%`}),t}(MoveableManager),MoveableIndividualGroup=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.moveables=[],t}return t.prototype.render=function(){var e=this,t,n=this.props,r=n.cspNonce,i=n.cssStyled,a=n.persistData,o=n.targets||[],s=o.length,c=this.isUnmounted||!s,l=a?.children??[];return c&&!s&&l.length?o=l.map(function(){return null}):c||(l=[]),createElement(i,{cspNonce:r,ref:ref(this,`controlBox`),className:prefix$1(`control-box`)},o.map(function(t,r){var i,a,o=n.individualGroupableProps?.call(n,t,r)??{};return createElement(MoveableManager,__assign$6({key:`moveable`+r,ref:refs(e,`moveables`,r)},n,o,{target:t,wrapperMoveable:e,isWrapperMounted:e.isMoveableMounted,persistData:l[r]}))}))},t.prototype.componentDidMount=function(){},t.prototype.componentDidUpdate=function(){},t.prototype.getTargets=function(){return this.props.targets},t.prototype.updateRect=function(e,t,n){n===void 0&&(n=!0),setStoreCache(!0),this.moveables.forEach(function(r){r.updateRect(e,t,n)}),setStoreCache()},t.prototype.getRect=function(){return __assign$6(__assign$6({},e.prototype.getRect.call(this)),{children:this.moveables.map(function(e){return e.getRect()})})},t.prototype.request=function(e,t,n){t===void 0&&(t={});var r=this.moveables.map(function(n){return n.request(e,__assign$6(__assign$6({},t),{isInstant:!1}),!1)}),i=n||t.isInstant,a={request:function(e){return r.forEach(function(t){return t.request(e)}),this},requestEnd:function(){return r.forEach(function(e){return e.requestEnd()}),this}};return i?a.request(t).requestEnd():a},t.prototype.dragStart=function(e,t){t===void 0&&(t=e.target);var n=t,r=find$1(this.moveables,function(e){var t=e.getTargets()[0],r=e.getControlBoxElement(),i=e.getDragElement();return!t||!i?!1:i===n||i.contains(n)||i!==t&&t===n||t.contains(n)||r===n||r.contains(n)});return r&&r.dragStart(e,t),this},t.prototype.hitTest=function(){return 0},t.prototype.isInside=function(){return!1},t.prototype.isDragging=function(){return!1},t.prototype.getDragElement=function(){return null},t.prototype.getMoveables=function(){return __spreadArray$3([],__read$1(this.moveables),!1)},t.prototype.updateRenderPoses=function(){},t.prototype.checkUpdate=function(){},t.prototype.triggerEvent=function(){},t.prototype.updateAbles=function(){},t.prototype._updateEvents=function(){},t.prototype._updateObserver=function(){},t}(MoveableManager);function getElementTargets(e,t){var n=[];return e.forEach(function(e){if(e){if(isString(e)){t[e]&&n.push.apply(n,__spreadArray$3([],__read$1(t[e]),!1));return}isArray$1(e)?n.push.apply(n,__spreadArray$3([],__read$1(getElementTargets(e,t)),!1)):n.push(e)}}),n}function getTargetGroups(e,t){var n=[];return e.forEach(function(e){if(e){if(isString(e)){t[e]&&n.push.apply(n,__spreadArray$3([],__read$1(t[e]),!1));return}isArray$1(e)?n.push(getTargetGroups(e,t)):n.push(e)}}),n}function compareRefTargets(e,t){return e.length!==t.length||e.some(function(e,n){var r=t[n];return!e&&!r||e==r?!1:isArray$1(e)&&isArray$1(r)?compareRefTargets(e,r):!0})}var InitialMoveable=function(e){__extends$7(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.refTargets=[],t.selectorMap={},t._differ=new ChildrenDiffer,t._elementTargets=[],t._tmpRefTargets=[],t._tmpSelectorMap={},t._onChangeTargets=null,t}return t.makeStyled=function(){var e={};this.getTotalAbles().forEach(function(t){var n=t.css;n&&n.forEach(function(t){e[t]=!0})}),this.defaultStyled=styled(`div`,prefixCSS(PREFIX$1,MOVEABLE_CSS+getKeys(e).join(`
|
||
`)))},t.getTotalAbles=function(){return __spreadArray$3([Default,Groupable,IndividualGroupable,DragArea],__read$1(this.defaultAbles),!1)},t.prototype.render=function(){var e,t=this.constructor;t.defaultStyled||t.makeStyled();var n=this.props,r=n.ables,i=n.props,a=__rest(n,[`ables`,`props`]),o=__read$1(this._updateRefs(!0),2),s=o[0],c=o[1],l=getElementTargets(s,c),u=l.length>1,d=__spreadArray$3(__spreadArray$3([],__read$1(t.getTotalAbles()),!1),__read$1(r||[]),!1),f=__assign$6(__assign$6(__assign$6({},a),i||{}),{ables:d,cssStyled:t.defaultStyled,customStyledMap:t.customStyledMap});this._elementTargets=l;var p=null,m=this.moveable;if(a.persistData?.children&&(u=!0),a.individualGroupable)return createElement(MoveableIndividualGroup,__assign$6({key:`individual-group`,ref:ref(this,`moveable`)},f,{target:null,targets:l}));if(u){var g=getTargetGroups(s,c);if(m&&!m.props.groupable&&!m.props.individualGroupable){var _=m.props.target;_&&l.indexOf(_)>-1&&(p=__assign$6({},m.state))}return createElement(MoveableGroup,__assign$6({key:`group`,ref:ref(this,`moveable`)},f,a.groupableProps??{},{target:null,targets:l,targetGroups:g,firstRenderState:p}))}else{var v=l[0];if(m&&(m.props.groupable||m.props.individualGroupable)){var y=find$1(m.moveables||[],function(e){return e.props.target===v});y&&(p=__assign$6({},y.state))}return createElement(MoveableManager,__assign$6({key:`single`,ref:ref(this,`moveable`)},f,{target:v,firstRenderState:p}))}},t.prototype.componentDidMount=function(){this._checkChangeTargets()},t.prototype.componentDidUpdate=function(){this._checkChangeTargets()},t.prototype.componentWillUnmount=function(){this.selectorMap={},this.refTargets=[]},t.prototype.getTargets=function(){var e,t;return this.moveable?.getTargets()??[]},t.prototype.updateSelectors=function(){this.selectorMap={},this._updateRefs(),this.forceUpdate()},t.prototype.waitToChangeTarget=function(){var e=this,t;return this._onChangeTargets=function(){e._onChangeTargets=null,t()},new Promise(function(e){t=e})},t.prototype.waitToChangeTargets=function(){return this.waitToChangeTarget()},t.prototype.getManager=function(){return this.moveable},t.prototype.getMoveables=function(){return this.moveable.getMoveables()},t.prototype.getDragElement=function(){return this.moveable.getDragElement()},t.prototype._updateRefs=function(e){var t=this.refTargets,n=getRefTargets(this.props.target||this.props.targets),r=typeof document<`u`,i=compareRefTargets(t,n),a=this.selectorMap,o={};return this.refTargets.forEach(function e(t){isString(t)?a[t]?o[t]=a[t]:r&&(i=!0,o[t]=[].slice.call(document.querySelectorAll(t))):isArray$1(t)&&t.forEach(e)}),this._tmpRefTargets=n,this._tmpSelectorMap=o,[n,o,!e&&i]},t.prototype._checkChangeTargets=function(){var e,t,n;this.refTargets=this._tmpRefTargets,this.selectorMap=this._tmpSelectorMap;var r=this._differ.update(this._elementTargets),i=r.added,a=r.removed;(i.length||a.length)&&((t=(e=this.props).onChangeTargets)==null||t.call(e,{moveable:this.moveable,targets:this._elementTargets}),(n=this._onChangeTargets)==null||n.call(this));var o=__read$1(this._updateRefs(),3),s=o[0],c=o[1],l=o[2];this.refTargets=s,this.selectorMap=c,l&&this.forceUpdate()},t.defaultAbles=[],t.customStyledMap={},t.defaultStyled=null,__decorate$3([withMethods(MOVEABLE_METHODS)],t.prototype,`moveable`,void 0),t}(PureComponent),Moveable$1=function(e){__extends$7(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.defaultAbles=MOVEABLE_ABLES,t}(InitialMoveable),extendStatics$6=function(e,t){return extendStatics$6=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$6(e,t)};function __extends$6(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$6(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$5=function(){return __assign$5=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$5.apply(this,arguments)};function __decorate$2(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var InnerMoveable=function(e){__extends$6(t,e);function t(t){var n=e.call(this,t)||this;return n.state={},n.state=n.props,n}var n=t.prototype;return n.render=function(){return createElement(Moveable$1,__assign$5({ref:ref(this,`moveable`)},this.state))},t}(Component$1),PROPERTIES$3=MOVEABLE_PROPS,METHODS$2=MOVEABLE_METHODS,EVENTS$2=MOVEABLE_EVENTS,Moveable=function(e){__extends$6(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t}(function(e){__extends$6(t,e);function t(t,n){n===void 0&&(n={});var r=e.call(this)||this;r.containerProvider=null,r.selfElement=null,r._warp=!1;var i=__assign$5({},n),a={};EVENTS$2.forEach(function(e){a[camelize(`on ${e}`)]=function(t){return r.trigger(e,t)}});var o;n.warpSelf?(delete n.warpSelf,r._warp=!0,o=t):(o=getDocument(t).createElement(`div`),t.appendChild(o)),r.containerProvider=renderSelf(createElement(InnerMoveable,__assign$5({ref:ref(r,`innerMoveable`)},i,a)),o),r.selfElement=o;var s=i.target;return isArray$1(s)&&s.length>1&&r.updateRect(),r}var n=t.prototype;return n.setState=function(e,t){this.innerMoveable.setState(e,t)},n.forceUpdate=function(e){this.innerMoveable.forceUpdate(e)},n.dragStart=function(e,t){t===void 0&&(t=e.target),this.innerMoveable.$_timer&&this.forceUpdate(),this.getMoveable().dragStart(e,t)},n.destroy=function(){var e,t=this.selfElement;renderSelf(null,t,this.containerProvider),this._warp||(e=t?.parentElement)==null||e.removeChild(t),this.containerProvider=null,this.off(),this.selfElement=null,this.innerMoveable=null},n.getMoveable=function(){return this.innerMoveable.moveable},t=__decorate$2([Properties(METHODS$2,function(e,t){e[t]||(e[t]=function(){var e=[...arguments],n=this.getMoveable();if(!(!n||!n[t]))return n[t].apply(n,e)})}),Properties(PROPERTIES$3,function(e,t){Object.defineProperty(e,t,{get:function(){return this.getMoveable().props[t]},set:function(e){var n;this.setState((n={},n[t]=e,n))},enumerable:!0,configurable:!0})})],t),t}(EventEmitter$3)),extendStatics$5=function(e,t){return extendStatics$5=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$5(e,t)};function __extends$5(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$5(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function createCommonjsModule(e,t){return t={exports:{}},e(t,t.exports),t.exports}var keycode=createCommonjsModule(function(e,t){function n(e){if(e&&typeof e==`object`){var t=e.which||e.keyCode||e.charCode;t&&(e=t)}if(typeof e==`number`)return o[e];var n=String(e),a=r[n.toLowerCase()];if(a)return a;var a=i[n.toLowerCase()];if(a)return a;if(n.length===1)return n.charCodeAt(0)}n.isEventKey=function(e,t){if(e&&typeof e==`object`){var n=e.which||e.keyCode||e.charCode;if(n==null)return!1;if(typeof t==`string`){var a=r[t.toLowerCase()];if(a)return a===n;var a=i[t.toLowerCase()];if(a)return a===n}else if(typeof t==`number`)return t===n;return!1}},t=e.exports=n;var r=t.code=t.codes={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,"pause/break":19,"caps lock":20,esc:27,space:32,"page up":33,"page down":34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,command:91,"left command":91,"right command":93,"numpad *":106,"numpad +":107,"numpad -":109,"numpad .":110,"numpad /":111,"num lock":144,"scroll lock":145,"my computer":182,"my calculator":183,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},i=t.aliases={windows:91,"⇧":16,"⌥":18,"⌃":17,"⌘":91,ctl:17,control:17,option:18,pause:19,break:19,caps:20,return:13,escape:27,spc:32,spacebar:32,pgup:33,pgdn:34,ins:45,del:46,cmd:91};for(a=97;a<123;a++)r[String.fromCharCode(a)]=a-32;for(var a=48;a<58;a++)r[a-48]=a;for(a=1;a<13;a++)r[`f`+a]=a+111;for(a=0;a<10;a++)r[`numpad `+a]=a+96;var o=t.names=t.title={};for(a in r)o[r[a]]=a;for(var s in i)r[s]=i[s]});keycode.code,keycode.codes,keycode.aliases;var keycode_4=keycode.names;keycode.title;var codeData={"+":`plus`,"left command":`meta`,"right command":`meta`},keysSort={shift:1,ctrl:2,alt:3,meta:4};function getKey(e,t){var n=(keycode_4[e]||t||``).toLowerCase();for(var r in codeData)n=n.replace(r,codeData[r]);return n.replace(/\s/g,``)}function getCombi(e,t){t===void 0&&(t=getKey(e.keyCode,e.key));var n=getModifierCombi(e);return n.indexOf(t)===-1&&n.push(t),n.filter(Boolean)}function getModifierCombi(e){return[e.shiftKey&&`shift`,e.ctrlKey&&`ctrl`,e.altKey&&`alt`,e.metaKey&&`meta`].filter(Boolean)}function getArrangeCombi(e){var t=e.slice();return t.sort(function(e,t){return(keysSort[e]||5)-(keysSort[t]||5)}),t}var globalKeyController,KeyController=function(e){__extends$5(t,e);function t(t){t===void 0&&(t=window);var n=e.call(this)||this;return n.container=t,n.ctrlKey=!1,n.altKey=!1,n.shiftKey=!1,n.metaKey=!1,n.clear=function(){return n.ctrlKey=!1,n.altKey=!1,n.shiftKey=!1,n.metaKey=!1,n},n.keydownEvent=function(e){n.triggerEvent(`keydown`,e)},n.keyupEvent=function(e){n.triggerEvent(`keyup`,e)},n.blur=function(){n.clear(),n.trigger(`blur`)},addEvent(t,`blur`,n.blur),addEvent(t,`keydown`,n.keydownEvent),addEvent(t,`keyup`,n.keyupEvent),n}var n=t.prototype;return Object.defineProperty(t,`global`,{get:function(){return globalKeyController||(globalKeyController=new t)},enumerable:!1,configurable:!0}),t.setGlobal=function(){return this.global},n.destroy=function(){var e=this.container;this.clear(),this.off(),removeEvent(e,`blur`,this.blur),removeEvent(e,`keydown`,this.keydownEvent),removeEvent(e,`keyup`,this.keyupEvent)},n.keydown=function(e,t){return this.addEvent(`keydown`,e,t)},n.offKeydown=function(e,t){return this.removeEvent(`keydown`,e,t)},n.offKeyup=function(e,t){return this.removeEvent(`keyup`,e,t)},n.keyup=function(e,t){return this.addEvent(`keyup`,e,t)},n.addEvent=function(e,t,n){return isArray$1(t)?this.on(`${e}.${getArrangeCombi(t).join(`.`)}`,n):isString(t)?this.on(`${e}.${t}`,n):this.on(e,t),this},n.removeEvent=function(e,t,n){return isArray$1(t)?this.off(`${e}.${getArrangeCombi(t).join(`.`)}`,n):isString(t)?this.off(`${e}.${t}`,n):this.off(e,t),this},n.triggerEvent=function(e,t){this.ctrlKey=t.ctrlKey,this.shiftKey=t.shiftKey,this.altKey=t.altKey,this.metaKey=t.metaKey;var n=getKey(t.keyCode,t.key),r={key:n,isToggle:n===`ctrl`||n===`shift`||n===`meta`||n===`alt`,inputEvent:t,keyCode:t.keyCode,ctrlKey:t.ctrlKey,altKey:t.altKey,shiftKey:t.shiftKey,metaKey:t.metaKey};this.trigger(e,r),this.trigger(`${e}.${n}`,r);var i=getCombi(t,n);i.length>1&&this.trigger(`${e}.${i.join(`.`)}`,r)},t}(EventEmitter$3);function __values(e){var t=typeof Symbol==`function`&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length==`number`)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(t?`Object is not iterable.`:`Symbol.iterator is not defined.`)}function __read(e,t){var n=typeof Symbol==`function`&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),i,a=[],o;try{for(;(t===void 0||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function __spread(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(__read(arguments[t]));return e}var isUndefined=function(e){return e===void 0},ComponentEvent=function(){function e(e,t){var n,r;if(this._canceled=!1,t)try{for(var i=__values(Object.keys(t)),a=i.next();!a.done;a=i.next()){var o=a.value;this[o]=t[o]}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}this.eventType=e}var t=e.prototype;return t.stop=function(){this._canceled=!0},t.isCanceled=function(){return this._canceled},e}(),Component=function(){function e(){this._eventHandler={}}var t=e.prototype;return t.trigger=function(e){var t=[...arguments].slice(1),n=e instanceof ComponentEvent?e.eventType:e,r=__spread(this._eventHandler[n]||[]);return r.length<=0||(e instanceof ComponentEvent?(e.currentTarget=this,r.forEach(function(t){t(e)})):r.forEach(function(e){e.apply(void 0,__spread(t))})),this},t.once=function(e,t){var n=this;if(typeof e==`object`&&isUndefined(t)){var r=e;for(var i in r)this.once(i,r[i]);return this}else if(typeof e==`string`&&typeof t==`function`){var a=function(){var r=[...arguments];t.apply(void 0,__spread(r)),n.off(e,a)};this.on(e,a)}return this},t.hasOn=function(e){return!!this._eventHandler[e]},t.on=function(e,t){if(typeof e==`object`&&isUndefined(t)){var n=e;for(var r in n)this.on(r,n[r]);return this}else if(typeof e==`string`&&typeof t==`function`){var i=this._eventHandler[e];isUndefined(i)&&(this._eventHandler[e]=[],i=this._eventHandler[e]),i.push(t)}return this},t.off=function(e,t){if(isUndefined(e))return this._eventHandler={},this;if(isUndefined(t)){if(typeof e==`string`)return delete this._eventHandler[e],this;var n=e;for(var r in n)this.off(r,n[r]);return this}var i=this._eventHandler[e];if(i){for(var a=i.length,o=0;o<a;++o)if(i[o]===t){i.splice(o,1),a<=1&&delete this._eventHandler[e];break}}return this},e.VERSION=`3.0.5`,e}();function keys(e){return Object.keys(e)}function isObject$1(e){return typeof e==`object`}function isFunction(e){return typeof e==`function`}var OBSERVERS_PATH=`__observers__`,COMPUTED_PATH=`__computed__`,CFCS_DETECTED_DEPENDENCIES_VERSION=1,CFCS_DETECTED_DEPENDENCIES=`__CFCS_DETECTED_DEPENDENCIES__`,extendStatics$4=function(e,t){return extendStatics$4=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$4(e,t)};function __extends$4(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$4(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}function getDetectedStack(){Object[CFCS_DETECTED_DEPENDENCIES]=Object[CFCS_DETECTED_DEPENDENCIES]||{};var e=Object[CFCS_DETECTED_DEPENDENCIES];return e[CFCS_DETECTED_DEPENDENCIES_VERSION]=e[CFCS_DETECTED_DEPENDENCIES_VERSION]||[],e[CFCS_DETECTED_DEPENDENCIES_VERSION]}function getCurrentDetected(){var e=getDetectedStack();return e[e.length-1]}function detectDependencies(e){var t=getDetectedStack(),n=[],r={host:e,observers:n,push:function(t){e!==t&&n.indexOf(t)===-1&&n.push(t)}};return t.push(r),r}function endDetectDependencies(){return getDetectedStack().pop()}var Observer=function(){function e(e){this._emitter=new Component,this._current=e}var t=e.prototype;return Object.defineProperty(t,`current`,{get:function(){return getCurrentDetected()?.push(this),this._current},set:function(e){this._setCurrent(e)},enumerable:!1,configurable:!0}),t.subscribe=function(e){return this.current,this._emitter.on(`update`,e),this},t.unsubscribe=function(e){return this._emitter.off(`update`,e),this},t._setCurrent=function(e){var t=this._current,n=e!==t;this._current=e,n&&this._emitter.trigger(`update`,e,t)},t.toString=function(){return`${this.current}`},t.valueOf=function(){return this.current},e}(),ComputedObserver=function(e){__extends$4(t,e);function t(t){var n=e.call(this)||this;return n._computedCallback=t,n._registered=[],n._onCheckUpdate=function(){n._setCurrent(n.current)},n._current=n.current,n}var n=t.prototype;return Object.defineProperty(n,`current`,{get:function(){var e=this;detectDependencies(this);var t=this._computedCallback(),n=endDetectDependencies();return this._registered.forEach(function(t){t.unsubscribe(e._onCheckUpdate)}),n.observers.forEach(function(t){t.subscribe(e._onCheckUpdate)}),this._registered=n.observers,t},enumerable:!1,configurable:!0}),t}(Observer);function injectObserve(e,t,n){n===void 0&&(n=t),Object.defineProperty(e,t,{configurable:!0,get:function(){return getObserver(this,n).current},set:function(e){getObserver(this,n,e).current=e}}),n!==t&&Object.defineProperty(e,n,{configurable:!0,get:function(){return getObserver(this,n).current}})}function Observe(){var e=[...arguments];return e.length>1?injectObserve(e[0],e[1]):function(t,n){return injectObserve(t,n,e[0])}}function injectReactiveSubscribe(e){e.subscribe=function(e,t){this[e],getObserver(this,e).subscribe(t)},e.unsubscribe=function(e,t){var n=this;if(!e){keys(getObservers(this)).forEach(function(e){n.unsubscribe(e)});return}e in this&&getObserver(this,e).unsubscribe(t)}}function makeReactiveObject(e,t){var n=isFunction(e)?e():e,r={};return defineObservers(r),keys(n).forEach(function(e){var t=n[e];isObserver(t)?setObserver(r,e,t):setObserver(r,e,observe(t)),Observe(e)(r,e)}),injectReactiveSubscribe(r),r}function reactive(e){return makeReactiveObject(e)}function partialReactive(e){return makeReactiveObject(e)}function observe(e){return new Observer(e)}function computed(e){return new ComputedObserver(e)}function defineObservers(e){var t={};return Object.defineProperty(e,OBSERVERS_PATH,{get:function(){return t}}),t}function getObservers(e,t){var n,r;e[OBSERVERS_PATH]||defineObservers(e);var i=e[OBSERVERS_PATH];if(!t){var a=e?.constructor?.prototype?.[COMPUTED_PATH];a&&a.forEach(function(t){!(t in i)&&t in e&&e[t]})}return i}function getObserver(e,t,n){var r=getObservers(e);return r[t]||(r[t]=observe(n)),r[t]}function setObserver(e,t,n){var r=getObservers(e);r[t]=n}function isObserver(e){return e&&isObject$1(e)&&`current`in e&&`subscribe`in e&&`unsubscribe`in e}function __spreadArray$2(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var OrderMap=function(){function e(e){this.separator=e,this.orderMap={}}return e.prototype.getFullName=function(e){return e.join(this.separator)},e.prototype.get=function(e){return this.orderMap[this.getFullName(e)]},e.prototype.hasName=function(e){var t=e.length;if(!t)return!1;var n=e[t-1],r=this.get(e.slice(0,t-1));return r?r.indexOf(n)>=0:!1},e.prototype.gets=function(e,t){t===void 0&&(t=!0);var n=[],r=this;function i(e,t){var a=r.get(e);if(a)return a.forEach(function(r){var a=__spreadArray$2(__spreadArray$2([],t,!0),[r],!1),o=i(__spreadArray$2(__spreadArray$2([],e,!0),[r],!1),a);(!o||!o.length)&&n.push(__spreadArray$2(__spreadArray$2([],t,!0),[r],!1))}),a}return i(e,t?e:[]),n},e.prototype.set=function(e,t){var n=this;return e.forEach(function(t,r){n.addName(e.slice(0,r),t)}),this.orderMap[this.getFullName(e)]=t,t},e.prototype.add=function(e){var t=e.length;return t?this.addName(e.slice(0,-1),e[t-1]):[]},e.prototype.addName=function(e,t){var n=this.get(e)||this.set(e,[]);return n.indexOf(t)===-1&&n.push(t),n},e.prototype.findIndex=function(e,t){var n=this.orderMap[this.getFullName(e)];return n?n.indexOf(t):-1},e.prototype.remove=function(e){var t=this.getFullName(e),n=this.orderMap;for(var r in n)r.indexOf(t)===0&&delete n[r];var i=e.length;if(i){var a=e.slice(0,-1),o=e[i-1];this.splice(a,this.findIndex(a,o),1)}return this},e.prototype.filter=function(t,n,r){r===void 0&&(r=!0);var i=this.gets(t,r).filter(n),a=new e(this.separator),o=r?[]:t;return i.forEach(function(e){a.add(__spreadArray$2(__spreadArray$2([],o,!0),e,!0))}),a},e.prototype.splice=function(e,t,n){var r=[...arguments].slice(3),i=this.get(e)||this.set(e,[]);return i.splice.apply(i,__spreadArray$2([t,n],r,!1)),this},e.prototype.clear=function(){this.orderMap={}},e.prototype.setObject=function(e){var t=this.orderMap;for(var n in e)t[n]=e[n].slice()},e.prototype.getObject=function(){var e={},t=this.orderMap;for(var n in t)e[n]=t[n].slice();return e},e.prototype.clone=function(){var t=new e(this.separator);return t.setObject(t.orderMap),t},e}(),extendStatics$3=function(e,t){return extendStatics$3=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$3(e,t)};function __extends$3(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$3(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$4=function(){return __assign$4=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$4.apply(this,arguments)};function __decorate$1(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function __spreadArray$1(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function cubic(e,t,n){var r=1-n;return n*n*n+3*n*n*r*t+3*n*r*r*e}function solveFromX(e,t,n){for(var r=n,i=n,a=1;Math.abs(a)>1/1e3;){if(i=cubic(e,t,r),a=i-n,Math.abs(a)<1/1e3)return r;r-=a/2}return r}function bezier(e,t,n,r){var i=function(i){return cubic(t,r,solveFromX(e,n,between(i,0,1)))};return i.easingName=`cubic-bezier(${e},${t},${n},${r})`,i}function steps(e,t){var n=function(n){var r=1/e;return n>=1?1:(t===`start`?r:0)+Math.floor(n/r)*r};return n.easingName=`steps(${e}, ${t})`,n}var STEP_START=steps(1,`start`),STEP_END=steps(1,`end`),LINEAR=bezier(0,0,1,1),EASE=bezier(.25,.1,.25,1),EASE_IN=bezier(.42,0,1,1),EASE_OUT=bezier(0,0,.58,1),EASE_IN_OUT=bezier(.42,0,.58,1),_a,PREFIX=`__SCENEJS_`,DATA_SCENE_ID=`data-scene-id`,TIMING_FUNCTION=`animation-timing-function`,ROLES={transform:{},filter:{},attribute:{},html:!0},ALIAS={easing:[TIMING_FUNCTION]},FIXED=(_a={},_a[TIMING_FUNCTION]=!0,_a.contents=!0,_a.html=!0,_a),MAXIMUM=1e6,THRESHOLD=1e-6,DURATION=`duration`,FILL_MODE=`fillMode`,DIRECTION=`direction`,ITERATION_COUNT=`iterationCount`,DELAY=`delay`,EASING=`easing`,PLAY_SPEED=`playSpeed`,EASING_NAME=`easingName`,ITERATION_TIME=`iterationTime`,PAUSED=`paused`,ENDED=`ended`,TIMEUPDATE=`timeupdate`,PLAY=`play`,RUNNING=`running`,ITERATION=`iteration`,START_ANIMATION=`startAnimation`,PAUSE_ANIMATION=`pauseAnimation`,ALTERNATE=`alternate`,REVERSE=`reverse`,ALTERNATE_REVERSE=`alternate-reverse`,NORMAL=`normal`,INFINITE=`infinite`,PLAY_STATE=`playState`,PLAY_CSS=`playCSS`,PREV_TIME=`prevTime`,TICK_TIME=`tickTime`,CURRENT_TIME=`currentTime`,SELECTOR=`selector`,TRANSFORM_NAME=`transform`,EASINGS={linear:LINEAR,ease:EASE,"ease-in":EASE_IN,"ease-out":EASE_OUT,"ease-in-out":EASE_IN_OUT,"step-start":STEP_START,"step-end":STEP_END},NAME_SEPARATOR=`_///_`,OPTIONS=[DURATION,FILL_MODE,DIRECTION,ITERATION_COUNT,DELAY,EASING,PLAY_SPEED],PropertyObject=function(){function e(e,t){this.prefix=``,this.suffix=``,this.model=``,this.type=``,this.separator=`,`,t&&this.setOptions(t),this.value=isString(e)?e.split(this.separator):e}return e.prototype.setOptions=function(e){for(var t in e)this[t]=e[t];return this},e.prototype.size=function(){return this.value.length},e.prototype.get=function(e){return this.value[e]},e.prototype.set=function(e,t){return this.value[e]=t,this},e.prototype.clone=function(){var t=this,n=t.separator,r=t.prefix,i=t.suffix,a=t.model,o=t.type;return new e(this.value.map(function(e){return isPropertyObject(e)?e.clone():e}),{separator:n,prefix:r,suffix:i,model:a,type:o})},e.prototype.toValue=function(){return this.prefix+this.join()+this.suffix},e.prototype.join=function(){return this.value.map(function(e){return isPropertyObject(e)?e.toValue():e}).join(this.separator)},e.prototype.forEach=function(e){return this.value.forEach(e),this},e}();function splitStyle(e){for(var t=splitText(e,`;`),n={},r=t.length,i=r,a=0;a<r;++a){var o=splitText(t[a],`:`);if(o.length<2||!o[1]){--i;continue}n[o[0].trim()]=toPropertyObject(o[1].trim())}return{styles:n,length:i}}function arrayToColorObject(e){var t=RGBA;return e.length===3&&(e[3]=1),new PropertyObject(e,{model:t,separator:`,`,type:`color`,prefix:`${t}(`,suffix:`)`})}function stringToBracketObject(e){var t=splitBracket(e),n=t.prefix,r=t.value,i=t.suffix;if(r===void 0)return e;if(COLOR_MODELS.indexOf(n)>-1)return arrayToColorObject(stringToRGBA(e));var a=toPropertyObject(r,n),o=[r],s=`,`,c=`${n}(`,l=`)${i}`;return isPropertyObject(a)&&(s=a.separator,o=a.value,c+=a.prefix,l=a.suffix+l),new PropertyObject(o,{separator:s,model:n,prefix:c,suffix:l})}function arrayToPropertyObject(e,t){return new PropertyObject(e,{type:`array`,separator:t})}function stringToColorObject(e){var t=stringToRGBA(e);return t?arrayToColorObject(t):e}function toPropertyObject(e,t){if(!isString(e))return isArray$1(e)?arrayToPropertyObject(e,`,`):e;var n=splitComma(e);return n.length>1?arrayToPropertyObject(n.map(function(e){return toPropertyObject(e)}),`,`):(n=splitSpace(e),n.length>1?arrayToPropertyObject(n.map(function(e){return toPropertyObject(e)}),` `):(n=/^(['"])([^'"]*)(['"])$/g.exec(e),n&&n[1]===n[3]?new PropertyObject([toPropertyObject(n[2])],{prefix:n[1],suffix:n[1]}):e.indexOf(`(`)===-1?e.charAt(0)===`#`&&t!==`url`?stringToColorObject(e):e:stringToBracketObject(e)))}function toObject(e,t){t===void 0&&(t={});var n=e.model;if(n){e.setOptions({model:``,suffix:``,prefix:``});var r=e.size()>1?e:e.get(0);t[n]=r}else e.forEach(function(e){toObject(e,t)});return t}function getType(e){var t=typeof e;if(t===`object`){if(isArray$1(e))return ARRAY;if(isPropertyObject(e))return PROPERTY}else if(t===`string`||t===`number`)return`value`;return t}function isPureObject(e){return isObject$2(e)&&e.constructor===Object}function getNames(e,t){var n=[];if(isPureObject(e))for(var r in e)t.push(r),n=n.concat(getNames(e[r],t)),t.pop();else n.push(t.slice());return n}function updateFrame(e,t){for(var n in t){var r=t[n];if(!isPureObject(r)){e[n]=!0;continue}isObject$2(e[n])||(e[n]={}),updateFrame(e[n],t[n])}return e}function toFixed(e){return Math.round(e*MAXIMUM)/MAXIMUM}function getValueByNames(e,t,n){n===void 0&&(n=e.length);for(var r=t,i=0;i<n;++i){if(!isObject$2(r)||r==null)return;r=r[e[i]]}return r}function isInProperties(e,t,n){var r=t.length,i=e;if(r===0)return!1;for(var a=0;a<r;++a)if(i===!0||(i=i[t[a]],!i||!n&&i===!0))return!1;return!0}function isRole(e,t){return isInProperties(ROLES,e,t)}function isFixed$1(e){return isInProperties(FIXED,e,!0)}function setPlayCSS(e,t){e.state[PLAY_CSS]=t}function isPausedCSS(e){return e.state[PLAY_CSS]&&e.isPaused()}function isEndedCSS(e){return!e.isEnded()&&e.state[PLAY_CSS]}function makeId(e){for(;;){var t=`${Math.floor(Math.random()*1e7)}`;if(!IS_WINDOW||!e||!$(`[data-scene-id="${t}"]`))return t}}function getRealId(e){return e.getId()||e.setId(makeId(!1)).getId()}function toId(e){return`${e}`.match(/[0-9a-zA-Z]+/g).join(``)}function playCSS(e,t,n,r){if(r===void 0&&(r={}),!(!ANIMATION||e.getPlayState()===RUNNING)){var i=n||START_ANIMATION;if(isPausedCSS(e))e.addPlayClass(!0,i,r);else{e.isEnded()&&e.setTime(0),t&&e.exportCSS({className:i});var a=e.addPlayClass(!1,i,r);if(!a)return;addAnimationEvent(e,a),setPlayCSS(e,!0)}e.setPlayState(RUNNING)}}function addAnimationEvent(e,t){var n=e.state,r=e.getDuration(),i=!r||!isFinite(r),a=function(){setPlayCSS(e,!1),e.finish()},o=function(){e.trigger(PLAY),addEvent(t,`animationcancel`,a),addEvent(t,`animationend`,a),addEvent(t,`animationiteration`,s)};e.once(ENDED,function(){removeEvent(t,`animationcancel`,a),removeEvent(t,`animationend`,a),removeEvent(t,`animationiteration`,s),removeEvent(t,`animationstart`,o)});var s=function(t){var a=t.elapsedTime,o=i?0:a/r;n[CURRENT_TIME]=a,e.setIteration(o)};addEvent(t,`animationstart`,o)}function getEasing(e){var t;if(isString(e))if(e in EASINGS)t=EASINGS[e];else{var n=toPropertyObject(e);if(isString(n))return 0;if(n.model===`cubic-bezier`)e=n.value.map(function(e){return parseFloat(e)}),t=bezier(e[0],e[1],e[2],e[3]);else if(n.model===`steps`)t=steps(parseFloat(n.value[0]),n.value[1]);else return 0}else t=isArray$1(e)?bezier(e[0],e[1],e[2],e[3]):e;return t}function isPropertyObject(e){if(!e)return!1;var t=e.constructor.prototype;return!!(t.clone&&t.get&&t.setOptions)}function isScene(e){return e&&!!e.constructor.prototype.getItem}function isSceneItem(e){return e&&!!e.constructor.prototype.getFrame}function isFrame(e){return e&&!!e.constructor.prototype.toCSSText}function flatSceneObject(e,t){var n={};for(var r in e){var i=e[r];if(isFrame(i))n[r]=i;else if(isObject$2(i)){var a=flatSceneObject(i,t);for(var o in a)n[`${r}${t}${o}`]=a[o]}}return n}function isArrayLike(e){return`length`in e&&e.length>=0}function GetterSetter(e,t,n){return function(r){var i=r.prototype;e.forEach(function(e){i[camelize(`get ${e}`)]=function(){return this[n][e]}}),t.forEach(function(e){i[camelize(`set ${e}`)]=function(t){return this[n][e]=t,this}})}}function isDirectionReverse(e,t,n){return n===REVERSE?!0:t!==INFINITE&&e===t&&t%1==0?n===(e%2>=1?ALTERNATE_REVERSE:ALTERNATE):n===(e%2>=1?ALTERNATE:ALTERNATE_REVERSE)}var ANIMATOR_SETTERS=[`id`,ITERATION_COUNT,DELAY,FILL_MODE,DIRECTION,PLAY_SPEED,DURATION,PLAY_SPEED,ITERATION_TIME,PLAY_STATE],ANIMATOR_GETTERS=__spreadArray$1(__spreadArray$1([],ANIMATOR_SETTERS,!0),[EASING,EASING_NAME],!1),Animator=function(e){__extends$3(t,e);function t(t){var n=e.call(this)||this;return n.timerId=0,n.state=reactive({id:``,easing:0,easingName:`linear`,iterationCount:1,delay:0,fillMode:`forwards`,direction:NORMAL,playSpeed:1,currentTime:0,iterationTime:-1,iteration:0,tickTime:0,prevTime:0,playState:PAUSED,duration:0}),n.setOptions(t),n}return t.prototype.setEasing=function(e){var t=getEasing(e),n=t&&t[EASING_NAME]||`linear`,r=this.state;return r[EASING]=t,r[EASING_NAME]=n,this},t.prototype.setOptions=function(e){for(var t in e===void 0&&(e={}),e){var n=e[t];if(t===EASING){this.setEasing(n);continue}else if(t===DURATION){n&&this.setDuration(n);continue}OPTIONS.indexOf(t)>-1&&(this.state[t]=n)}return this},t.prototype.getTotalDuration=function(){return this.getActiveDuration(!0)},t.prototype.getActiveDuration=function(e){var t=this.state,n=t[ITERATION_COUNT];return n===INFINITE?1/0:(e?t[DELAY]:0)+this.getDuration()*n},t.prototype.isEnded=function(){return this.state[TICK_TIME]===0&&this.state[PLAY_STATE]===PAUSED?!0:!(this.getTime()<this.getActiveDuration())},t.prototype.isPaused=function(){return this.state[PLAY_STATE]===PAUSED},t.prototype.start=function(e){e===void 0&&(e=this.state[DELAY]);var t=this.state;return t[PLAY_STATE]=RUNNING,t[TICK_TIME]>=e?(this.trigger(PLAY),!0):!1},t.prototype.play=function(e){var t=this,n=this.state,r=n[DELAY],i=this.getTime();return n[PLAY_STATE]=RUNNING,this.isEnded()&&(i===0||i>=this.getActiveDuration())&&this.setTime(-r,!0),this.timerId=requestAnimationFrame$1(function(r){n[PREV_TIME]=r,t.tick(r,e)}),this.start(),this},t.prototype.pause=function(){var e=this.state;return e[PLAY_STATE]!==PAUSED&&(e[PLAY_STATE]=PAUSED,this.trigger(PAUSED)),cancelAnimationFrame(this.timerId),this},t.prototype.finish=function(){return this.setTime(0),this.state[TICK_TIME]=0,this.end(),this},t.prototype.end=function(){return this.pause(),this.trigger(ENDED),this},t.prototype.setTime=function(e,t,n,r){var i=this.getActiveDuration(),a=this.state,o=a[TICK_TIME],s=a[DELAY],c=t?e:this.getUnitTime(e);a[TICK_TIME]=s+c,c<0?c=0:c>i&&(c=i),a[CURRENT_TIME]=c,this.calculate();var l=t&&!n,u=a[TICK_TIME],d=isString(e)?parseFloat(e):e;return l&&o<s&&d>=0&&this.start(0),r?.(),l&&(u<o||this.isEnded())?(this.end(),this):(this.isDelay()||this.trigger(TIMEUPDATE,{currentTime:c,time:this.getIterationTime(),iterationCount:a[ITERATION]}),this)},t.prototype.getTime=function(){return this.state[CURRENT_TIME]},t.prototype.getUnitTime=function(e){if(isString(e)){var t=this.getDuration()||100;if(e===`from`)return 0;if(e===`to`)return t;var n=splitUnit(e),r=n.unit,i=n.value;return r===`%`?(!this.getDuration()&&this.setDuration(t),toFixed(parseFloat(e)/100*t)):r===`>`?i+THRESHOLD:i}else return toFixed(e)},t.prototype.isDelay=function(){var e=this.state,t=e[DELAY],n=e[TICK_TIME];return t>0&&n<t},t.prototype.setIteration=function(e){var t=this.state,n=Math.floor(e),r=t[ITERATION_COUNT]===INFINITE?1/0:t[ITERATION_COUNT];return t[ITERATION]<n&&n<r&&this.trigger(ITERATION,{currentTime:t[CURRENT_TIME],iterationCount:n}),t[ITERATION]=e,this},t.prototype.calculate=function(){var e=this.state,t=e[ITERATION_COUNT],n=e[FILL_MODE],r=e[DIRECTION],i=this.getDuration(),a=this.getTime(),o=i===0?0:a/i,s=i?a%i:0;if(!i)return this.setIterationTime(0),this;this.setIteration(o);var c=isDirectionReverse(o,t,r),l=isFinite(i);return l&&c&&(s=i-s),l&&t!==INFINITE&&o>=t&&(s=i*(n===`both`||n===`forwards`?t%1||1:0),c&&(s=i-s)),this.setIterationTime(s),this},t.prototype.tick=function(e,t){var n=this;if(!this.isPaused()){var r=this.state,i=r[PLAY_SPEED],a=r[PREV_TIME],o=r[DELAY],s=r[TICK_TIME]+Math.min(1e3,e-a)/1e3*i;r[PREV_TIME]=e,t&&t>=s?(this.setTime(t-o,!0),this.pause()):this.setTime(s-o,!0),r[PLAY_STATE]!==PAUSED&&(this.timerId=requestAnimationFrame$1(function(e){n.tick(e,t)}))}},t=__decorate$1([GetterSetter(ANIMATOR_GETTERS,ANIMATOR_SETTERS,`state`)],t),t}(EventEmitter$3);function toInnerProperties(e,t){if(t===void 0&&(t=[]),!e)return``;var n=[],r=getKeys(e);return sortOrders(r,t),r.forEach(function(t){n.push(`${t.replace(/\d$/g,``)}(${e[t]})`)}),n.join(` `)}function clone(e,t){return t===void 0&&(t=!1),merge({},e,t)}function merge(e,t,n){for(var r in n===void 0&&(n=!1),t){var i=t[r],a=getType(i);a===`property`?e[r]=n?i.toValue():i.clone():a===`function`?e[r]=n?getValue([r],i):i:a===`array`?e[r]=i.slice():a===`object`?isObject$2(e[r])&&!isPropertyObject(e[r])?merge(e[r],i,n):e[r]=clone(i,n):e[r]=t[r]}return e}function getPropertyName(e){return e[0]in ALIAS?ALIAS[e[0]]:e}function getValue(e,t){var n=getType(t);if(n===`property`)return t.toValue();if(n===`function`){if(e[0]!==TIMING_FUNCTION)return getValue(e,t())}else if(n===`object`)return clone(t,!0);return t}var Frame=function(e){__extends$3(t,e);function t(t){t===void 0&&(t={});var n=e.call(this)||this;return n.properties={},n.orderMap=new OrderMap(NAME_SEPARATOR),n.properties={},n.set(t),n}return t.prototype.get=function(){var e=[...arguments],t=this.raw.apply(this,e);return getValue(getPropertyName(e),t)},t.prototype.getOrders=function(e){return this.orderMap.get(e)},t.prototype.setOrders=function(e,t){var n=this.orderMap.set(e,t);return this._update(),n},t.prototype.getOrderObject=function(){return this.orderMap.getObject()},t.prototype.setOrderObject=function(e){this.orderMap.setObject(e),this._update()},t.prototype.getKeys=function(){var e=[...arguments],t=this.raw.apply(this,e),n=getType(t)===`object`?getKeys(t):[];return sortOrders(n,this.orderMap.get(e)),n},t.prototype.gets=function(){for(var e=this,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=this.get.apply(this,t);return this.getKeys.apply(this,t).map(function(n){return{key:n,value:r[n],children:e.gets.apply(e,__spreadArray$1(__spreadArray$1([],t,!1),[n],!1))}})},t.prototype.raw=function(){return getValueByNames(getPropertyName([...arguments]),this.properties)},t.prototype.remove=function(){var e=getPropertyName([...arguments]),t=e.length;if(!t)return this;this.orderMap.remove(e);var n=getValueByNames(e,this.properties,t-1);return isObject$2(n)&&delete n[e[t-1]],this._update(),this},t.prototype.set=function(){var e=[...arguments];return this._set.apply(this,e),this._update(),this},t.prototype.getNames=function(){return getNames(this.properties,[])},t.prototype.has=function(){var e=getPropertyName([...arguments]),t=e.length;return t?!isUndefined$1(getValueByNames(e,this.properties,t)):!1},t.prototype.clone=function(){var e=new t;return e.setOrderObject(this.orderMap.orderMap),e.merge(this)},t.prototype.merge=function(e){var t=this.properties,n=e.properties;return n&&merge(t,n),this},t.prototype.toCSSObject=function(e){var t=this.get(),n={};for(var r in t)if(!isRole([r],!0)){var i=t[r];r===TIMING_FUNCTION&&(r=TIMING_FUNCTION.replace(`animation`,ANIMATION),i=(isString(i)?i:i[EASING_NAME])||`initial`),e&&(r=camelize(r.replace(/^[-]+/g,``))),n[r]=i}var a=toInnerProperties(t[TRANSFORM_NAME],this.orderMap.get([TRANSFORM_NAME])),o=toInnerProperties(t.filter,this.orderMap.get([FILTER]));return TRANSFORM&&a&&(n[TRANSFORM]=a),FILTER&&o&&(n[FILTER]=o),n},t.prototype.toCSSText=function(){var e=this.toCSSObject(),t=[],n=getKeys(e);return sortOrders(n,this.orderMap.get([])),n.forEach(function(n){t.push(`${decamelize(n,`-`)}:${e[n]};`)}),t.join(``)},t.prototype.toCSS=function(){var e=this.toCSSObject(),t=[],n=getKeys(e);return sortOrders(n,this.orderMap.get([])),n.forEach(function(n){t.push(`${n}:${e[n]};`)}),t.join(``)},t.prototype.clear=function(){return this.properties={},this.orderMap.clear(),this},t.prototype._set=function(){var e=[...arguments],t=this,n=e.length,r=e.slice(0,-1),i=e[n-1],a=r[0];if(n===1&&isFrame(i))t.merge(i);else if(a in ALIAS)t._setByPath(ALIAS[a],i);else if(n===2&&isArray$1(a))t._setByPath(a,i);else if(isPropertyObject(i))isRole(r)?t._set.apply(t,__spreadArray$1(__spreadArray$1([],r,!1),[toObject(i)],!1)):t._setByPath(r,i);else if(isArray$1(i))t._setByPath(r,i);else if(isObject$2(i))for(var o in!t.has.apply(t,r)&&isRole(r)&&t._setByPath(r,{}),i)t._set.apply(t,__spreadArray$1(__spreadArray$1([],r,!1),[o,i[o]],!1));else if(isString(i)){if(isRole(r,!0)){if(isFixed$1(r)||!isRole(r))this._setByPath(r,i);else{var s=toPropertyObject(i);isObject$2(s)&&t._set.apply(t,__spreadArray$1(__spreadArray$1([],r,!1),[s],!1))}return this}else{var c=splitStyle(i),l=c.styles,u=c.length;for(var d in l)t._set.apply(t,__spreadArray$1(__spreadArray$1([],r,!1),[d,l[d]],!1));if(u)return this}t._setByPath(r,i)}else t._setByPath(r,i)},t.prototype._setByPath=function(e,t){for(var n=this.properties,r=e.length,i=0;i<r-1;++i){var a=e[i];!(a in n)&&(n[a]={}),n=n[a]}if(r){var o=e[r-1];this.orderMap.add(e),r===1&&o===TIMING_FUNCTION?n[o]=getEasing(t):n[o]=isString(t)&&!isFixed$1(e)?toPropertyObject(t,o):t}},t.prototype._update=function(){this.emit(`update`)},t}(EventEmitter$3);function dotArray(e,t,n,r){var i=t.length;return e.map(function(e,a){return a>=i?e:dot(e,t[a],n,r)})}function dotColor(e,t,n,r){var i=e.value,a=t.value,o=e.model;if(o!==t.model)return dot(e.toValue(),t.toValue(),n,r);i.length===3&&(i[3]=1),a.length===3&&(a[3]=1);for(var s=dotArray(i,a,n,r),c=o,l=0;l<3;++l)s[l]=parseInt(s[l],10);return new PropertyObject(s,{type:`color`,model:c,prefix:`${c}(`,suffix:`)`})}function dotObject(e,t,n,r){var i=e.type;if(i===`color`)return dotColor(e,t,n,r);var a=e.value,o=t.value;return new PropertyObject(dotArray(a,o,n,r),{type:i,separator:e.separator||t.separator,prefix:e.prefix||t.prefix,suffix:e.suffix||t.suffix,model:e.model||t.model})}function dot(e,t,n,r){if(r===0)return t;if(n===0||n+r===0)return e;var i=getType(e),a=getType(t),o=i===FUNCTION,s=a===FUNCTION;if(o||s)return function(){return dot(o?toPropertyObject(e()):e,s?toPropertyObject(t()):t,n,r)};if(i===a){if(i===`property`)return dotObject(e,t,n,r);if(i===`array`)return dotArray(e,t,n,r);if(i!==`value`)return e}else return e;var c=splitUnit(`${e}`),l=splitUnit(`${t}`),u;if(isNaN(c.value)||isNaN(l.value))return e;u=dot$1(c.value,l.value,n,r);var d=c.prefix||l.prefix,f=c.unit||l.unit;return!d&&!f?u:d+u+f}function dotValue(e,t,n,r,i,a){if(e===t)return r;if(e===n)return i;if(!a)return dot(r,i,e-t,n-e);var o=a((e-t)/(n-t));return dot(r,i,o,1-o)}function getNearTimeIndex(e,t){for(var n=e.length,r=0;r<n;++r)if(e[r]===t)return[r,r];else if(e[r]>t)return[r>0?r-1:0,r];return[n-1,n-1]}function makeAnimationProperties(e){var t=[];for(var n in e)t.push(`${ANIMATION}-${decamelize(n)}:${e[n]};`);return t.join(``)}function addTime(e,t){for(var n=e.length,r=0;r<n;++r)if(t<e[r]){e.splice(r,0,t);return}e[n]=t}function addEntry(e,t,n){var r=e[e.length-1];(!r||r[0]!==t||r[1]!==n)&&e.push([toFixed(t),toFixed(n)])}function getEntries(e,t){var n=e.map(function(e){return[e,e]}),r=[];return t.forEach(function(e){for(var t=e[ITERATION_COUNT],i=e[DELAY],a=e[PLAY_SPEED],o=e[DIRECTION],s=Math.ceil(t),c=n[n.length-1][0],l=n.length,u=c*t,d=0;d<s;++d)for(var f=o===REVERSE||o===ALTERNATE&&d%2||o===ALTERNATE_REVERSE&&!(d%2),p=0;p<l;++p){var m=n[f?l-p-1:p],g=m[1],_=c*d+(f?c-m[0]:m[0]),v=n[f?l-p:p-1];if(_>u){if(p!==0){var y=c*d+(f?c-v[0]:v[0]),b=dot$1(v[1],g,u-y,_-u);addEntry(r,(i+c*t)/a,b)}break}else if(_===u&&r.length&&r[r.length-1][0]===u+i)break;addEntry(r,(i+_)/a,g)}i&&r.unshift([0,r[0][1]]),n=r,r=[]}),n}var SceneItem=function(e){__extends$3(t,e);function t(t,n){var r=e.call(this)||this;return r.times=[],r.items={},r.nameMap=new OrderMap(NAME_SEPARATOR),r.elements=[],r.needUpdate=!0,r.registeredElement=!1,r.load(t,n),r}return t.prototype.getDuration=function(){var e=this.times,t=e.length;return(t===0?0:e[t-1])||this.state[DURATION]},t.prototype.size=function(){return this.times.length},t.prototype.setDuration=function(e){if(!e)return this;var t=this.getDuration();if(t>0){var n=e/t,r=this,i=r.times,a=r.items,o={};this.times=i.map(function(e){var t=toFixed(e*n);return o[t]=a[e],t}),this.items=o}else this.newFrame(e);return this},t.prototype.setId=function(e){var t=this.state,n=this.elements,r=n.length;if(t.id=e||makeId(!!r),r&&!t[SELECTOR]){var i=toId(this.getId());t[SELECTOR]=`[${DATA_SCENE_ID}="${i}"]`,n.forEach(function(e){e.setAttribute(DATA_SCENE_ID,i)})}return this},t.prototype.set=function(e){for(var t=this,n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(isSceneItem(e))return this.set(0,e);if(isArray$1(e))for(var i=e.length,a=0;a<i;++a){var o=i===1?0:this.getUnitTime(`${a/(i-1)*100}%`);this.set(o,e[a])}else if(isObject$2(e)){var s=function(n){var r=e[n];splitComma(n).forEach(function(e){var n=t.getUnitTime(e);isNaN(n)?getNames(r,[e]).forEach(function(e){for(var n,i=getValueByNames(e.slice(1),r),a=isArray$1(i)?i:[getValueByNames(e,t.target),i],o=a.length,s=0;s<o;++s)(n=t.newFrame(`${s/(o-1)*100}%`)).set.apply(n,__spreadArray$1(__spreadArray$1([],e,!1),[a[s]],!1))}):t.set(n,r)})};for(var o in e)s(o)}else if(!isUndefined$1(e)){var c=n[0];splitComma(e+``).forEach(function(e){var r=t.getUnitTime(e);if(isSceneItem(c)){var i=c.getDelay(),a=c.toObject(!t.hasFrame(r+i)),o=c.getDuration(),s=c.getDirection().indexOf(`reverse`)>-1;for(var l in a){var u=s?o-parseFloat(l):parseFloat(l);t.set(r+u,a[l])}}else if(n.length===1&&isArray$1(c))c.forEach(function(e){t.set(r,e)});else{var d=t.newFrame(r);d.set.apply(d,n)}})}return this.needUpdate=!0,this},t.prototype.get=function(e){var t=[...arguments].slice(1),n=this.getFrame(e);return n&&n.get.apply(n,t)},t.prototype.getOrders=function(e){return this.needUpdate&&this.update(),this.nameMap.get(e)},t.prototype.setOrders=function(e,t){this.needUpdate&&this.update();var n=this.nameMap.set(e,t);return this.updateFrameOrders(),n},t.prototype.getOrderObject=function(){return this.nameMap.getObject()},t.prototype.setOrderObject=function(e){this.nameMap.setObject(e),this.updateFrameOrders()},t.prototype.remove=function(e){var t=[...arguments].slice(1);if(t.length){var n=this.getFrame(e);n&&n.remove.apply(n,t)}else this.removeFrame(e);return this.needUpdate=!0,this},t.prototype.append=function(e){return isSceneItem(e)?this.set(this.getDuration(),e):this.append(new t(e)),this},t.prototype.prepend=function(e){if(isSceneItem(e)){var n=e.getDuration()+e.getDelay(),r=this.getFrame(0);this.removeFrame(0),this.unshift(n),this.set(0,e),this.set(n+THRESHOLD,r)}else this.prepend(new t(e));return this},t.prototype.unshift=function(e){var t=this,n=t.times,r=t.items,i={};return this.times=n.map(function(t){var n=toFixed(e+t);return i[n]=r[t],n}),this.items=i,this},t.prototype.toObject=function(e){e===void 0&&(e=!0);var t={},n=this.getDelay();return this.forEach(function(r,i){t[(!i&&!e?THRESHOLD:0)+n+i]=r.clone()}),t},t.prototype.setSelector=function(e){return this.setElement(e),this},t.prototype.getElements=function(){return this.elements},t.prototype.setElements=function(e){return this.setElement(e)},t.prototype.setElement=function(e){e!==!0&&this.registeredElement!==e&&(this.registeredElement=e);var t=this.state,n=this.registeredElement,r=e,i=[];if(isFunction$1(n)&&(r=n(this.getId(),0)),!r)return this;if(r===!0||isString(r)){var a=isString(t[SELECTOR])&&t[SELECTOR]||`${t.id}`,o=r===!0?a:r,s=/([\s\S]+)(:+[a-zA-Z]+)$/g.exec(o);try{i=toArray($(s?s[1]:o,!0))}catch{i=[]}t[SELECTOR]=o}else if(isArrayLike(r))i=toArray(r);else if(r instanceof Element)i=[r];else if(`current`in r||`value`in r){var c=r.current||r.value;i=c?[c]:[]}return i.length?(this.elements=i,this.setId(this.getId()),this.target=i[0].style,this.targetFunc=function(e){var n=e.get(`attribute`);if(n){var r=function(e){i.forEach(function(t){t.setAttribute(e,n[e])})};for(var a in n)r(a)}if(e.has(`html`)){var o=e.get(`html`);i.forEach(function(e){e.innerHTML=o})}var s=e.toCSSText();if(t.cssText!==s)return t.cssText=s,i.forEach(function(e){e.style.cssText+=s}),e},this):this},t.prototype.setTarget=function(e){return this.target=e,this.targetFunc=function(t){var n=t.get();for(var r in n)e[r]=n[r]},this},t.prototype.setCSS=function(e,t){return t===void 0&&(t=[]),this.set(e,fromCSS(this.elements,t)),this},t.prototype.setTime=function(t,n,r,i){var a=this;return e.prototype.setTime.call(this,t,n,r,function(){var e=a.getIterationTime(),t=a.getEasing()||i,n=a.getNowFrame(e,t),r=a.getTime();a.temp=n,a.trigger(`animate`,{frame:n,currentTime:r,time:e}),a.targetFunc&&a.targetFunc(n)}),this},t.prototype.update=function(){var e=this.nameMap,t={};this.forEach(function(e){updateFrame(t,e.properties)});var n=new OrderMap(NAME_SEPARATOR);function r(t,i){var a=getKeys(t);sortOrders(a,e.get(i)),n.set(i,a),a.forEach(function(e){var n=t[e];isObject$2(n)&&r(n,__spreadArray$1(__spreadArray$1([],i,!0),[e],!1))})}return r(t,[]),this.nameMap=n,this.forEach(function(e){e.setOrderObject(n.orderMap)}),this.needUpdate=!1,this},t.prototype.newFrame=function(e){var t=this.getFrame(e);return t||(t=new Frame,this.setFrame(e,t),t)},t.prototype.setFrame=function(e,t){var n=this.getUnitTime(e);return this.items[n]=t,addTime(this.times,n),this.needUpdate=!0,this},t.prototype.getFrame=function(e){return this.items[this.getUnitTime(e)]},t.prototype.removeFrame=function(e){var t=this.getUnitTime(e),n=this.items,r=this.times.indexOf(t);return delete n[t],r>-1&&this.times.splice(r,1),this.needUpdate=!0,this},t.prototype.hasFrame=function(e){return this.getUnitTime(e)in this.items},t.prototype.hasName=function(e){return this.needUpdate&&this.update(),!!this.nameMap.hasName(e)},t.prototype.mergeFrame=function(e,t){return t&&this.newFrame(e).merge(t),this},t.prototype.getNowFrame=function(e,t,n){var r=this;this.needUpdate&&this.update();var i=new Frame,a=getNearTimeIndex(this.times,e),o=a[0],s=a[1],c=this.getEasing()||t,l=this.nameMap;if(this.hasName([TIMING_FUNCTION])){var u=this.getNowValue(e,[TIMING_FUNCTION],o,s,!1,0,!0);isFunction$1(u)&&(c=u)}if(n){var d=this.getFrame(e),f=d.orderMap.filter([],function(e){return d.has.apply(d,e)});for(var p in ROLES){var m=l.get([p]);f.get([p])&&m&&f.set([p],m)}l=f}var g=l.gets([]);return i.setOrderObject(l.orderMap),g.forEach(function(t){var a=r.getNowValue(e,t,o,s,n,c,isFixed$1(t));isUndefined$1(a)||i.set(t,a)}),i},t.prototype.getCurrentFrame=function(e,t){var n=this.getIterationTime(),r=e||this.needUpdate||!this.temp?this.getComputedFrame(n,t):this.temp;return this.temp=r,r},t.prototype.getComputedFrame=function(e,t,n){return this.getNowFrame(e,t,n)},t.prototype.load=function(e,t){var n;if(e===void 0&&(e={}),t===void 0&&(t=e.options),t&&this.setOptions(t),isArray$1(e))this.set(e);else if(e.keyframes)this.set(e.keyframes);else for(var r in e)r!==`options`&&this.set((n={},n[r]=e[r],n));return t&&t[DURATION]&&this.setDuration(t[DURATION]),this},t.prototype.clone=function(){var e=new t;return e.setOptions(this.state),e.setOrderObject(this.nameMap.orderMap),this.forEach(function(t,n){e.setFrame(n,t.clone())}),e},t.prototype.forEach=function(e){var t=this.times,n=this.items;return t.forEach(function(t){e(n[t],t,n)}),this},t.prototype.setOptions=function(t){t===void 0&&(t={}),e.prototype.setOptions.call(this,t);var n=t.id,r=t.selector,i=t.elements,a=t.element,o=t.target;return n&&this.setId(n),o?this.setTarget(o):r&&!this.state.noRegisterElement?this.setSelector(r):(i||a)&&this.setElement(i||a),this},t.prototype.toCSS=function(e,t,n){e===void 0&&(e={className:START_ANIMATION}),t===void 0&&(t=this.getDuration()),n===void 0&&(n=[]);var r=this.state,i=r[SELECTOR];if(!i)return``;var a=this.getDuration();r[DURATION]=a,n.push(r);var o=toArray(n).reverse(),s=toId(getRealId(this)),c=n[0],l=findIndex(o,function(e){return e[ITERATION_COUNT]===INFINITE||!isFinite(e[DURATION])},n.length-1),u=o.slice(0,l),d=t||u.reduce(function(e,t){return(t[DELAY]+e*t[ITERATION_COUNT])/t[PLAY_SPEED]},a),f=o.slice(l).reduce(function(e,t){return(e+t[DELAY])/t[PLAY_SPEED]},0),p=find$1(o,function(e){return e[EASING]&&e[EASING_NAME]},r)[EASING_NAME],m=o[l][ITERATION_COUNT],g=c[FILL_MODE],_=o[l][DIRECTION],v=makeAnimationProperties({fillMode:g,direction:_,iterationCount:m,delay:`${f}s`,name:`${PREFIX}KEYFRAMES_${s}`,duration:`${d/c[PLAY_SPEED]}s`,timingFunction:p}),y=splitComma(i).map(function(e){var t=/([\s\S]+)(:+[a-zA-Z]+)$/g.exec(e);return t?[t[1],t[2]]:[e,``]}),b=e.className,x=e.selector;return`
|
||
${(isFunction$1(x)?x(this,i):x)||y.map(function(e){return`${e[0]}.${b}${e[1]}`})} {${v}}
|
||
${y.map(function(e){return`${e[0]}.${PAUSE_ANIMATION}${e[1]}`})} {${ANIMATION}-play-state: paused;}
|
||
@${KEYFRAMES} ${PREFIX}KEYFRAMES_${s}{${this._toKeyframes(d,u,_)}}`},t.prototype.exportCSS=function(e,t,n){if(!this.elements.length)return``;var r=this.toCSS(e,t,n);return n&&!isUndefined$1(n[ITERATION_COUNT])||(this.styledInjector&&(this.styledInjector.destroy(),this.styledInjector=null),this.styled=styled$1(r),this.styledInjector=this.styled.inject(this.getAnimationElement(),{original:!0})),this},t.prototype.pause=function(){return e.prototype.pause.call(this),isPausedCSS(this)&&this.pauseCSS(),this},t.prototype.pauseCSS=function(){return this.elements.forEach(function(e){addClass(e,PAUSE_ANIMATION)}),this},t.prototype.endCSS=function(){return this.elements.forEach(function(e){removeClass(e,PAUSE_ANIMATION),removeClass(e,START_ANIMATION)}),setPlayCSS(this,!1),this},t.prototype.end=function(){return isEndedCSS(this)&&this.endCSS(),e.prototype.end.call(this),this},t.prototype.playCSS=function(e,t,n){return e===void 0&&(e=!0),n===void 0&&(n={}),playCSS(this,e,t,n),this},t.prototype.getAnimationElement=function(){return this.elements[0]},t.prototype.addPlayClass=function(e,t,n){n===void 0&&(n={});var r=this.elements,i=r.length,a=makeAnimationProperties(n);if(i)return e?r.forEach(function(e){removeClass(e,PAUSE_ANIMATION)}):(r.forEach(function(e){e.style.cssText+=a,hasClass(e,START_ANIMATION)&&removeClass(e,START_ANIMATION)}),r.forEach(function(e){e.clientWidth}),r.forEach(function(e){addClass(e,START_ANIMATION)})),r[0]},t.prototype.clear=function(){return this.times=[],this.items={},this.nameMap=new OrderMap(NAME_SEPARATOR),this.styledInjector&&this.styledInjector.destroy(),this.styled=null,this.styledInjector=null,this.temp=null,this.needUpdate=!0,this},t.prototype.getNowValue=function(e,t,n,r,i,a,o){var s=this.times,c=s.length,l,u,d,f,p=isUndefined$1(n),m=isUndefined$1(r);if(p||m){var g=getNearTimeIndex(s,e);p&&(n=g[0]),m&&(r=g[1])}for(var _=n;_>=0;--_){var v=this.getFrame(s[_]);if(v.has.apply(v,t)){l=s[_],d=v;break}}var y=d&&d.raw.apply(d,t);if(i&&!isRole([t[0]]))return l===e?y:void 0;if(o)return y;for(var _=r;_<c;++_){var v=this.getFrame(s[_]);if(v.has.apply(v,t)){u=s[_],f=v;break}}var b=f&&f.raw.apply(f,t);return!d||isUndefined$1(y)?b:!f||isUndefined$1(b)||y===b?y:dotValue(e,Math.max(l,0),u,y,b,a)},t.prototype._toKeyframes=function(e,t,n){var r=this,i={},a=this.times.slice();if(!a.length)return``;var o=this.getDuration();!this.getFrame(0)&&a.unshift(0),!this.getFrame(o)&&a.push(o);var s=getEntries(a,t),c=s[s.length-1];c[0]<e&&addEntry(s,e,c[1]);var l=-1;return s.map(function(t){var a=t[0],s=t[1];i[s]||(i[s]=(!r.hasFrame(s)||s===0||s===o?r.getNowFrame(s):r.getNowFrame(s,0,!0)).toCSSText());var c=a/e*100;return c-l<THRESHOLD&&(c+=THRESHOLD),l=c,`${Math.min(c,100)}%{
|
||
${a===0&&!isDirectionReverse(0,1,n)?``:i[s]}
|
||
}`}).join(``)},t.prototype.updateFrameOrders=function(){var e=this.nameMap.orderMap;this.forEach(function(t){t.setOrderObject(e)})},t}(Animator),Scene=function(e){__extends$3(t,e);function t(t,n){var r=e.call(this)||this;return r.items={},r.orderMap=new OrderMap(NAME_SEPARATOR),r.load(t,n),r}return t.prototype.getDuration=function(){var e=0;return this.forEach(function(t){e=Math.max(e,t.getTotalDuration()/t.getPlaySpeed())}),e||this.state[DURATION]},t.prototype.setDuration=function(t){this.items;var n=this.getDuration();if(t===0||!isFinite(n))return this;if(n===0)this.forEach(function(e){e.setDuration(t)});else{var r=t/n;this.forEach(function(e){e.setDelay(e.getDelay()*r),e.setDuration(e.getDuration()*r)})}return e.prototype.setDuration.call(this,t),this},t.prototype.getItem=function(e){return this.items[e]},t.prototype.newItem=function(e,t){if(t===void 0&&(t={}),this.items[e])return this.items[e];var n=new SceneItem;return this.setItem(e,n),n.setOptions(t),n},t.prototype.removeItem=function(e){return delete this.items[e],this.orderMap.remove([e]),this},t.prototype.setItem=function(e,t){return t.setId(e),this.items[e]=t,this.orderMap.add([e]),this},t.prototype.getCurrentFrames=function(e,t){var n=this.getEasing()||t,r={};return this.forEach(function(t){var i=t.getId();isScene(t)?r[i]=t.getCurrentFrames(e,n):r[i]=t.getCurrentFrame(e,n)}),this.temp=r,r},t.prototype.getCurrentFlattedFrames=function(e,t){return flatSceneObject(this.getCurrentFrames(e,t),NAME_SEPARATOR)},t.prototype.setTime=function(t,n,r,i){var a=this;return e.prototype.setTime.call(this,t,n,r,function(){var e=a.getIterationTime(),t=a.getEasing()||i;a.forEach(function(r){r.setTime(e*r.getPlaySpeed()-r.getDelay(),n,!0,t)});var r=a.getCurrentFrames(!1,i);a.trigger(`animate`,{frames:r,currentTime:a.getTime(),time:e})}),this},t.prototype.forEach=function(e){var t=this.items;return this.getOrders().forEach(function(n,r){e(t[n],n,r,t)}),this},t.prototype.toCSS=function(e,t,n){t===void 0&&(t=this.getDuration()),n===void 0&&(n=[]);var r=!t||!isFinite(t)?0:t,i=[],a=this.state;return a[DURATION]=this.getDuration(),this.forEach(function(t){i.push(t.toCSS(e,r,n.concat(a)))}),i.join(``)},t.prototype.exportCSS=function(e,t,n){var r=this.toCSS(e,t,n);return(!n||!n.length)&&(this.styledInjector&&(this.styledInjector.destroy(),this.styledInjector=null),this.styled=styled$1(r),this.styledInjector=this.styled.inject(this.getAnimationElement(),{original:!0})),this},t.prototype.append=function(e){e.setDelay(e.getDelay()+this.getDuration()),this.setItem(getRealId(e),e)},t.prototype.pauseCSS=function(){return this.forEach(function(e){e.pauseCSS()})},t.prototype.pause=function(){return e.prototype.pause.call(this),isPausedCSS(this)&&this.pauseCSS(),this.forEach(function(e){e.pause()}),this},t.prototype.endCSS=function(){this.forEach(function(e){e.endCSS()}),setPlayCSS(this,!1)},t.prototype.end=function(){return isEndedCSS(this)&&this.endCSS(),e.prototype.end.call(this),this},t.prototype.getOrders=function(){return this.orderMap.get([])||[]},t.prototype.setOrders=function(e){return this.orderMap.set([],e)},t.prototype.getAnimationElement=function(){var e;return this.forEach(function(t){var n=t.getAnimationElement();!e&&(e=n)}),e},t.prototype.addPlayClass=function(e,t,n){n===void 0&&(n={});var r;return this.forEach(function(i){var a=i.addPlayClass(e,t,n);!r&&(r=a)}),r},t.prototype.playCSS=function(e,t,n){return e===void 0&&(e=!0),n===void 0&&(n={}),playCSS(this,e,t,n),this},t.prototype.set=function(e){return this.load(e),this},t.prototype.clear=function(){this.finish(),this.items={},this.orderMap=new OrderMap(NAME_SEPARATOR),this.styledInjector&&this.styledInjector.destroy(),this.styled=null,this.styledInjector=null},t.prototype.load=function(e,n){if(e===void 0&&(e={}),n===void 0&&(n=e.options),!e)return this;this.setOptions(n);var r=n&&n[SELECTOR]||this.state[SELECTOR],i=function(n){if(n===`options`)return`continue`;var i=e[n],o=void 0;if(isScene(i)||isSceneItem(i))a.setItem(n,i),o=i;else if(isFunction$1(i)){var s=[];r&&IS_WINDOW&&(a.state.noRegisterElement||(s=$(`${isFunction$1(r)?r(n):n}`,!0)));for(var c=s.length,l=c||i.defaultCount||0,u=new t,d=[],f=0;f<l;++f){var p=s[f],m=u.newItem(f);m.setId().load(i(f,s[f])),d.push(m.getId()),p&&m.setElement(p)}if(!c){var g=[];u.state[SELECTOR]=function(e){return g.length||(g=$(`${isFunction$1(r)?r(n):n}`,!0)),g[d.indexOf(e)]}}return a.setItem(n,u),`continue`}else o=a.newItem(n,{noRegisterElement:!0}),o.load(i);a.state.noRegisterElement||r&&o.setSelector(r)},a=this;for(var o in e)i(o)},t.prototype.setOptions=function(t){t===void 0&&(t={}),e.prototype.setOptions.call(this,t);var n=t.selector;return n&&(this.state[SELECTOR]=n),this},t.prototype.setSelector=function(e){var t=this.state,n=e===!0?t[SELECTOR]||!0:e;t[SELECTOR]=n;var r=isFunction$1(e);return n&&this.forEach(function(t,i){t.setSelector(r?e(i):n)}),this},t.prototype.start=function(t){t===void 0&&(t=this.state[DELAY]);var n=e.prototype.start.call(this,t);return n?this.forEach(function(e){e.start(0)}):this.forEach(function(e){e.setPlayState(RUNNING)}),n},t.VERSION=`1.10.3`,t}(Animator);function getMethodNames(e){var t=e.prototype;return getKeys(t).filter(function(e){var n=Object.getOwnPropertyDescriptor(t,e);return e===`constructor`?!1:!n.get&&!n.set&&isFunction$1(n.value||t[e])})}var ANIMATOR_METHODS=__spreadArray$1(__spreadArray$1([],getMethodNames(EventEmitter$3),!0),getMethodNames(Animator),!0),SCENE_METHODS=__spreadArray$1(__spreadArray$1([],ANIMATOR_METHODS,!0),getMethodNames(Scene),!0),SCENE_ITEM_METHODS=__spreadArray$1(__spreadArray$1([],ANIMATOR_METHODS,!0),getMethodNames(Scene),!0),FRAME_METHODS=__spreadArray$1(__spreadArray$1([],ANIMATOR_METHODS,!0),getMethodNames(Frame),!0),FRAME_REACTIVE={methods:FRAME_METHODS,created:function(e){var t=isFunction$1(e)?e():e,n=observe(0),r=isObserver(t)?t:observe(isFrame(t)?t:new Frame(t)),i=computed(function(){return r.current,n.current,r.current.toCSSText()}),a=computed(function(){return r.current,i.current,r.current.toCSSObject()}),o=computed(function(){return r.current,i.current,r.current.toCSSObject(!0)}),s=function(){++n.current};return r.subscribe(function(e,t){t.off(`update`,s),e.on(`update`,s)}),partialReactive(__assign$4({cssText:i,cssObject:a,camelCasedCSSObject:o,onUpdate:s},FRAME_METHODS.reduce(function(e,t){return e[t]=function(){for(var e,n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];var a=r.current;return a==null?void 0:(e=a[t]).call.apply(e,__spreadArray$1([a],n,!1))},e},{})))},destroy:function(e){e.off(`update`,e.onUpdate)}},NOW_FRAME_REACTIVE=__assign$4(__assign$4({},FRAME_REACTIVE),{created:function(e){var t=isFunction$1(e)?e():e,n=observe(new Frame);return t.on(`animate`,function(e){n.current=e.frame}),FRAME_REACTIVE.created(n)}}),__assign$3=function(){return __assign$3=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$3.apply(this,arguments)};function getOrderIndex(e,t){return(e.getOrders([`transform`])||[]).indexOf(t)}var MoveableHelper=function(){function e(e){var t=this;e===void 0&&(e={}),this.map=new Map,this.onBeforeRenderStart=function(e){var n=t.testFrame(e);e.setTransform(n.toCSSObject().transform||``)},this.onBeforeRenderGroupStart=function(e){e.events.forEach(function(e){t.onBeforeRenderStart(e)})},this.onDragStart=function(e){var n=t.testFrame(e);if(!n)return!1;t.setTranasform(e,n,`translate`)},this.onDrag=function(e){t.testDrag(e),t.testRender(e.target)},this.onDragGroupStart=function(e){e.events.forEach(function(e){t.onDragStart(e)})},this.onDragGroup=function(e){e.events.forEach(function(e){t.onDrag(e)})},this.onResizeStart=function(e){e.dragStart&&t.onDragStart(e.dragStart),e.setOrigin([`%`,`%`])},this.onResize=function(e){t.testResize(e),t.testRender(e.target)},this.onResizeGroupStart=function(e){e.events.forEach(function(e){t.onResizeStart(e)})},this.onResizeGroup=function(e){e.events.forEach(function(e){t.onResize(e)})},this.onScaleStart=function(e){var n=t.testFrame(e);if(!n)return!1;t.setTranasform(e,n,`scale`),e.dragStart&&t.onDragStart(e.dragStart)},this.onScale=function(e){t.testScale(e),t.testRender(e.target)},this.onScaleGroupStart=function(e){e.events.forEach(function(e){t.onScaleStart(e)})},this.onScaleGroup=function(e){e.events.forEach(function(e){t.onScale(e)})},this.onRotateStart=function(e){var n=t.testFrame(e);if(!n)return!1;t.setTranasform(e,n,`rotate`),e.dragStart&&t.onDragStart(e.dragStart)},this.onRotate=function(e){t.testRotate(e),t.testRender(e.target)},this.onRotateGroupStart=function(e){e.events.forEach(function(e){t.onRotateStart(e)})},this.onRotateGroup=function(e){e.events.forEach(function(e){t.onRotate(e)})},this.onClip=function(e){var n=t.testFrame(e);e.clipType===`rect`?n.set(`clip`,e.clipStyle):n.set(`clip-path`,e.clipStyle),t.testRender(e.target)},this.onDragOriginStart=function(e){e.dragStart&&t.onDragStart(e.dragStart)},this.onDragOrigin=function(e){t.testFrame(e).set(`transform-origin`,e.transformOrigin),t.testDrag(e.drag),t.testRender(e.target)},this.onRound=function(e){t.testFrame(e).set(`border-radius`,e.borderRadius),t.testRender(e.target)},this.onWarpStart=function(e){var n=t.testFrame(e);if(!n)return!1;t.setTranasform(e,n,`matrix3d`)},this.onWarp=function(e){t.testFrame(e).set(`transform`,`matrix3d`,e.matrix.join(`, `)),t.testRender(e.target)},this.onRender=function(e){var n=e.target,r=t.getFrame(n);!n||!r||t.render(n,r)},this.options=__assign$3({useBeforeRender:!1,useRender:!1,createAuto:!0},e)}var t=e.prototype;return e.create=function(t){return new e(t)},t.render=function(e,t){if(t===void 0&&(t=this.getFrame(e)),e.style.cssText+=t.toCSS(),`ownerSVGElement`in e&&e.tagName.toLowerCase()!==`svg`){var n=t.getOrders([`transform`]);e.setAttribute(`transform`,n.map(function(e){var n=t.get(`transform`,e);return e+`(`+n.split(`,`).map(function(e){return parseFloat(e)}).join(`, `)+`)`}).join(` `))}},t.clear=function(){this.map.clear()},t.getTargets=function(){return this.map.keys()},t.getFrames=function(){return this.map.values()},t.getFrame=function(e){return this.map.get(e)},t.setFrame=function(e,t){return this.map.set(e,t)},t.removeFrame=function(e){this.map.delete(e)},t.createFrame=function(e,t){t===void 0&&(t={});var n=new Frame({transform:{translate:`0px, 0px`,rotate:`0deg`,scale:`1, 1`}});return n.set(t),this.map.set(e,n),n},t.setElements=function(e){for(var t=isString(e)?document.querySelectorAll(e):e,n=t.length,r=this.map,i=0;i<n;++i){var a=t[i];r.has(a)||this.createFrame(a)}},t.testFrame=function(e){var t=e.target,n=this.getFrame(t);if(n)return n;if(!this.options.createAuto&&e.stop){e.stop();return}return this.createFrame(t)},t.testDrag=function(e){var t=e.target,n=e.translate,r=this.getFrame(t),i=n[0]+`px`,a=n[1]+`px`;r.has(`transform`,`translate`)?r.set(`transform`,`translate`,i+`,`+a):(r.set(`transform`,`translateX`,i),r.set(`transform`,`translateY`,a))},t.testResize=function(e){var t=e.target,n=this.getFrame(t);n.set(`width`,e.width+`px`),n.set(`height`,e.height+`px`),this.testDrag(e.drag)},t.testScale=function(e){var t=this.testFrame(e),n=e.scale;this.testDrag(e.drag),t.set(`transform`,`scale`,n[0]+`,`+n[1])},t.testRotate=function(e){var t=this.testFrame(e),n=e.rotate;this.testDrag(e.drag),t.set(`transform`,`rotate`,n+`deg`)},t.testRender=function(e,t){t===void 0&&(t=this.getFrame(e)),this.options.useRender||this.render(e,t)},t.setTranasform=function(e,t,n){var r=getOrderIndex(t,n);this.options.useBeforeRender?e.setTransformIndex(r):e.setTransform(t.toCSSObject().transform||[],r)},e}(),extendStatics$2=function(e,t){return extendStatics$2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$2(e,t)};function __extends$2(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$2(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var Ruler=function(e){__extends$2(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t.state={scrollPos:0},t.width=0,t.height=0,t._zoom=0,t._rulerScale=0,t._observer=null,t._checkResize=function(){t.resize()},t}var n=t.prototype;return n.render=function(){return this._zoom=this.props.zoom,createElement(`canvas`,{ref:ref(this,`canvasElement`),style:this.props.style})},n.componentDidMount=function(){var e=this.props;this.state.scrollPos=e.defaultScrollPos||0;var t=this.canvasElement;this.canvasContext=t.getContext(`2d`,{alpha:!0}),e.useResizeObserver?(this._observer=new ResizeObserver(this._checkResize),this._observer.observe(t,{box:`border-box`})):this.resize()},n.componentDidUpdate=function(){this.resize()},n.componentWillUnmount=function(){var e;this.state.scrollPos=0,(e=this._observer)==null||e.disconnect()},n.getScrollPos=function(){return this.state.scrollPos},n.scroll=function(e,t){this.draw({scrollPos:e,zoom:t})},n.resize=function(e){var t=this.canvasElement,n=this.props,r=n.width,i=n.height,a=n.scrollPos,o=this._getRulerScale();this.width=r||t.offsetWidth,this.height=i||t.offsetHeight,t.width=this.width*o,t.height=this.height*o,this.draw({scrollPos:a,zoom:e})},n.draw=function(e){e===void 0&&(e={});var t=this.props,n=e.zoom,r=n===void 0?this._zoom:n,i=e.scrollPos,a=i===void 0?this.state.scrollPos:i,o=e.marks,s=o===void 0?t.marks:o,c=e.selectedRanges,l=c===void 0?t.selectedRanges:c,u=e.segment,d=u===void 0?t.segment||10:u,f=e.unit,p=f===void 0?t.unit:f;this._zoom=r;var m=t,g=m.type,_=m.backgroundColor,v=m.lineColor,y=m.textColor,b=m.textBackgroundColor,x=m.direction,S=m.negativeRuler,C=S===void 0?!0:S,w=m.textFormat,T=m.range,E=T===void 0?[-1/0,1/0]:T,D=m.rangeBackgroundColor,O=m.selectedBackgroundColor,k=m.lineWidth,A=k===void 0?1:k,j=m.selectedRangesText,M=m.selectedRangesTextColor,N=M===void 0?`#44aaff`:M,P=m.selectedRangesTextOffset,F=P===void 0?[0,0]:P,I=m.markColor,L=I===void 0?`#ff5`:I,R=this._getRulerScale(),z=this.width,B=this.height,V=this.state;V.scrollPos=a;var H=this.canvasContext,U=g===`horizontal`,W=C!==!1,G=t.font||`10px sans-serif`,K=t.textAlign||`left`,q=t.textOffset||[0,0],J=U?B:z,ee=convertUnitSize(`${t.mainLineSize||`100%`}`,J),Y=convertUnitSize(`${t.longLineSize||10}`,J),te=convertUnitSize(`${t.shortLineSize||7}`,J),X=t.lineOffset||[0,0];switch(_===`transparent`?H.clearRect(0,0,z*R,B*R):(H.rect(0,0,z*R,B*R),H.fillStyle=_,H.fill()),H.save(),H.scale(R,R),H.strokeStyle=v,H.lineWidth=A,H.font=G,H.fillStyle=y,H.textAlign=K,x){case`start`:H.textBaseline=`top`;break;case`center`:H.textBaseline=`middle`;break;case`end`:H.textBaseline=`bottom`;break}H.translate(.5,0),H.beginPath();for(var ne=U?z:B,re=r*p,Z=Math.floor(a*r/re),Q=Math.ceil((a*r+ne)/re)-Z,ie=Math.max([`left`,`center`,`right`].indexOf(K)-1,-1),ae=U?B:z,oe=[],se=0;se<=Q;++se){var ce=(se+Z)*p,le=`${ce}`;w&&(le=w(ce));var ue=H.measureText(le).width;oe.push({color:y,offset:q,backgroundColor:b,value:ce,text:le,textSize:ue})}if(O!==`transparent`&&l?.length&&l.forEach(function(e){var t=Math.max(e[0],E[0],C?-1/0:0),n=Math.min(e[1],E[1]),i=(t-a)*r,o=(n-t)*r;j&&e.forEach(function(e){var t=`${e}`;w&&(t=w(e));var n=H.measureText(t).width,i=e*r,a=i+n;findLast(oe,function(e,t){var n=e.value,o=e.textSize,s=n*r,c=s+o;s<=a&&i<=c&&oe.splice(t,1)}),oe.push({value:e,color:N,offset:F,text:t,textSize:n})}),!(o<=0)&&(H.save(),H.fillStyle=O,U?H.fillRect(i,0,o,ae):H.fillRect(0,i,ae,o),H.restore())}),D!==`transparent`&&E[0]!==-1/0&&E[1]!==1/0){var de=(E[0]-a)*r,fe=(E[1]-E[0])*r;H.save(),H.fillStyle=D,U?H.fillRect(de,0,fe,ae):H.fillRect(0,de,ae,fe),H.restore()}for(var se=0;se<=Q;++se){var ce=se+Z;if(!(!W&&ce<0))for(var pe=ce*p,me=(pe-a)*r,he=0;he<d;++he){var ge=me+he/d*re,_e=pe+he/d*p;if(!(ge<0||ge>=ne||_e<E[0]||_e>E[1])){var ve=he===0?ee:he%2==0?Y:te,ye=0;switch(x){case`start`:ye=0;break;case`center`:ye=ae/2-ve/2;break;case`end`:ye=ae-ve;break}var be=U?[ge+X[0],ye+X[1]]:[ye+X[0],ge+X[1]],xe=be[0],Se=be[1],Ce=U?[xe,Se+ve]:[xe+ve,Se],we=Ce[0],Te=Ce[1];H.moveTo(xe+X[0],Se+X[1]),H.lineTo(we+X[0],Te+X[1])}}}H.stroke(),H.beginPath(),H.strokeStyle=L,H.lineWidth=1,(s||[]).forEach(function(e){var t=(-a+e)*r;if(!(t<0||t>=ne||e<E[0]||e>E[1])){var n=U?[t+X[0],X[1]]:[X[0],t+X[1]],i=n[0],o=n[1],s=U?[i,o+J]:[i+J,o],c=s[0],l=s[1];H.moveTo(i+X[0],o+X[1]),H.lineTo(c+X[0],l+X[1])}}),H.stroke(),oe.forEach(function(e){var t=e.value,n=e.offset,i=e.backgroundColor,o=e.color,s=e.text,c=e.textSize;if(!(!W&&t<0)){var l=(t-a)*r;if(!(l<-re||l>=ne+p*r||t<E[0]||t>E[1])){var u=0;switch(x){case`start`:u=17;break;case`center`:u=ae/2;break;case`end`:u=ae-17;break}var d=U?[l+ie*-3,u]:[u,l+ie*3],f=d[0],m=d[1];if(i){var g=0;switch(K){case`left`:g=0;break;case`center`:g=-c/2;break;case`right`:g=-c;break}H.save(),H.fillStyle=i,U?H.fillRect(f+n[0]+g,0,c,ee):(H.translate(0,m+n[1]),H.rotate(-Math.PI/2),H.fillRect(g,0,c,ee)),H.restore()}H.save(),H.fillStyle=o,U?H.fillText(s,f+n[0],m+n[1]):(H.translate(f+n[0],m+n[1]),H.rotate(-Math.PI/2),H.fillText(s,0,0)),H.restore()}}}),H.restore()},n._getRulerScale=function(){var e=this.props.defaultPixelScale||2;if(!this._rulerScale){var t=window.devicePixelRatio>1;if(!t&&window.matchMedia){var n=window.matchMedia(`only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx)`);t=n&&n.matches}this._rulerScale=t?3:e}return this._rulerScale},t.defaultProps={type:`horizontal`,zoom:1,width:0,height:0,unit:50,negativeRuler:!0,mainLineSize:`100%`,longLineSize:10,shortLineSize:7,segment:10,direction:`end`,style:{width:`100%`,height:`100%`},backgroundColor:`#333333`,font:`10px sans-serif`,textColor:`#ffffff`,textBackgroundColor:`transparent`,lineColor:`#777777`,range:[-1/0,1/0],rangeBackgroundColor:`transparent`,lineWidth:1,selectedBackgroundColor:`#555555`,defaultScrollPos:0,markColor:`#f55`,marks:[]},t}(PureComponent),PROPERTIES$2=`type.width.height.unit.zoom.direction.textAlign.font.segment.mainLineSize.longLineSize.shortLineSize.lineOffset.textOffset.negativeRuler.range.scrollPos.defaultScrollPos.style.backgroundColor.rangeBackgroundColor.lineColor.textColor.textBackgroundColor.textFormat.warpSelf.selectedBackgroundColor.selectedRanges.defaultPixelScale.useResizeObserver.selectedRangesText.selectedRangesTextColor.selectedRangesTextOffset.marks.markColor`.split(`.`),__assign$2=function(){return __assign$2=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$2.apply(this,arguments)};function __spreadArrays$1(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<n;t++)for(var a=arguments[t],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}var EventEmitter$2=function(){function e(){this._events={}}var t=e.prototype;return t.on=function(e,t){if(isObject$2(e))for(var n in e)this.on(n,e[n]);else this._addEvent(e,t,{});return this},t.off=function(e,t){if(!e)this._events={};else if(isObject$2(e))for(var n in e)this.off(n);else if(!t)this._events[e]=[];else{var r=this._events[e];if(r){var i=findIndex(r,function(e){return e.listener===t});i>-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays$1(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$2({listener:t},n))},e}(),extendStatics$1=function(e,t){return extendStatics$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},extendStatics$1(e,t)};function __extends$1(e,t){extendStatics$1(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$1$3=function(){return __assign$1$3=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$1$3.apply(this,arguments)};function getDefaultScrollPosition(e){var t=e.container;return t===document.body?[t.scrollLeft||document.documentElement.scrollLeft,t.scrollTop||document.documentElement.scrollTop]:[t.scrollLeft,t.scrollTop]}function getContainerElement(e){if(!e)return null;if(isString(e))return document.querySelector(e);if(isFunction$1(e))return e();if(e instanceof Element)return e;if(`current`in e)return e.current;if(`value`in e)return e.value}var DragScroll=function(e){__extends$1(t,e);function t(){var t=e!==null&&e.apply(this,arguments)||this;return t._startRect=null,t._startPos=[],t._prevTime=0,t._timer=0,t._prevScrollPos=[0,0],t._isWait=!1,t._flag=!1,t}var n=t.prototype;return n.dragStart=function(e,t){var n=getContainerElement(t.container);if(!n){this._flag=!1;return}var r=0,i=0,a=0,o=0;if(n===document.body)a=window.innerWidth,o=window.innerHeight;else{var s=n.getBoundingClientRect();r=s.top,i=s.left,a=s.width,o=s.height}this._flag=!0,this._startPos=[e.clientX,e.clientY],this._startRect={top:r,left:i,width:a,height:o},this._prevScrollPos=this._getScrollPosition([0,0],t)},n.drag=function(e,t){if(clearTimeout(this._timer),this._flag){var n=e.clientX,r=e.clientY,i=t.threshold,a=i===void 0?0:i,o=this,s=o._startRect,c=o._startPos,l=[0,0];return s.top>r-a?(c[1]>s.top||r<c[1])&&(l[1]=-1):s.top+s.height<r+a&&(c[1]<s.top+s.height||r>c[1])&&(l[1]=1),s.left>n-a?(c[0]>s.left||n<c[0])&&(l[0]=-1):s.left+s.width<n+a&&(c[0]<s.left+s.width||n>c[0])&&(l[0]=1),!l[0]&&!l[1]?!1:this._continueDrag(__assign$1$3(__assign$1$3({},t),{direction:l,inputEvent:e,isDrag:!0}))}},n.checkScroll=function(e){var t=this;if(this._isWait)return!1;var n=e.prevScrollPos,r=n===void 0?this._prevScrollPos:n,i=e.direction,a=e.throttleTime,o=a===void 0?0:a,s=e.inputEvent,c=e.isDrag,l=this._getScrollPosition(i||[0,0],e),u=l[0]-r[0],d=l[1]-r[1],f=i||[u?Math.abs(u)/u:0,d?Math.abs(d)/d:0];return this._prevScrollPos=l,!u&&!d?!1:(this.trigger(`move`,{offsetX:f[0]?u:0,offsetY:f[1]?d:0,inputEvent:s}),o&&c&&(clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},o)),!0)},n.dragEnd=function(){this._flag=!1,clearTimeout(this._timer)},n._getScrollPosition=function(e,t){var n=t.container,r=t.getScrollPosition;return(r===void 0?getDefaultScrollPosition:r)({container:getContainerElement(n),direction:e})},n._continueDrag=function(e){var t=this,n,r,i=e.container,a=e.direction,o=e.throttleTime,s=e.useScroll,c=e.isDrag,l=e.inputEvent;if(!(!this._flag||c&&this._isWait)){var u=now(),d=Math.max(o+this._prevTime-u,0);if(d>0)return clearTimeout(this._timer),this._timer=window.setTimeout(function(){t._continueDrag(e)},d),!1;this._prevTime=u;var f=this._getScrollPosition(a,e);this._prevScrollPos=f,c&&(this._isWait=!0);var p={container:getContainerElement(i),direction:a,inputEvent:l};return(r=(n=e).requestScroll)==null||r.call(n,p),this.trigger(`scroll`,p),this._isWait=!1,s||this.checkScroll(__assign$1$3(__assign$1$3({},e),{prevScrollPos:f,direction:a,inputEvent:l}))}},t}(EventEmitter$2),extendStatics$1$1=function(e,t){return extendStatics$1$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics$1$1(e,t)};function __extends$1$1(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics$1$1(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign$2$1=function(){return __assign$2$1=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$2$1.apply(this,arguments)};function __spreadArray(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}function prefix(){var e=[...arguments];return prefixNames.apply(void 0,__spreadArray([`scena-guides-`],e,!1))}var ADDER=prefix(`guide`,`adder`),GUIDES=prefix(`guides`),GUIDE=prefix(`guide`),DRAGGING=prefix(`dragging`),DISPLAY_DRAG=prefix(`display-drag`),GUIDES_CSS=prefixCSS(`scena-guides-`,`
|
||
{
|
||
position: relative;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
canvas {
|
||
position: relative;
|
||
}
|
||
.guide-origin {
|
||
position: absolute;
|
||
width: 1px;
|
||
height: 1px;
|
||
top: 0;
|
||
left: 0;
|
||
opacity: 0;
|
||
}
|
||
.guides {
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
will-change: transform;
|
||
z-index: 2000;
|
||
}
|
||
.guide-pos {
|
||
position: absolute;
|
||
font-weight: bold;
|
||
font-size: 12px;
|
||
color: #f33;
|
||
}
|
||
.horizontal .guide-pos {
|
||
bottom: 100%;
|
||
left: 50%;
|
||
transform: translate(-50%);
|
||
}
|
||
.vertical .guide-pos {
|
||
left: calc(100% + 2px);
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
}
|
||
.display-drag {
|
||
position: absolute;
|
||
will-change: transform;
|
||
z-index: 2000;
|
||
font-weight: bold;
|
||
font-size: 12px;
|
||
display: none;
|
||
left: 20px;
|
||
top: -20px;
|
||
color: #f33;
|
||
}
|
||
:host.horizontal .guides {
|
||
width: 100%;
|
||
height: 0;
|
||
}
|
||
:host.vertical .guides {
|
||
height: 100%;
|
||
width: 0;
|
||
}
|
||
:host.horizontal canvas {
|
||
cursor: ns-resize;
|
||
}
|
||
:host.vertical canvas {
|
||
cursor: ew-resize;
|
||
}
|
||
.guide {
|
||
position: absolute;
|
||
background: #f33;
|
||
z-index: 2;
|
||
}
|
||
.guide.dragging:before {
|
||
position: absolute;
|
||
content: "";
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
:host.horizontal .guide {
|
||
width: 100%;
|
||
height: 1px;
|
||
cursor: row-resize;
|
||
}
|
||
:host.vertical .guide {
|
||
width: 1px;
|
||
height: 100%;
|
||
cursor: col-resize;
|
||
}
|
||
.mobile :host.horizontal .guide {
|
||
transform: scale(1, 2);
|
||
}
|
||
.mobile :host.vertical .guide {
|
||
transform: scale(2, 1);
|
||
}
|
||
:host.horizontal .guide:before {
|
||
height: 20px;
|
||
}
|
||
:host.vertical .guide:before {
|
||
width: 20px;
|
||
}
|
||
.adder {
|
||
display: none;
|
||
}
|
||
.adder.dragging {
|
||
display: block;
|
||
}
|
||
`),PROPERTIES$1=__spreadArray([`className`,`rulerStyle`,`snapThreshold`,`snaps`,`displayDragPos`,`cspNonce`,`dragPosFormat`,`defaultGuides`,`showGuides`,`scrollOptions`,`guideStyle`,`guidesOffset`,`digit`,`defaultGuidesPos`,`dragGuideStyle`,`displayGuidePos`,`guidePosFormat`,`guidePosStyle`,`lockGuides`,`guidesZoom`],PROPERTIES$2,!0),METHODS$1=[`getGuides`,`loadGuides`,`scroll`,`scrollGuides`,`resize`,`getElement`,`getRulerElement`,`forceUpdate`,`getRulerScrollPos`,`getGuideScrollPos`,`zoomTo`,`drawRuler`],EVENTS$1=[`changeGuides`,`requestScroll`,`dragStart`,`drag`,`dragEnd`,`clickRuler`],GuidesElement=styled(`div`,GUIDES_CSS),Guides=function(e){__extends$1$1(t,e);function t(t){var n=e.call(this,t)||this;return n.state={guides:[]},n.scrollPos=0,n.managerRef=createRef(),n.guideElements=[],n._isFirstMove=!1,n._zoom=1,n._guidesZoom=1,n._observer=null,n.onDragStart=function(e){var t=e.datas,r=e.inputEvent;n._isFirstMove=!0,n.movePos(e),n.props.onDragStart(__assign$2$1(__assign$2$1({},e),{dragElement:t.target})),n.gesto.isFlag()&&(r.stopPropagation(),r.preventDefault(),n._startDragScroll(e))},n._onDrag=function(e){n._isFirstMove&&(n._isFirstMove=!1,addClass(e.datas.target,DRAGGING));var t=n.movePos(e);if(n.props.onDrag(__assign$2$1(__assign$2$1({},e),{dragElement:e.datas.target})),!n.gesto.isFlag()){n._endDragScroll(e);return}return n._dragScroll(e),t},n.onDragEnd=function(e){var t=e.datas,r=e.isDouble,i=e.distX,a=e.distY,o=n.movePos(e),s=n.state.guides,c=n.props,l=c.onChangeGuides,u=c.displayDragPos,d=c.digit,f=c.lockGuides,p=c.guidesOffset,m=n._guidesZoom,g=parseFloat((o/m).toFixed(d||0)),_=n.scrollPos-(p||0);if(u&&(n.displayElement.style.cssText+=`display: none;`),removeClass(t.target,DRAGGING),n.props.onDragEnd(__assign$2$1(__assign$2$1({},e),{dragElement:t.target})),n._endDragScroll(e),t.fromRuler)n._isFirstMove&&n.props.onClickRuler(__assign$2$1(__assign$2$1({},e),{pos:0})),g>=_&&s.indexOf(g)<0&&n.setState({guides:__spreadArray(__spreadArray([],s,!0),[g],!1)},function(){l({guides:n.state.guides,distX:i,distY:a,index:s.length,isAdd:!0,isRemove:!1,isChange:!1})});else{var v=parseFloat(t.target.getAttribute(`data-index`)),y=!1,b=!1;s=__spreadArray([],s,!0);var x=s.indexOf(g);if(r||g<_||x>-1&&x!==v){if(f&&(f===!0||f.indexOf(`remove`)>-1))return;s.splice(v,1),y=!0}else if(x>-1)return;else{if(f&&(f===!0||f.indexOf(`change`)>-1))return;s[v]=g,b=!0}n.setState({guides:s},function(){var e=n.state.guides;l({distX:i,distY:a,guides:e,isAdd:!1,index:v,isChange:b,isRemove:y})})}},n._onCheck=function(){n.resize()},n.state.guides=t.defaultGuides||[],n.scrollPos=t.defaultGuidesPos||0,n}var n=t.prototype;return n.render=function(){var e=this.props,t=e.className,n=e.type,r=e.zoom,i=e.guidesZoom,a=e.style,o=e.rulerStyle,s=e.displayDragPos,c=e.cspNonce,l=e.dragGuideStyle,u=e.guidePosStyle,d=u===void 0?{}:u,f=this.props,p=this.getTranslateName(),m={};return PROPERTIES$2.forEach(function(e){e===`style`||e===`warpSelf`||e===`useResizeObserver`||(m[e]=f[e])}),this._zoom=r,this._guidesZoom=i||r,createElement(GuidesElement,{ref:this.managerRef,cspNonce:c,className:`${prefix(`manager`,n)} ${t}`,style:a},createElement(`div`,{className:prefix(`guide-origin`),ref:ref(this,`originElement`)}),createElement(Ruler,__assign$2$1({ref:ref(this,`ruler`),style:o},m)),createElement(`div`,{className:GUIDES,ref:ref(this,`guidesElement`),style:{transform:`${p}(${-this.scrollPos*this._guidesZoom}px)`}},s&&createElement(`div`,{className:DISPLAY_DRAG,ref:ref(this,`displayElement`),style:d||{}}),createElement(`div`,{className:ADDER,ref:ref(this,`adderElement`),style:l}),this.renderGuides()))},n.drawRuler=function(e){this.ruler.draw(e)},n.renderGuides=function(){var e=this,t=this.props,n=t,r=n.type,i=n.showGuides,a=n.guideStyle,o=n.displayGuidePos,s=n.guidePosStyle,c=s===void 0?{}:s,l=n.guidesOffset,u=this._guidesZoom,d=this.getTranslateName(),f=this.state.guides,p=t.guidePosFormat||t.dragPosFormat||function(e){return e};if(this.guideElements=[],i)return f.map(function(t,n){var i=t+(l||0);return createElement(`div`,{className:prefix(`guide`,r),ref:refs(e,`guideElements`,n),key:n,"data-index":n,"data-pos":t,style:__assign$2$1(__assign$2$1({},a),{transform:`${d}(${i*u}px) translateZ(0px)`})},o&&createElement(`div`,{className:prefix(`guide-pos`),style:c||{}},p(t)))})},n.componentDidMount=function(){var e=this;this.gesto=new Gesto(this.managerRef.current,{container:document.body}).on(`dragStart`,function(t){var n=e.props,r=n.type,i=n.lockGuides,a=e._guidesZoom;if(i===!0){t.stop();return}var o=t.inputEvent.target,s=t.datas,c=e.ruler.canvasElement,l=e.guidesElement,u=r===`horizontal`,d=e.originElement.getBoundingClientRect(),f=getDistElementMatrix(e.managerRef.current),p=calculateMatrixDist(f,[t.clientX-d.left,t.clientY-d.top]);p[0]-=l.offsetLeft,p[1]-=l.offsetTop,p[u?1:0]+=e.scrollPos*a,s.offsetPos=p,s.matrix=f;var m=i&&i.indexOf(`add`)>-1,g=i&&i.indexOf(`remove`)>-1,_=i&&i.indexOf(`change`)>-1;if(o===c){if(m){t.stop();return}s.fromRuler=!0,s.target=e.adderElement}else if(hasClass(o,GUIDE)){if(g&&_){t.stop();return}s.target=o}else return t.stop(),!1;e.onDragStart(t)}).on(`drag`,this._onDrag).on(`dragEnd`,this.onDragEnd),this.props.useResizeObserver?(this._observer=new ResizeObserver(this._onCheck),this._observer.observe(this.guidesElement,{box:`border-box`}),this._observer.observe(this.getRulerElement(),{box:`border-box`})):this._onCheck()},n.componentWillUnmount=function(){var e;this.gesto.unset(),(e=this._observer)==null||e.disconnect()},n.componentDidUpdate=function(e){var t=this.props.defaultGuides;e.defaultGuides!==t&&this.setState({guides:t||[]})},n.loadGuides=function(e){this.setState({guides:e})},n.getGuides=function(){return this.state.guides},n.scrollGuides=function(e,t){t===void 0&&(t=this._guidesZoom),this._setZoom({guidesZoom:t});var n=this.getTranslateName(),r=this.guidesElement;this.scrollPos=e,r.style.transform=`${n}(${-e*t}px)`;var i=this.state.guides,a=this.props.guidesOffset||0;this.guideElements.forEach(function(r,o){if(r){var s=i[o]+(a||0);r.style.transform=`${n}(${s*t}px) translateZ(0px)`,r.style.display=-e+s<0?`none`:`block`}})},n.zoomTo=function(e,t){t===void 0&&(t=e),this.scroll(this.getRulerScrollPos(),e),this.scrollGuides(this.getGuideScrollPos(),t)},n.getElement=function(){return this.managerRef.current},n.getRulerElement=function(){return this.ruler.canvasElement},n.getGuideScrollPos=function(){return this.scrollPos},n.getRulerScrollPos=function(){return this.ruler.getScrollPos()},n.scroll=function(e,t){t===void 0&&(t=this._zoom),this._setZoom({zoom:t}),this.ruler.scroll(e,t)},n.resize=function(e){e===void 0&&(e=this._zoom),this._setZoom({zoom:e}),this.ruler.resize(e)},n.movePos=function(e){var t=e.datas,n=e.distX,r=e.distY,i=this.props,a=i.type,o=i.snaps,s=i.snapThreshold,c=i.displayDragPos,l=i.digit,u=i.guidesOffset||0,d=this._guidesZoom,f=i.dragPosFormat||function(e){return e},p=a===`horizontal`,m=calculateMatrixDist(t.matrix,[n,r]),g=t.offsetPos,_=m[0]+g[0],v=m[1]+g[1],y=u*d,b=Math.round(p?v:_)-u,x=parseFloat((b/d).toFixed(l||0)),S=o.slice().sort(function(e,t){return Math.abs(x-e)-Math.abs(x-t)});if(S.length&&Math.abs(S[0]*d-b)<s&&(x=S[0],b=x*d),!t.fromRuler||!this._isFirstMove){if(c){var C=a===`horizontal`?[_,b+y]:[b+y,v];this.displayElement.style.cssText+=`display: block;transform: translate(-50%, -50%) translate(${C.map(function(e){return`${e}px`}).join(`, `)})`,this.displayElement.innerHTML=`${f(x)}`}var w=t.target;w.setAttribute(`data-pos`,x),w.style.transform=`${this.getTranslateName()}(${b+u*d}px)`}return b},n.getTranslateName=function(){return this.props.type===`horizontal`?`translateY`:`translateX`},n._startDragScroll=function(e){var t=this,n=this.props.scrollOptions;if(n){var r=e.datas,i=new DragScroll;r.dragScroll=i,i.on(`scroll`,function(e){var n,r,i=e.container,a=e.direction;(r=(n=t.props).onRequestScroll)==null||r.call(n,{container:i,direction:a})}).on(`move`,function(e){var n=e.offsetX,r=e.offsetY,i=e.inputEvent;t.gesto.scrollBy(n,r,i.inputEvent,!0)}),i.dragStart(e,{container:n.container})}},n._dragScroll=function(e){var t=this.props.scrollOptions;t&&e.datas.dragScroll.drag(e,t)},n._endDragScroll=function(e){var t;(t=e.datas.dragScroll)==null||t.dragEnd(),e.datas.dragScroll=null},n._setZoom=function(e){var t=e.zoom,n=e.guidesZoom;this.props.zoom,this.props.guidesZoom?n&&(this._guidesZoom=n):(n&&(this._zoom=n,this._guidesZoom=n),t&&(this._guidesZoom=t)),t&&(this._zoom=t)},t.defaultProps={className:``,type:`horizontal`,zoom:1,guidesZoom:0,style:{},snapThreshold:5,snaps:[],digit:0,onClickRuler:function(){},onChangeGuides:function(){},onRequestScroll:function(){},onDragStart:function(){},onDrag:function(){},onDragEnd:function(){},displayDragPos:!1,dragPosFormat:function(e){return e},defaultGuides:[],lockGuides:!1,showGuides:!0,guideStyle:{},dragGuideStyle:{},guidePosStyle:{},defaultGuidesPos:0},t}(PureComponent),extendStatics=function(e,t){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},extendStatics(e,t)};function __extends(e,t){if(typeof t!=`function`&&t!==null)throw TypeError(`Class extends value `+String(t)+` is not a constructor or null`);extendStatics(e,t);function n(){this.constructor=e}e.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}var __assign=function(){return __assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign.apply(this,arguments)};function __decorate(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var PROPERTIES=PROPERTIES$1,METHODS=METHODS$1,EVENTS=EVENTS$1,InnerGuides=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;return n.state={},n.state=n.props,n}var n=t.prototype;return n.render=function(){return createElement(Guides,__assign({ref:ref(this,`guides`)},this.state))},t}(Component$1),__assign$1=function(){return __assign$1=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},__assign$1.apply(this,arguments)};function __spreadArrays(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),i=0,t=0;t<n;t++)for(var a=arguments[t],o=0,s=a.length;o<s;o++,i++)r[i]=a[o];return r}var Guides$1=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t}(function(e){__extends(t,e);function t(t,n){n===void 0&&(n={});var r=e.call(this)||this;r.containerProvider=null,r.selfElement=null,r._warp=!1;var i={};EVENTS.forEach(function(e){i[camelize(`on ${e}`)]=function(t){return r.trigger(e,t)}});var a;return n.warpSelf?(delete n.warpSelf,r._warp=!0,a=t):(a=document.createElement(`div`),t.appendChild(a)),r.containerProvider=renderSelf(createElement(InnerGuides,__assign({ref:ref(r,`innerGuides`)},i,n)),a),r}var n=t.prototype;return n.setState=function(e,t){this.innerGuides.setState(e,t)},n.forceUpdate=function(e){this.innerGuides.forceUpdate(e)},n.destroy=function(){var e,t=this.selfElement;renderSelf(null,t,this.containerProvider),this._warp||(e=t?.parentElement)==null||e.removeChild(t),this.selfElement=null,this.innerGuides=null},n.getInnerGuides=function(){return this.innerGuides.guides},t=__decorate([Properties(METHODS,function(e,t){e[t]||(e[t]=function(){var e=[...arguments],n=this.getInnerGuides();if(!(!n||!n[t]))return n[t].apply(n,e)})}),Properties(PROPERTIES,function(e,t){Object.defineProperty(e,t,{get:function(){return this.getInnerGuides().props[t]},set:function(e){var n;this.innerGuides.setState((n={},n[t]=e,n))},enumerable:!0,configurable:!0})})],t),t}(function(){function e(){this._events={}}var t=e.prototype;return t.on=function(e,t){if(isObject$2(e))for(var n in e)this.on(n,e[n]);else this._addEvent(e,t,{});return this},t.off=function(e,t){if(!e)this._events={};else if(isObject$2(e))for(var n in e)this.off(n);else if(!t)this._events[e]=[];else{var r=this._events[e];if(r){var i=findIndex(r,function(e){return e.listener===t});i>-1&&r.splice(i,1)}}return this},t.once=function(e,t){var n=this;return t&&this._addEvent(e,t,{once:!0}),new Promise(function(t){n._addEvent(e,t,{once:!0})})},t.emit=function(e,t){var n=this;t===void 0&&(t={});var r=this._events[e];if(!e||!r)return!0;var i=!1;return t.eventType=e,t.stop=function(){i=!0},t.currentTarget=this,__spreadArrays(r).forEach(function(r){r.listener(t),r.once&&n.off(e,r.listener)}),!i},t.trigger=function(e,t){return t===void 0&&(t={}),this.emit(e,t)},t._addEvent=function(e,t,n){var r=this._events;r[e]=r[e]||[],r[e].push(__assign$1({listener:t},n))},e}())),GHOST_EL_ID_PREFIX=`ghost_el_`,DRAG_EL_ID_PREFIX=`drag_el_`,HIGHLIGHT_EL_ID_PREFIX=`highlight_el_`,CONTAINER_HIGHLIGHT_CLASS_NAME=`tmagic-stage-container-highlight`,PAGE_CLASS=`magic-ui-page`,DEFAULT_ZOOM=1,GuidesType=(e=>(e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e))(GuidesType||{}),ZIndex=(e=>(e.MASK=`99999`,e.SELECTED_EL=`666`,e.GHOST_EL=`700`,e.DRAG_EL=`9`,e.HIGHLIGHT_EL=`8`,e))(ZIndex||{}),MouseButton=(e=>(e[e.LEFT=0]=`LEFT`,e[e.MIDDLE=1]=`MIDDLE`,e[e.RIGHT=2]=`RIGHT`,e))(MouseButton||{}),Mode=(e=>(e.ABSOLUTE=`absolute`,e.FIXED=`fixed`,e.SORTABLE=`sortable`,e))(Mode||{}),SELECTED_CLASS=`tmagic-stage-selected-area`,AbleActionEventType=(e=>(e.SELECT_PARENT=`select-parent`,e.REMOVE=`remove`,e.RERENDER=`rerender`,e))(AbleActionEventType||{}),ContainerHighlightType=(e=>(e.DEFAULT=`default`,e.ALT=`alt`,e))(ContainerHighlightType||{}),RenderType=(e=>(e.IFRAME=`iframe`,e.NATIVE=`native`,e))(RenderType||{}),SelectStatus=(e=>(e.SELECT=`select`,e.MULTI_SELECT=`multiSelect`,e))(SelectStatus||{}),StageDragStatus=(e=>(e.START=`start`,e.ING=`ing`,e.END=`end`,e))(StageDragStatus||{}),getParents=(e,t)=>{let n=e.parentElement,r=[];for(;n&&n!==t;)r.push(n),n=n.parentElement;return r},getOffset=e=>{let t=e,{offsetParent:n}=t,r=t.offsetLeft||0,i=t.offsetTop||0;if(n){let e=getOffset(n);return{left:r+e.left,top:i+e.top}}return{left:r,top:i}},getTargetElStyle=(e,t)=>{let n=getOffset(e),{transform:r,border:i}=getComputedStyle(e);return`
|
||
position: absolute;
|
||
transform: ${r};
|
||
left: ${n.left}px;
|
||
top: ${n.top}px;
|
||
width: ${e.clientWidth}px;
|
||
height: ${e.clientHeight}px;
|
||
border: ${i};
|
||
opacity: 0;
|
||
${t===void 0?``:`z-index: ${t};`}
|
||
`},getAbsolutePosition=(e,{top:t,left:n})=>{let{offsetParent:r}=e;if(r){let e=getOffset(r);return{left:n-e.left,top:t-e.top}}return{left:n,top:t}},isAbsolute=e=>e.position===`absolute`,isRelative=e=>e.position===`relative`,isStatic=e=>e.position===`static`,isFixed=e=>e.position===`fixed`,isFixedParent=e=>{let t=!1,n=e;for(;n&&(t=isFixed(getComputedStyle(n)),!t);){let{parentElement:e}=n;if(!e||e.tagName===`BODY`)break;n=e}return t},getMode=e=>{if(isFixedParent(e))return Mode.FIXED;let t=getComputedStyle(e);return isStatic(t)||isRelative(t)?Mode.SORTABLE:Mode.ABSOLUTE},getScrollParent=(e,t=!1)=>{let n=getComputedStyle(e),r=t?/(auto|scroll|hidden)/:/(auto|scroll)/;if(isFixed(n))return null;for(let t=e;t.parentElement;)if(t=t.parentElement,t.tagName===`HTML`||(n=getComputedStyle(t),!(isAbsolute(n)&&isStatic(n))&&r.test(n.overflow+n.overflowY+n.overflowX)))return t;return null},removeSelectedClassName=e=>{let t=e.querySelector(`.${SELECTED_CLASS}`);t&&(removeClassName(t,SELECTED_CLASS),t.parentNode&&removeClassName(t.parentNode,`${SELECTED_CLASS}-parent`),e.querySelectorAll(`.${SELECTED_CLASS}-parents`).forEach(e=>{removeClassName(e,`${SELECTED_CLASS}-parents`)}))},addSelectedClassName=(e,t)=>{e.classList.add(SELECTED_CLASS),e.parentNode?.classList.add(`${SELECTED_CLASS}-parent`),getParents(e,t.body).forEach(e=>{e.classList.add(`${SELECTED_CLASS}-parents`)})},down=(e,t)=>{let n=0,r=t.clientHeight,i=Array.from(t.parentNode?.children||[]).filter(e=>!getIdFromEl()(e)?.startsWith(GHOST_EL_ID_PREFIX)),a=i.indexOf(t),o=i.slice(a+1);for(let t=0;t<o.length;t++){let i=o[t];if(i.style?.position!==`fixed`){if(r+=i.clientHeight/2,e<=r)break;r+=i.clientHeight/2,n=t}}let s=getIdFromEl()(t)||``;return{src:s,dist:o.length&&n>-1?getIdFromEl()(o[n])||``:s}},up=(e,t)=>{let n=Array.from(t.parentNode?.children||[]).filter(e=>!getIdFromEl()(e)?.startsWith(GHOST_EL_ID_PREFIX)),r=n.indexOf(t),i=n.slice(0,r),a=t.clientHeight,o=i.length-1;for(let t=i.length-1;t>=0;t--){let n=i[t];if(n&&n.style.position!==`fixed`){if(a+=n.clientHeight/2,-e<=a)break;a+=n.clientHeight/2,o=t}}let s=getIdFromEl()(t)||``;return{src:s,dist:i.length&&o>-1?getIdFromEl()(i[o])||``:s}},isMoveableButton=e=>e.classList.contains(`moveable-button`)||e.parentElement?.classList.contains(`moveable-button`),getMarginValue=e=>{if(!e)return{marginLeft:0,marginTop:0};let{marginLeft:t,marginTop:n}=getComputedStyle(e);return{marginLeft:parseFloat(t)||0,marginTop:parseFloat(n)||0}},getBorderWidth=e=>{if(!e)return{borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0};let{borderLeftWidth:t,borderRightWidth:n,borderTopWidth:r,borderBottomWidth:i}=getComputedStyle(e);return{borderLeftWidth:parseFloat(t)||0,borderRightWidth:parseFloat(n)||0,borderTopWidth:parseFloat(r)||0,borderBottomWidth:parseFloat(i)||0}},TargetShadow=class{constructor(e){_defineProperty$1(this,`el`,void 0),_defineProperty$1(this,`els`,[]),_defineProperty$1(this,`idPrefix`,`target_calibrate_${guid()}`),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`scrollLeft`,0),_defineProperty$1(this,`scrollTop`,0),_defineProperty$1(this,`zIndex`,void 0),_defineProperty$1(this,`updateDragEl`,void 0),_defineProperty$1(this,`scrollHandler`,e=>{this.scrollLeft=e.detail.scrollLeft,this.scrollTop=e.detail.scrollTop}),this.container=e.container,e.updateDragEl&&(this.updateDragEl=e.updateDragEl),e.zIndex!==void 0&&(this.zIndex=e.zIndex),e.idPrefix&&(this.idPrefix=`${e.idPrefix}_${guid()}`),this.container.addEventListener(`customScroll`,this.scrollHandler)}update(e){return this.el=this.updateEl(e,this.el),this.el}updateGroup(e){return this.els.length>e.length&&this.els.slice(e.length-1).forEach(e=>{e.remove()}),this.els=e.map((e,t)=>this.updateEl(e,this.els[t])),this.els}destroyEl(){this.el?.remove(),this.el=void 0}destroyEls(){this.els.forEach(e=>{e.remove()}),this.els=[]}destroy(){this.container.removeEventListener(`customScroll`,this.scrollHandler),this.destroyEl(),this.destroyEls()}updateEl(e,t){let n=t||globalThis.document.createElement(`div`);setIdToEl()(n,`${this.idPrefix}_${getIdFromEl()(e)}`),n.style.cssText=getTargetElStyle(e,this.zIndex),typeof this.updateDragEl==`function`&&this.updateDragEl(n,e,this.container);let r=isFixedParent(e),i=this.container.dataset.mode||Mode.ABSOLUTE;return r&&i!==Mode.FIXED?n.style.transform=`translate3d(${this.scrollLeft}px, ${this.scrollTop}px, 0)`:!r&&i===Mode.FIXED&&(n.style.transform=`translate3d(${-this.scrollLeft}px, ${-this.scrollTop}px, 0)`),getElById()(globalThis.document,getIdFromEl()(n))||this.container.append(n),n}},DragResizeHelper=class{constructor(e){_defineProperty$1(this,`targetShadow`,void 0),_defineProperty$1(this,`target`,null),_defineProperty$1(this,`targetList`,[]),_defineProperty$1(this,`moveableHelper`,void 0),_defineProperty$1(this,`ghostEl`,void 0),_defineProperty$1(this,`frameSnapShot`,{left:0,top:0}),_defineProperty$1(this,`framesSnapShot`,[]),_defineProperty$1(this,`mode`,Mode.ABSOLUTE),this.moveableHelper=MoveableHelper.create({useBeforeRender:!0,useRender:!1,createAuto:!0}),this.targetShadow=new TargetShadow({container:e.container,updateDragEl:e.updateDragEl,zIndex:ZIndex.DRAG_EL,idPrefix:DRAG_EL_ID_PREFIX})}destroy(){this.target=null,this.targetList=[],this.targetShadow.destroy(),this.destroyGhostEl(),this.moveableHelper.clear()}destroyShadowEl(){this.targetShadow.destroyEl()}getShadowEl(){return this.targetShadow.el}updateShadowEl(e){this.destroyGhostEl(),this.target=e,this.targetShadow.update(e)}setMode(e){this.mode=e}onResizeStart(e){this.moveableHelper.onResizeStart(e),this.frameSnapShot.top=this.target.offsetTop,this.frameSnapShot.left=this.target.offsetLeft}onResize(e){let{width:t,height:n,drag:r}=e,{beforeTranslate:i}=r;if(this.mode===Mode.SORTABLE)this.target.style.top=`0px`,this.targetShadow.el&&(this.targetShadow.el.style.width=`${t}px`,this.targetShadow.el.style.height=`${n}px`);else{this.moveableHelper.onResize(e);let{marginLeft:t,marginTop:n}=getMarginValue(this.target);this.target.style.left=`${this.frameSnapShot.left+i[0]-t}px`,this.target.style.top=`${this.frameSnapShot.top+i[1]-n}px`}let{borderLeftWidth:a,borderRightWidth:o,borderTopWidth:s,borderBottomWidth:c}=getBorderWidth(this.target);this.target.style.width=`${t+a+o}px`,this.target.style.height=`${n+s+c}px`}onDragStart(e){this.moveableHelper.onDragStart(e),this.mode===Mode.SORTABLE&&(this.ghostEl=this.generateGhostEl(this.target)),this.frameSnapShot.top=this.target.offsetTop,this.frameSnapShot.left=this.target.offsetLeft}onDrag(e){if(this.ghostEl){this.ghostEl.style.top=`${this.frameSnapShot.top+e.beforeTranslate[1]}px`;return}this.moveableHelper.onDrag(e);let{marginLeft:t,marginTop:n}=getMarginValue(this.target);this.target.style.left=`${this.frameSnapShot.left+e.beforeTranslate[0]-t}px`,this.target.style.top=`${this.frameSnapShot.top+e.beforeTranslate[1]-n}px`}onRotateStart(e){this.moveableHelper.onRotateStart(e)}onRotate(e){this.moveableHelper.onRotate(e);let t=this.moveableHelper.getFrame(e.target);this.target.style.transform=t?.toCSSObject().transform||``}onScaleStart(e){this.moveableHelper.onScaleStart(e)}onScale(e){this.moveableHelper.onScale(e);let t=this.moveableHelper.getFrame(e.target);this.target.style.transform=t?.toCSSObject().transform||``}getGhostEl(){return this.ghostEl}destroyGhostEl(){this.ghostEl?.remove(),this.ghostEl=void 0}clear(){this.moveableHelper.clear()}getFrame(e){return this.moveableHelper.getFrame(e)}getShadowEls(){return this.targetShadow.els}updateGroup(e){this.targetList=e,this.framesSnapShot=[],this.targetShadow.updateGroup(e)}setTargetList(e){this.targetList=e}clearMultiSelectStatus(){this.targetList=[],this.targetShadow.destroyEls()}onResizeGroupStart(e){let{events:t}=e;this.moveableHelper.onResizeGroupStart(e),this.setFramesSnapShot(t)}onResizeGroup(e){let{events:t}=e;this.moveableHelper.onResizeGroup(e),t.forEach(e=>{let{width:t,height:n,beforeTranslate:r}=e.drag,i=this.framesSnapShot.find(t=>t.id===getIdFromEl()(e.target)?.replace(DRAG_EL_ID_PREFIX,``));if(!i)return;let a=this.targetList.find(t=>getIdFromEl()(t)===getIdFromEl()(e.target)?.replace(DRAG_EL_ID_PREFIX,``));if(a){if(!this.targetList.find(e=>getIdFromEl()(e)===getIdFromEl()(a.parentElement))){let{marginLeft:e,marginTop:t}=getMarginValue(a);a.style.left=`${i.left+r[0]-e}px`,a.style.top=`${i.top+r[1]-t}px`}a.style.width=`${t}px`,a.style.height=`${n}px`}})}onDragGroupStart(e){this.moveableHelper.onDragGroupStart(e);let{events:t}=e;this.setFramesSnapShot(t)}onDragGroup(e){this.moveableHelper.onDragGroup(e);let{events:t}=e;t.forEach(e=>{let t=this.framesSnapShot.find(t=>getIdFromEl()(e.target)?.startsWith(`drag_el_`)&&getIdFromEl()(e.target)?.endsWith(t.id));if(!t)return;let n=this.targetList.find(t=>{let n=getIdFromEl(),r=n(e.target),i=n(t);return r?.startsWith(`drag_el_`)&&i&&r?.endsWith(i)});if(n&&!this.targetList.find(e=>getIdFromEl()(e)===getIdFromEl()(n.parentElement))){let{marginLeft:r,marginTop:i}=getMarginValue(n);n.style.left=`${t.left+e.beforeTranslate[0]-r}px`,n.style.top=`${t.top+e.beforeTranslate[1]-i}px`}})}getUpdatedElRect(e,t,n){let r=this.mode===Mode.SORTABLE?{left:0,top:0}:{left:e.offsetLeft,top:e.offsetTop},{marginLeft:i,marginTop:a}=getMarginValue(e),o=calcValueByFontsize(n,r.left)-i,s=calcValueByFontsize(n,r.top)-a,{borderLeftWidth:c,borderRightWidth:l,borderTopWidth:u,borderBottomWidth:d}=getBorderWidth(e),f=calcValueByFontsize(n,e.clientWidth+c+l),p=calcValueByFontsize(n,e.clientHeight+u+d),m=this.getShadowEl(),g=this.getShadowEls();if(g.length&&(m=g.find(t=>getIdFromEl()(t)?.endsWith(getIdFromEl()(e)||``))),t&&this.mode===Mode.ABSOLUTE&&m){let e=m,r=e.offsetLeft||0,i=e.offsetTop||0,[a,c]=this.getFrame(m)?.properties.transform.translate.value,{left:l,top:u}=getOffset(t);o=calcValueByFontsize(n,r)+parseFloat(a)-calcValueByFontsize(n,l),s=calcValueByFontsize(n,i)+parseFloat(c)-calcValueByFontsize(n,u)}return{width:f,height:p,left:o,top:s}}setFramesSnapShot(e){this.framesSnapShot.length>0||e.forEach(e=>{let t=this.targetList.find(t=>getIdFromEl()(e.target)?.startsWith(`drag_el_`)&&getIdFromEl()(e.target)?.endsWith(getIdFromEl()(t)||``));if(!t)return;let n=getIdFromEl()(t);n&&this.framesSnapShot.push({left:t.offsetLeft,top:t.offsetTop,id:n})})}generateGhostEl(e){this.ghostEl&&this.destroyGhostEl();let t=document.createElement(`div`),{top:n,left:r}=getAbsolutePosition(e,getOffset(e));return setIdToEl()(t,`${GHOST_EL_ID_PREFIX}${getIdFromEl()(e)}`),t.style.cssText=`
|
||
z-index: ${ZIndex.GHOST_EL};
|
||
opacity: .6;
|
||
position: absolute;
|
||
left: ${r}px;
|
||
top: ${n}px;
|
||
margin: 0;
|
||
background: blue;
|
||
width: ${e.clientWidth}px;
|
||
height: ${e.clientHeight}px;
|
||
`,e.after(t),t}},ableCss=`.moveable-button {
|
||
width: 20px;
|
||
height: 20px;
|
||
background: #4af;
|
||
border-radius: 4px;
|
||
appearance: none;
|
||
border: 0;
|
||
color: white;
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
margin-left: 2px;
|
||
position: relative;
|
||
cursor: pointer;
|
||
}
|
||
.moveable-remove-button:before, .moveable-remove-button:after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%) rotate(45deg);
|
||
width: 14px;
|
||
height: 2px;
|
||
background: #fff;
|
||
border-radius: 1px;
|
||
cursor: pointer;
|
||
}
|
||
.moveable-remove-button:after {
|
||
transform: translate(-50%, -50%) rotate(-45deg);
|
||
}
|
||
|
||
.moveable-select-parent-arrow-top-icon {
|
||
transform: rotateZ(-45deg);
|
||
width: 4px;
|
||
height: 4px;
|
||
border-color: #fff;
|
||
border-width: 2px 2px 0 0;
|
||
border-style: solid;
|
||
position: absolute;
|
||
left: 4px;
|
||
top: 4px;
|
||
}
|
||
|
||
.moveable-select-parent-arrow-body-icon {
|
||
width: 7px;
|
||
height: 11px;
|
||
border-color: #fff;
|
||
border-width: 0 0 2px 2px;
|
||
border-style: solid;
|
||
}
|
||
|
||
.moveable-drag-area-button {
|
||
cursor: move;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon {
|
||
width: 2px;
|
||
height: 2px;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top {
|
||
transform: rotateZ(-45deg) translateX(-50%);
|
||
left: 50%;
|
||
top: 3px;
|
||
transform-origin: left;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom {
|
||
transform: rotateZ(135deg) translateX(-50%);
|
||
transform-origin: left;
|
||
left: 50%;
|
||
top: auto;
|
||
bottom: 3px;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right {
|
||
transform: rotateZ(45deg) translateY(-50%);
|
||
transform-origin: top;
|
||
right: 3px;
|
||
left: auto;
|
||
top: 50%;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left {
|
||
transform: rotateZ(235deg) translateY(-50%);
|
||
transform-origin: top;
|
||
left: 3px;
|
||
top: 50%;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal {
|
||
width: 2px;
|
||
height: 11px;
|
||
background-color: #fff;
|
||
position: absolute;
|
||
transform: translateX(-50%);
|
||
left: 50%;
|
||
top: 4px;
|
||
}
|
||
|
||
.moveable-drag-area-button .moveable-select-parent-arrow-body-icon-vertical {
|
||
width: 11px;
|
||
height: 2px;
|
||
background-color: #fff;
|
||
position: absolute;
|
||
transform: translateY(-50%);
|
||
left: 4px;
|
||
top: 50%;;
|
||
}
|
||
|
||
.moveable-rerender-button img {
|
||
position: absolute;
|
||
left: 2px;
|
||
top: 2px;
|
||
}
|
||
`,MoveableActionsAble=(e,t=[])=>({name:`actions`,props:[],always:!0,events:[],render(n,r){let i=n.getRect(),{pos2:a}=n.state,o=n.useCSS(`div`,`
|
||
{
|
||
position: absolute;
|
||
left: 0px;
|
||
top: 0px;
|
||
will-change: transform;
|
||
transform-origin: 60px 28px;
|
||
display: flex;
|
||
}
|
||
${ableCss}
|
||
`);return r.createElement(o,{className:`moveable-editable`,style:{transform:`translate(${a[0]-(t.length+3)*20}px, ${a[1]-28}px) rotate(${i.rotation}deg)`}},[...t.map(e=>{let t=e(r);return r.createElement(`button`,t.props||{},...t.children||[])}),r.createElement(`button`,{className:`moveable-button moveable-rerender-button`,title:`重新收集依赖后渲染`,onClick:()=>{e(AbleActionEventType.RERENDER)}},r.createElement(`img`,{src:`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXJlcGxhY2UiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiByeD0iMSIgLz4KICA8cmVjdCB4PSIxNSIgeT0iMTUiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHJ4PSIxIiAvPgogIDxwYXRoIGQ9Ik0yMSAxMXYtM2EyIDIgMCAwIDAgLTIgLTJoLTZsMyAzbTAgLTZsLTMgMyIgLz4KICA8cGF0aCBkPSJNMyAxM3YzYTIgMiAwIDAgMCAyIDJoNmwtMyAtM20wIDZsMyAtMyIgLz4KPC9zdmc+CgoK`,width:`16`,height:`16`})),r.createElement(`button`,{className:`moveable-button`,title:`选中父组件`,onClick:()=>{e(AbleActionEventType.SELECT_PARENT)}},r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon`})),r.createElement(`button`,{className:`moveable-button moveable-remove-button`,title:`删除`,onClick:()=>{e(AbleActionEventType.REMOVE)}}),r.createElement(`button`,{className:`moveable-button moveable-drag-area-button`,title:`拖动`},r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-top`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-bottom`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-left`}),r.createElement(`div`,{className:` moveable-select-parent-arrow-top-icon moveable-select-parent-arrow-top-icon-right`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon-horizontal`}),r.createElement(`div`,{className:`moveable-select-parent-arrow-body-icon-vertical`}))])}}),MoveableOptionsManager=class extends import_events.default{constructor(e){super(),_defineProperty$1(this,`mode`,Mode.ABSOLUTE),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`options`,{}),_defineProperty$1(this,`horizontalGuidelines`,[]),_defineProperty$1(this,`verticalGuidelines`,[]),_defineProperty$1(this,`elementGuidelines`,[]),_defineProperty$1(this,`customizedOptions`,void 0),_defineProperty$1(this,`getRootContainer`,void 0),this.customizedOptions=e.moveableOptions,this.container=e.container,this.getRootContainer=e.getRootContainer}getOption(e){return this.options[e]}setGuidelines(e,t){e===GuidesType.HORIZONTAL?this.horizontalGuidelines=t:e===GuidesType.VERTICAL&&(this.verticalGuidelines=t),this.emit(`update-moveable`)}clearGuides(){this.horizontalGuidelines=[],this.verticalGuidelines=[],this.emit(`update-moveable`)}setElementGuidelines(e){this.elementGuidelines.forEach(e=>{e.remove()}),this.elementGuidelines=[];let t=this.getCustomizeOptions()?.elementGuidelines||Array.from(e[0]?.parentElement?.children||[]);this.mode===Mode.ABSOLUTE&&this.container.append(this.createGuidelineElements(e,t))}getOptions(e,t={}){return this.options=merge$1(this.getDefaultOptions(e),this.getCustomizeOptions()||{},t),this.options}getDefaultOptions(e){let t=this.mode===Mode.SORTABLE;return merge$1({draggable:!0,resizable:!0,rootContainer:this.getRootContainer(),zoom:1,throttleDrag:0,snappable:!0,horizontalGuidelines:this.horizontalGuidelines,verticalGuidelines:this.verticalGuidelines,elementGuidelines:this.elementGuidelines,bounds:{top:0,left:0,right:this.container.clientWidth,bottom:t?void 0:this.container.clientHeight}},e?this.getMultiOptions():this.getSingleOptions())}getSingleOptions(){let e=this.mode===Mode.ABSOLUTE,t=this.mode===Mode.FIXED;return{origin:!1,dragArea:!1,scalable:!1,rotatable:!1,snapGap:e||t,snapThreshold:5,snapDigit:0,isDisplaySnapDigit:e,snapDirections:{top:e,right:e,bottom:e,left:e,center:e,middle:e},elementSnapDirections:{top:e,right:e,bottom:e,left:e},isDisplayInnerSnapDigit:!0,dragTarget:`.moveable-drag-area-button`,dragTargetSelf:!0,props:{actions:!0},ables:[MoveableActionsAble(this.actionHandler.bind(this))]}}getMultiOptions(){return{defaultGroupRotate:0,defaultGroupOrigin:`50% 50%`,startDragRotate:0,throttleDragRotate:0,origin:!0,padding:{left:0,top:0,right:0,bottom:0}}}getCustomizeOptions(){return typeof this.customizedOptions==`function`?this.customizedOptions():this.customizedOptions}actionHandler(e){this.emit(e)}createGuidelineElements(e,t){let n=globalThis.document.createDocumentFragment();for(let r of t){let t=r.element||r;if(!t||typeof t==`string`||(typeof t==`function`&&(t=t()),this.isInElementList(t,e)))continue;let{width:i,height:a}=t.getBoundingClientRect();if(!i||!a)continue;let{left:o,top:s}=getOffset(t),c=globalThis.document.createElement(`div`);c.style.cssText=`position: absolute;width: ${i}px;height: ${a}px;top: ${s}px;left: ${o}px`,this.elementGuidelines.push(c),n.append(c)}return n}isInElementList(e,t){for(let n of t)if(e===n)return!0;return!1}},StageDragResize=class extends MoveableOptionsManager{constructor(e){super(e),_defineProperty$1(this,`target`,null),_defineProperty$1(this,`moveable`,void 0),_defineProperty$1(this,`dragStatus`,StageDragStatus.END),_defineProperty$1(this,`dragResizeHelper`,void 0),_defineProperty$1(this,`disabledDragStart`,void 0),_defineProperty$1(this,`getRenderDocument`,void 0),_defineProperty$1(this,`markContainerEnd`,void 0),_defineProperty$1(this,`delayedMarkContainer`,void 0),this.getRenderDocument=e.getRenderDocument,this.markContainerEnd=e.markContainerEnd,this.delayedMarkContainer=e.delayedMarkContainer,this.disabledDragStart=e.disabledDragStart,this.dragResizeHelper=e.dragResizeHelper,this.on(`update-moveable`,()=>{this.moveable&&this.updateMoveable()})}getTarget(){return this.target}select(e,t){if(!e){this.moveable?.destroy(),this.moveable=void 0;return}!this.moveable||e!==this.target?this.initMoveable(e):this.updateMoveable(e),t&&!this.disabledDragStart&&this.moveable?.dragStart(t)}updateMoveable(e=this.target){if(!this.moveable)return;if(!e)throw Error(`未选中任何节点`);let t=this.init(e);Object.entries(t).forEach(([e,t])=>{this.moveable[e]=t}),this.moveable.updateRect()}clearSelectStatus(){this.moveable&&(this.dragResizeHelper.destroyShadowEl(),this.moveable.target=null,this.moveable.updateRect())}getDragStatus(){return this.dragStatus}destroy(){this.target=null,this.moveable?.destroy(),this.dragResizeHelper.destroy(),this.dragStatus=StageDragStatus.END,this.removeAllListeners()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}init(e){return/(auto|scroll)/.test(e.style.overflow)&&(e.style.overflow=`hidden`),this.target=e,this.mode=getMode(e),this.dragResizeHelper.updateShadowEl(e),this.dragResizeHelper.setMode(this.mode),this.setElementGuidelines([this.target]),this.getOptions(!1,{target:this.dragResizeHelper.getShadowEl()})}initMoveable(e){let t=this.init(e);this.dragResizeHelper.clear(),this.moveable?.destroy(),this.moveable=new Moveable(this.container,{...t}),this.bindResizeEvent(),this.bindDragEvent(),this.bindRotateEvent(),this.bindScaleEvent()}bindResizeEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`resizeStart`,e=>{this.target&&(this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onResizeStart(e))}).on(`resize`,e=>{!this.moveable||!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onResize(e))}).on(`resizeEnd`,()=>{this.dragStatus=StageDragStatus.END,this.update(!0)})}bindDragEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);let e;this.moveable.on(`dragStart`,e=>{if(!this.target)throw Error(`未选中组件`);this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onDragStart(e),this.emit(`drag-start`,e)}).on(`drag`,t=>{!this.target||!this.dragResizeHelper.getShadowEl()||(e&&(globalThis.clearTimeout(e),e=void 0),e=this.delayedMarkContainer(t.inputEvent,[this.target]),this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onDrag(t))}).on(`dragEnd`,()=>{e&&(globalThis.clearTimeout(e),e=void 0);let t=this.markContainerEnd();if(this.dragStatus===StageDragStatus.ING)if(t)this.update(!1,t);else switch(this.mode){case Mode.SORTABLE:this.sort();break;default:this.update()}this.dragStatus=StageDragStatus.END,this.dragResizeHelper.destroyGhostEl()})}bindRotateEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`rotateStart`,e=>{this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onRotateStart(e)}).on(`rotate`,e=>{!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onRotate(e))}).on(`rotateEnd`,e=>{this.dragStatus=StageDragStatus.END;let t=this.dragResizeHelper?.getFrame(e.target);this.target&&t&&this.emit(`update`,{data:[{el:this.target,style:{transform:t.get(`transform`)}}],parentEl:null})})}bindScaleEvent(){if(!this.moveable)throw Error(`moveable 未初始化`);this.moveable.on(`scaleStart`,e=>{this.dragStatus=StageDragStatus.START,this.dragResizeHelper.onScaleStart(e)}).on(`scale`,e=>{!this.target||!this.dragResizeHelper.getShadowEl()||(this.dragStatus=StageDragStatus.ING,this.dragResizeHelper.onScale(e))}).on(`scaleEnd`,e=>{this.dragStatus=StageDragStatus.END;let t=this.dragResizeHelper.getFrame(e.target);this.target&&t&&this.emit(`update`,{data:[{el:this.target,style:{transform:t.get(`transform`)}}],parentEl:null})})}sort(){if(!this.target||!this.dragResizeHelper.getGhostEl())throw Error(`未知错误`);let{top:e}=this.dragResizeHelper.getGhostEl().getBoundingClientRect(),{top:t}=this.target.getBoundingClientRect(),n=e-t;if(Math.abs(n)>=this.target.clientHeight/2)n>0?this.emit(`sort`,down(n,this.target)):this.emit(`sort`,up(n,this.target));else{let e=getIdFromEl()(this.target);e&&this.emit(`sort`,{src:e,dist:e})}}update(e=!1,t=null){if(!this.target)return;let n=this.getRenderDocument();if(!n)return;let r=this.dragResizeHelper.getUpdatedElRect(this.target,t,n);this.emit(`update`,{data:[{el:this.target,style:e?r:{left:r.left,top:r.top}}],parentEl:t})}},StageHighlight=class extends import_events.EventEmitter{constructor(e){super(),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`target`,void 0),_defineProperty$1(this,`moveable`,void 0),_defineProperty$1(this,`targetShadow`,void 0),_defineProperty$1(this,`getRootContainer`,void 0),this.container=e.container,this.getRootContainer=e.getRootContainer,this.targetShadow=new TargetShadow({container:e.container,updateDragEl:e.updateDragEl,zIndex:ZIndex.HIGHLIGHT_EL,idPrefix:HIGHLIGHT_EL_ID_PREFIX})}highlight(e){!e||e===this.target||(this.target=e,this.targetShadow?.update(e),this.moveable?(this.moveable.zoom=2,this.moveable.updateRect()):this.moveable=new Moveable(this.container,{target:this.targetShadow?.el,origin:!1,rootContainer:this.getRootContainer(),zoom:2}))}clearHighlight(){!this.moveable||!this.target||(this.moveable.zoom=0,this.moveable.updateRect(),this.target=void 0)}destroy(){this.target=void 0,this.moveable?.destroy(),this.targetShadow?.destroy(),this.moveable=void 0,this.targetShadow=void 0}},StageMultiDragResize=class extends MoveableOptionsManager{constructor(e){let t={container:e.container,moveableOptions:e.moveableOptions,getRootContainer:e.getRootContainer};super(t),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`targetList`,[]),_defineProperty$1(this,`moveableForMulti`,void 0),_defineProperty$1(this,`dragStatus`,StageDragStatus.END),_defineProperty$1(this,`dragResizeHelper`,void 0),_defineProperty$1(this,`getRenderDocument`,void 0),_defineProperty$1(this,`delayedMarkContainer`,void 0),_defineProperty$1(this,`markContainerEnd`,void 0),this.delayedMarkContainer=e.delayedMarkContainer,this.markContainerEnd=e.markContainerEnd,this.container=e.container,this.getRenderDocument=e.getRenderDocument,this.dragResizeHelper=e.dragResizeHelper,this.on(`update-moveable`,()=>{this.moveableForMulti&&this.updateMoveable()})}multiSelect(e){if(e.length===0)return;this.mode=getMode(e[0]),this.targetList=e,this.dragResizeHelper.updateGroup(e),this.setElementGuidelines(this.targetList),this.moveableForMulti?.destroy(),this.dragResizeHelper.clear(),this.moveableForMulti=new Moveable(this.container,this.getOptions(!0,{target:this.dragResizeHelper.getShadowEls()}));let t;this.moveableForMulti.on(`resizeGroupStart`,e=>{this.dragResizeHelper.onResizeGroupStart(e),this.dragStatus=StageDragStatus.START}).on(`resizeGroup`,e=>{this.dragResizeHelper.onResizeGroup(e),this.dragStatus=StageDragStatus.ING}).on(`resizeGroupEnd`,()=>{this.update(!0),this.dragStatus=StageDragStatus.END}).on(`dragGroupStart`,e=>{this.dragResizeHelper.onDragGroupStart(e),this.dragStatus=StageDragStatus.START}).on(`dragGroup`,e=>{t&&(globalThis.clearTimeout(t),t=void 0),t=this.delayedMarkContainer(e.inputEvent,this.targetList),this.dragResizeHelper.onDragGroup(e),this.dragStatus=StageDragStatus.ING}).on(`dragGroupEnd`,()=>{t&&(globalThis.clearTimeout(t),t=void 0);let e=this.markContainerEnd();this.update(!1,e),this.dragStatus=StageDragStatus.END}).on(`clickGroup`,e=>{let{inputTarget:t,targets:n}=e;if(n.length>1&&n.includes(t)){let n=getIdFromEl()(t)?.replace(DRAG_EL_ID_PREFIX,``);n&&this.emit(`change-to-select`,n,e.inputEvent)}})}canSelect(e,t){let n=getMode(e),r=``;return!(n===Mode.SORTABLE||(this.targetList.length===0&&t?r=getMode(t):this.targetList.length>0&&(r=getMode(this.targetList[0])),n!==r))}updateMoveable(e=this.targetList){if(!this.moveableForMulti)return;if(!e)throw Error(`未选中任何节点`);this.targetList=e,this.dragResizeHelper.setTargetList(e);let t=this.getOptions(!0,{target:this.dragResizeHelper.getShadowEls()});Object.entries(t).forEach(([e,t])=>{this.moveableForMulti[e]=t}),this.moveableForMulti.updateRect()}clearSelectStatus(){this.moveableForMulti&&(this.dragResizeHelper.clearMultiSelectStatus(),this.moveableForMulti.target=null,this.moveableForMulti.updateTarget(),this.targetList=[])}destroy(){this.moveableForMulti?.destroy(),this.dragResizeHelper.destroy()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}update(e=!1,t=null){if(this.targetList.length===0)return;let n=this.getRenderDocument();if(!n)return;let r=this.targetList.map(r=>{let i=this.dragResizeHelper.getUpdatedElRect(r,t,n);return{el:r,style:e?i:{left:i.left,top:i.top}}});this.emit(`update`,{data:r,parentEl:t})}},throttleTime=100,defaultContainerHighlightDuration=800,ActionManager=class extends import_events.default{constructor(e){super(),_defineProperty$1(this,`dr`,null),_defineProperty$1(this,`multiDr`,null),_defineProperty$1(this,`highlightLayer`,null),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`selectedEl`,null),_defineProperty$1(this,`selectedElList`,[]),_defineProperty$1(this,`highlightedEl`,void 0),_defineProperty$1(this,`isMultiSelectStatus`,!1),_defineProperty$1(this,`containerHighlightClassName`,void 0),_defineProperty$1(this,`containerHighlightDuration`,void 0),_defineProperty$1(this,`containerHighlightType`,void 0),_defineProperty$1(this,`isAltKeydown`,!1),_defineProperty$1(this,`getTargetElement`,void 0),_defineProperty$1(this,`getElementsFromPoint`,void 0),_defineProperty$1(this,`canSelect`,void 0),_defineProperty$1(this,`isContainer`,void 0),_defineProperty$1(this,`getRenderDocument`,void 0),_defineProperty$1(this,`disabledMultiSelect`,!1),_defineProperty$1(this,`config`,void 0),_defineProperty$1(this,`mouseMoveHandler`,throttle$2(e=>{(async()=>{if(e.target?.classList?.contains(`moveable-direction`))return;let t=await this.getElementFromPoint(e),n=getIdFromEl()(t);if(!n){this.clearHighlight();return}this.emit(`mousemove`,e),this.highlight(n)})()},throttleTime)),_defineProperty$1(this,`mouseDownHandler`,e=>{(async()=>{if(this.clearHighlight(),e.stopImmediatePropagation(),e.stopPropagation(),!this.isStopTriggerSelect(e)){if(this.container.removeEventListener(`mousemove`,this.mouseMoveHandler),this.isMultiSelectStatus)await this.beforeMultiSelect(e),this.selectedElList.length>0&&this.emit(`before-multi-select`,this.selectedElList);else{let t=await this.getElementFromPoint(e);if(!t)return;this.emit(`before-select`,t,e)}getDocument$1().addEventListener(`mouseup`,this.mouseUpHandler)}})()}),_defineProperty$1(this,`mouseUpHandler`,e=>{getDocument$1().removeEventListener(`mouseup`,this.mouseUpHandler),this.container.addEventListener(`mousemove`,this.mouseMoveHandler),this.isMultiSelectStatus?this.emit(`multi-select`,this.selectedElList,e):this.emit(`select`,this.selectedEl,e)}),_defineProperty$1(this,`mouseLeaveHandler`,e=>{setTimeout(()=>this.clearHighlight(),throttleTime),this.emit(`mouseleave`,e)}),_defineProperty$1(this,`mouseWheelHandler`,()=>{this.clearHighlight()}),_defineProperty$1(this,`dblclickHandler`,e=>{this.emit(`dblclick`,e)}),this.config=e,this.container=e.container,this.containerHighlightClassName=e.containerHighlightClassName||`tmagic-stage-container-highlight`,this.containerHighlightDuration=e.containerHighlightDuration||defaultContainerHighlightDuration,this.containerHighlightType=e.containerHighlightType,this.disabledMultiSelect=e.disabledMultiSelect??!1,this.getTargetElement=e.getTargetElement,this.getElementsFromPoint=e.getElementsFromPoint,this.canSelect=e.canSelect||(e=>!!getIdFromEl()(e)),this.getRenderDocument=e.getRenderDocument,this.isContainer=e.isContainer,this.dr=this.createDr(e),this.disabledMultiSelect||(this.multiDr=this.createMultiDr(e)),this.highlightLayer=new StageHighlight({container:e.container,updateDragEl:e.updateDragEl,getRootContainer:e.getRootContainer}),this.initMouseEvent(),this.initKeyEvent()}disableMultiSelect(){this.disabledMultiSelect=!0,this.multiDr&&(this.multiDr.destroy(),this.multiDr=null)}enableMultiSelect(){this.disabledMultiSelect=!1,this.multiDr||(this.multiDr=this.createMultiDr(this.config))}setGuidelines(e,t){this.dr?.setGuidelines(e,t),this.multiDr?.setGuidelines(e,t)}clearGuides(){this.dr?.clearGuides(),this.multiDr?.clearGuides()}updateMoveable(e){this.dr?.updateMoveable(e),this.multiDr?.updateMoveable()}isSelectedEl(e){return getIdFromEl()(e)===getIdFromEl()(this.selectedEl)}setSelectedEl(e){this.selectedEl=e}getSelectedEl(){return this.selectedEl}getSelectedElList(){return this.selectedElList}getMoveableOption(e){if(this.dr?.getTarget())return this.dr.getOption(e);if(this.multiDr?.targetList.length)return this.multiDr.getOption(e)}async getElementFromPoint(e){let t=this.getElementsFromPoint(e);this.emit(`get-elements-from-point`,t);let n=!1,r=()=>n=!0;for(let i of t)if(!getIdFromEl()(i)?.startsWith(`ghost_el_`)&&await this.isElCanSelect(i,e,r)){if(n)break;return i}return null}async isElCanSelect(e,t,n){return await this.canSelect(e,t,n)?this.isMultiSelectStatus?this.canMultiSelect(e,n):!0:!1}canMultiSelect(e,t){if(e.className.includes(`magic-ui-page`))return t(),!1;let n=this.getSelectedEl();return n?.className.includes(`magic-ui-page`)?!0:this.multiDr?.canSelect(e,n)||!1}select(e,t){this.setSelectedEl(e),this.clearSelectStatus(SelectStatus.MULTI_SELECT),this.dr?.select(e,t)}multiSelect(e){this.selectedElList=[],e.forEach(e=>{let t=this.getTargetElement(e);t&&this.selectedElList.push(t)}),this.clearSelectStatus(SelectStatus.SELECT),this.multiDr?.multiSelect(this.selectedElList)}getHighlightEl(){return this.highlightedEl}setHighlightEl(e){this.highlightedEl=e}highlight(e){let t;try{t=this.getTargetElement(e)}catch(e){this.clearHighlight(),console.warn(`getTargetElement error:`,e);return}if(t===this.getSelectedEl()||this.multiDr?.dragStatus===StageDragStatus.ING){this.clearHighlight();return}t===this.highlightedEl||!t||(this.highlightLayer?.highlight(t),this.highlightedEl=t,this.emit(`highlight`,t))}clearHighlight(){this.setHighlightEl(void 0),this.highlightLayer?.clearHighlight()}clearSelectStatus(e){e===SelectStatus.MULTI_SELECT?(this.multiDr?.clearSelectStatus(),this.selectedElList=[]):this.dr?.clearSelectStatus()}async addContainerHighlightClassName(e,t){let n=this.getRenderDocument();if(!n)return;let r=this.getElementsFromPoint(e);for(let e of r)if(!getIdFromEl()(e)?.startsWith(`ghost_el_`)&&await this.isContainer?.(e)&&!t.includes(e)){addClassName(e,n,this.containerHighlightClassName);break}}delayedMarkContainer(e,t=[]){if(this.canAddToContainer())return globalThis.setTimeout(()=>{this.addContainerHighlightClassName(e,t)},this.containerHighlightDuration)}getDragStatus(){return this.dr?.getDragStatus()}updateMoveableOptions(){this.dr?.updateMoveable(),this.multiDr?.updateMoveable()}destroy(){this.container.removeEventListener(`mousedown`,this.mouseDownHandler),this.container.removeEventListener(`mousemove`,this.mouseMoveHandler),this.container.removeEventListener(`mouseleave`,this.mouseLeaveHandler),this.container.removeEventListener(`wheel`,this.mouseWheelHandler),this.container.removeEventListener(`dblclick`,this.dblclickHandler),this.selectedEl=null,this.selectedElList=[],this.dr?.destroy(),this.multiDr?.destroy(),this.highlightLayer?.destroy(),this.dr=null,this.multiDr=null,this.highlightLayer=null}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}createDr(e){let t=new StageDragResize({container:e.container,disabledDragStart:e.disabledDragStart,moveableOptions:e.moveableOptions&&this.changeCallback(e.moveableOptions,!1),dragResizeHelper:new DragResizeHelper({container:e.container,updateDragEl:e.updateDragEl}),getRootContainer:e.getRootContainer,getRenderDocument:e.getRenderDocument,markContainerEnd:this.markContainerEnd.bind(this),delayedMarkContainer:this.delayedMarkContainer.bind(this)});return t.on(`update`,e=>{setTimeout(()=>this.emit(`update`,e))}).on(`sort`,e=>{setTimeout(()=>this.emit(`sort`,e))}).on(AbleActionEventType.SELECT_PARENT,()=>{this.emit(`select-parent`)}).on(AbleActionEventType.REMOVE,()=>{let e=this.dr?.getTarget();if(!e)return;let t={data:[{el:e}]};this.emit(`remove`,t)}).on(AbleActionEventType.RERENDER,()=>{this.emit(`rerender`)}).on(`drag-start`,e=>{this.emit(`drag-start`,e)}),t}createMultiDr(e){let t=new StageMultiDragResize({container:e.container,moveableOptions:e.moveableOptions&&this.changeCallback(e.moveableOptions,!0),dragResizeHelper:new DragResizeHelper({container:e.container,updateDragEl:e.updateDragEl}),getRootContainer:e.getRootContainer,getRenderDocument:e.getRenderDocument,markContainerEnd:this.markContainerEnd.bind(this),delayedMarkContainer:this.delayedMarkContainer.bind(this)});return t?.on(`update`,e=>{this.emit(`multi-update`,e)}).on(`change-to-select`,(e,t)=>{this.isMultiSelectStatus||this.emit(`change-to-select`,e,t)}),t}changeCallback(e,t){return typeof e==`function`?()=>typeof e==`function`?e({targetEl:this.selectedEl,targetElId:getIdFromEl()(this.selectedEl),targetEls:this.selectedElList,targetElIds:this.selectedElList?.map(e=>getIdFromEl()(e)||``),isMulti:t,document:this.getRenderDocument()}):e:e}async beforeMultiSelect(e){let t=await this.getElementFromPoint(e);if(!t)return;this.selectedEl&&!this.selectedEl.className.includes(`magic-ui-page`)&&(this.selectedElList.push(this.selectedEl),this.setSelectedEl(null));let n=this.selectedElList.findIndex(e=>getIdFromEl()(e)===getIdFromEl()(t));n===-1?this.selectedElList.push(t):this.selectedElList.length>1&&this.selectedElList.splice(n,1)}canAddToContainer(){return this.containerHighlightType===ContainerHighlightType.DEFAULT||this.containerHighlightType===ContainerHighlightType.ALT&&this.isAltKeydown}markContainerEnd(){let e=this.getRenderDocument();return e&&this.canAddToContainer()?removeClassNameByClassName(e,this.containerHighlightClassName):null}initMouseEvent(){this.container.addEventListener(`mousedown`,this.mouseDownHandler),this.container.addEventListener(`mousemove`,this.mouseMoveHandler),this.container.addEventListener(`mouseleave`,this.mouseLeaveHandler),this.container.addEventListener(`wheel`,this.mouseWheelHandler),this.container.addEventListener(`dblclick`,this.dblclickHandler)}initKeyEvent(){let{isMac:e}=new Env,t=e?`meta`:`ctrl`;KeyController.global.keydown(t,e=>{e.inputEvent.preventDefault(),this.disabledMultiSelect||(this.isMultiSelectStatus=!0)}),KeyController.global.on(`blur`,()=>{this.disabledMultiSelect||(this.isMultiSelectStatus=!1),this.isAltKeydown=!1}),KeyController.global.keyup(t,e=>{e.inputEvent.preventDefault(),this.disabledMultiSelect||(this.isMultiSelectStatus=!1)}),KeyController.global.keydown(`alt`,e=>{e.inputEvent.preventDefault(),this.isAltKeydown=!0}),KeyController.global.keyup(`alt`,e=>{e.inputEvent.preventDefault(),this.markContainerEnd(),this.isAltKeydown=!1})}isStopTriggerSelect(e){if(e.button!==MouseButton.LEFT&&e.button!==MouseButton.RIGHT||!e.target)return!0;let t=e.target.classList;return!!(!this.isMultiSelectStatus&&t.contains(`moveable-area`)||t.contains(`moveable-control`)||isMoveableButton(e.target))}},guidesClass=`tmagic-stage-guides`,Rule=class extends import_events.default{constructor(e,t){super(),_defineProperty$1(this,`hGuides`,void 0),_defineProperty$1(this,`vGuides`,void 0),_defineProperty$1(this,`horizontalGuidelines`,[]),_defineProperty$1(this,`verticalGuidelines`,[]),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`containerResizeObserver`,void 0),_defineProperty$1(this,`isShowGuides`,!0),_defineProperty$1(this,`guidesOptions`,void 0),_defineProperty$1(this,`getGuidesStyle`,e=>({position:`fixed`,zIndex:1,left:e===GuidesType.HORIZONTAL?0:`-30px`,top:e===GuidesType.HORIZONTAL?`-30px`:0,width:e===GuidesType.HORIZONTAL?`100%`:`30px`,height:e===GuidesType.HORIZONTAL?`30px`:`100%`})),_defineProperty$1(this,`createGuides`,(e,t=[])=>{if(!this.container)return;let n=new Guides$1(this.container,{type:e,defaultGuides:t,displayDragPos:!0,className:guidesClass,backgroundColor:`#fff`,lineColor:`#000`,textColor:`#000`,style:this.getGuidesStyle(e),showGuides:this.isShowGuides,...this.guidesOptions}),r={[GuidesType.HORIZONTAL]:this.hGuidesChangeGuidesHandler,[GuidesType.VERTICAL]:this.vGuidesChangeGuidesHandler}[e];return r&&n.on(`changeGuides`,r),n}),_defineProperty$1(this,`hGuidesChangeGuidesHandler`,e=>{this.horizontalGuidelines=e.guides,this.emit(`change-guides`,{type:GuidesType.HORIZONTAL,guides:this.horizontalGuidelines})}),_defineProperty$1(this,`vGuidesChangeGuidesHandler`,e=>{this.verticalGuidelines=e.guides,this.emit(`change-guides`,{type:GuidesType.VERTICAL,guides:this.verticalGuidelines})}),!t?.disabledRule&&(this.guidesOptions=t?.guidesOptions||{},this.container=e,this.hGuides=this.createGuides(GuidesType.HORIZONTAL,this.horizontalGuidelines),this.vGuides=this.createGuides(GuidesType.VERTICAL,this.verticalGuidelines),this.containerResizeObserver=new ResizeObserver(()=>{this.vGuides?.resize(),this.hGuides?.resize()}),this.containerResizeObserver.observe(this.container))}showGuides(e=!0){this.isShowGuides=e,this.hGuides?.setState({showGuides:e}),this.vGuides?.setState({showGuides:e})}setGuides([e,t]){this.horizontalGuidelines=e,this.verticalGuidelines=t,this.hGuides?.setState({defaultGuides:e}),this.vGuides?.setState({defaultGuides:t}),this.emit(`change-guides`,{type:GuidesType.HORIZONTAL,guides:e}),this.emit(`change-guides`,{type:GuidesType.VERTICAL,guides:t})}clearGuides(){this.setGuides([[],[]])}showRule(e=!0){e?(this.destroyGuides(),this.hGuides=this.createGuides(GuidesType.HORIZONTAL,this.horizontalGuidelines),this.vGuides=this.createGuides(GuidesType.VERTICAL,this.verticalGuidelines)):(this.hGuides?.setState({rulerStyle:{visibility:`hidden`}}),this.vGuides?.setState({rulerStyle:{visibility:`hidden`}}))}scrollRule(e){this.hGuides?.scrollGuides(e),this.hGuides?.scroll(0),this.vGuides?.scrollGuides(0),this.vGuides?.scroll(e)}destroy(){this.destroyGuides(),this.hGuides?.off(`changeGuides`,this.hGuidesChangeGuidesHandler),this.vGuides?.off(`changeGuides`,this.vGuidesChangeGuidesHandler),this.containerResizeObserver?.disconnect(),this.removeAllListeners()}destroyGuides(){this.hGuides?.destroy(),this.vGuides?.destroy(),this.container?.querySelectorAll(`.${guidesClass}`).forEach(e=>{e.remove()}),this.hGuides=void 0,this.vGuides=void 0,this.container=void 0}},wrapperClassName=`editor-mask-wrapper`,hideScrollbar=()=>{injectStyle$1(getDocument$1(),`.${wrapperClassName}::-webkit-scrollbar { width: 0 !important; display: none }`)},createContent=()=>createDiv({className:`editor-mask`,cssText:`
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
transform: translate3d(0, 0, 0);
|
||
`}),createWrapper=()=>{let e=createDiv({className:wrapperClassName,cssText:`
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
z-index: ${ZIndex.MASK};
|
||
`});return hideScrollbar(),e},StageMask=class extends Rule{constructor(e){let t=createWrapper();super(t,e),_defineProperty$1(this,`content`,createContent()),_defineProperty$1(this,`wrapper`,void 0),_defineProperty$1(this,`page`,null),_defineProperty$1(this,`scrollTop`,0),_defineProperty$1(this,`scrollLeft`,0),_defineProperty$1(this,`width`,0),_defineProperty$1(this,`height`,0),_defineProperty$1(this,`wrapperHeight`,0),_defineProperty$1(this,`wrapperWidth`,0),_defineProperty$1(this,`maxScrollTop`,0),_defineProperty$1(this,`maxScrollLeft`,0),_defineProperty$1(this,`mode`,Mode.ABSOLUTE),_defineProperty$1(this,`pageScrollParent`,null),_defineProperty$1(this,`intersectionObserver`,null),_defineProperty$1(this,`wrapperResizeObserver`,null),_defineProperty$1(this,`mouseWheelHandler`,e=>{if(!this.page)throw Error(`page 未初始化`);let{deltaY:t,deltaX:n}=e;this.page.clientHeight<this.wrapperHeight&&t||this.page.clientWidth<this.wrapperWidth&&n||(this.maxScrollTop>0&&(this.scrollTop+=t),this.maxScrollLeft>0&&(this.scrollLeft+=n),this.scroll(),this.emit(`scroll`,e))}),this.wrapper=t,this.content.addEventListener(`wheel`,this.mouseWheelHandler),this.wrapper.appendChild(this.content)}setMode(e){this.mode=e,this.scroll(),this.content.dataset.mode=e,e===Mode.FIXED?(this.content.style.width=`${this.wrapperWidth}px`,this.content.style.height=`${this.wrapperHeight}px`):(this.content.style.width=`${this.width}px`,this.content.style.height=`${this.height}px`)}observe(e){e&&(this.page=e,this.initObserverIntersection(),this.initObserverWrapper())}pageResize(e){let[t]=e,{clientHeight:n,clientWidth:r}=t.target;this.setHeight(n),this.setWidth(r),this.scroll()}observerIntersection(e){this.intersectionObserver?.observe(e)}mount(e){if(!this.content)throw Error(`content 不存在`);e.appendChild(this.wrapper)}setLayout(e){this.setMode(isFixedParent(e)?Mode.FIXED:Mode.ABSOLUTE)}scrollIntoView(e){if(!this.page||e.getBoundingClientRect().left>=this.page.scrollWidth)return;let t=getScrollParent(e);if(t&&t!==this.pageScrollParent){this.scrollIntoView(t);return}e.scrollIntoView(),this.pageScrollParent&&(this.scrollLeft=this.pageScrollParent.scrollLeft,this.scrollTop=this.pageScrollParent.scrollTop,this.scroll())}destroy(){super.destroy(),this.content?.remove(),this.page=null,this.pageScrollParent=null,this.wrapperResizeObserver?.disconnect()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}initObserverIntersection(){this.pageScrollParent=getScrollParent(this.page)||null,this.intersectionObserver?.disconnect(),typeof IntersectionObserver<`u`&&(this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{let{target:t,intersectionRatio:n}=e;n<=0&&this.scrollIntoView(t),this.intersectionObserver?.unobserve(t)})},{root:this.pageScrollParent,rootMargin:`0px`,threshold:1}))}initObserverWrapper(){this.wrapperResizeObserver?.disconnect(),typeof ResizeObserver<`u`&&(this.wrapperResizeObserver=new ResizeObserver(e=>{let[t]=e,{clientHeight:n,clientWidth:r}=t.target;this.wrapperHeight=n,this.wrapperWidth=r,this.mode===Mode.FIXED&&(this.content.style.width=`${this.wrapperWidth}px`,this.content.style.height=`${this.wrapperHeight}px`),this.setMaxScrollLeft(),this.setMaxScrollTop()}),this.wrapperResizeObserver.observe(this.wrapper))}scroll(){this.fixScrollValue();let{scrollLeft:e,scrollTop:t}=this;this.pageScrollParent&&this.pageScrollParent.scrollTo({top:t,left:e}),this.mode===Mode.FIXED&&(e=0,t=0),this.scrollRule(t),this.scrollTo(e,t)}scrollTo(e,t){this.content.style.transform=`translate3d(${-e}px, ${-t}px, 0)`;let n=new CustomEvent(`customScroll`,{detail:{scrollLeft:this.scrollLeft,scrollTop:this.scrollTop}});this.content.dispatchEvent(n)}setHeight(e){this.height=e,this.setMaxScrollTop(),this.mode!==Mode.FIXED&&(this.content.style.height=`${e}px`)}setWidth(e){this.width=e,this.setMaxScrollLeft(),this.mode!==Mode.FIXED&&(this.content.style.width=`${e}px`)}setMaxScrollLeft(){this.maxScrollLeft=Math.max(this.width-this.wrapperWidth,0)}setMaxScrollTop(){this.maxScrollTop=Math.max(this.height-this.wrapperHeight,0)}fixScrollValue(){this.scrollTop<0&&(this.scrollTop=0),this.scrollLeft<0&&(this.scrollLeft=0),this.maxScrollTop<this.scrollTop&&(this.scrollTop=this.maxScrollTop),this.maxScrollLeft<this.scrollLeft&&(this.scrollLeft=this.maxScrollLeft)}},style=`.tmagic-stage-container-highlight::after {
|
||
content: '';
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
background-color: #000;
|
||
opacity: .1;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.magic-ui-container.magic-layout-relative {
|
||
min-height: 50px;
|
||
}
|
||
`,StageRender=class extends import_events.EventEmitter{constructor({runtimeUrl:e,zoom:t,customizedRender:n,renderType:r=RenderType.IFRAME}){super(),_defineProperty$1(this,`contentWindow`,null),_defineProperty$1(this,`runtime`,null),_defineProperty$1(this,`iframe`,void 0),_defineProperty$1(this,`nativeContainer`,void 0),_defineProperty$1(this,`runtimeUrl`,void 0),_defineProperty$1(this,`zoom`,1),_defineProperty$1(this,`renderType`,void 0),_defineProperty$1(this,`customizedRender`,void 0),_defineProperty$1(this,`getMagicApi`,()=>({id:guid(),onPageElUpdate:e=>{this.emit(`page-el-update`,e)},onRuntimeReady:e=>{this.runtime||(this.runtime=e,globalThis.runtime=e,this.emit(`runtime-ready`,e))}})),_defineProperty$1(this,`getRuntime`,()=>this.runtime?Promise.resolve(this.runtime):new Promise(e=>{let t=n=>{this.off(`runtime-ready`,t),e(n)};this.on(`runtime-ready`,t)})),_defineProperty$1(this,`iframeLoadHandler`,()=>{(async()=>{if(this.contentWindow?.magic||this.postTmagicRuntimeReady(),this.contentWindow){if(this.customizedRender){let e=await this.customizedRender();e&&this.contentWindow.document?.body?.appendChild(e)}this.emit(`onload`),injectStyle$1(this.contentWindow.document,style)}})()}),this.renderType=r,this.runtimeUrl=e||``,this.customizedRender=n,this.setZoom(t),this.renderType===RenderType.IFRAME?this.createIframe():this.renderType===RenderType.NATIVE&&this.createNativeContainer()}async add(e){return(await this.getRuntime())?.add?.(e)}async remove(e){return(await this.getRuntime())?.remove?.(e)}async update(e){(await this.getRuntime())?.update?.(e)}async select(e){let t=await this.getRuntime();for(let n of e)await t?.select?.(n),this.flagSelectedEl(this.getTargetElement(n))}setZoom(e=1){this.zoom=e}async mount(e){if(this.iframe){if(!isSameDomain(this.runtimeUrl)&&this.runtimeUrl){let e=await fetch(this.runtimeUrl).then(e=>e.text()),t=`${location.protocol}//${getHost(this.runtimeUrl)}`;e=e.replace(`<head>`,`<head>
|
||
<base href="${t}">`),this.iframe.srcdoc=e}e.appendChild(this.iframe),this.postTmagicRuntimeReady()}else this.nativeContainer&&e.appendChild(this.nativeContainer)}getDocument(){return this.contentWindow?.document}getElementsFromPoint(e){let t=e.clientX,n=e.clientY;if(this.iframe){let e=this.iframe.getClientRects()[0];e&&(t-=e.left,n-=e.top)}return this.getDocument()?.elementsFromPoint(t/this.zoom,n/this.zoom)}getTargetElement(e){return getElById()(this.getDocument(),e)}postTmagicRuntimeReady(){this.contentWindow=this.iframe?.contentWindow,this.contentWindow.magic=this.getMagicApi(),this.contentWindow.postMessage({tmagicRuntimeReady:!0},`*`)}reloadIframe(e){if(this.renderType!==RenderType.IFRAME)return;let t=this.iframe?.parentElement;this.destroyIframe(),this.runtimeUrl=e,this.createIframe(),this.mount(t),this.runtime=null}destroyIframe(){this.iframe?.removeEventListener(`load`,this.iframeLoadHandler),this.contentWindow=null,this.iframe?.remove(),this.iframe=void 0}destroy(){this.destroyIframe(),globalThis.runtime=void 0,this.removeAllListeners()}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}createIframe(){return this.iframe=globalThis.document.createElement(`iframe`),this.iframe.src=this.runtimeUrl&&isSameDomain(this.runtimeUrl)?this.runtimeUrl:``,this.iframe.style.cssText=`
|
||
border: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
`,this.iframe.addEventListener(`load`,this.iframeLoadHandler),this.iframe}async createNativeContainer(){if(this.contentWindow=globalThis,this.nativeContainer=globalThis.document.createElement(`div`),this.contentWindow.magic=this.getMagicApi(),this.customizedRender){let e=await this.customizedRender();e&&this.nativeContainer.appendChild(e)}}flagSelectedEl(e){let t=this.getDocument();t&&(removeSelectedClassName(t),e&&addSelectedClassName(e,t))}},StageCore=class extends import_events.EventEmitter{constructor(e){super(),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`renderer`,null),_defineProperty$1(this,`mask`,null),_defineProperty$1(this,`actionManager`,null),_defineProperty$1(this,`pageResizeObserver`,null),_defineProperty$1(this,`autoScrollIntoView`,void 0),_defineProperty$1(this,`customizedRender`,void 0),this.autoScrollIntoView=e.autoScrollIntoView,this.customizedRender=e.render,this.renderer=new StageRender({runtimeUrl:e.runtimeUrl,zoom:e.zoom,renderType:e.renderType,customizedRender:async()=>this?.customizedRender?await this.customizedRender(this):null}),this.mask=new StageMask({guidesOptions:e.guidesOptions,disabledRule:e.disabledRule}),this.actionManager=new ActionManager(this.getActionManagerConfig(e)),this.initRenderEvent(),this.initActionEvent(),this.initMaskEvent()}async select(e,t){let n=this.renderer?.getTargetElement(e)||null;n!==this.actionManager?.getSelectedEl()&&(await this.renderer?.select([e]),n&&this.mask?.setLayout(n),this.actionManager?.select(n,t),n&&(this.autoScrollIntoView||n.dataset.autoScrollIntoView)&&this.mask?.observerIntersection(n))}async multiSelect(e){let t=e.map(e=>this.renderer?.getTargetElement(e)).filter(e=>!!e);if(t.length===0)return;let n=t[t.length-1],r=t.length<this.actionManager.getSelectedElList().length;await this.renderer?.select(e),n&&this.mask?.setLayout(n),this.actionManager?.multiSelect(e),n&&(this.autoScrollIntoView||n.dataset.autoScrollIntoView)&&!r&&this.mask?.observerIntersection(n)}highlight(e){this.actionManager?.highlight(e)}clearHighlight(){this.actionManager?.clearHighlight()}async update(e){let{config:t}=e;await this.renderer?.update(e),setTimeout(()=>{let e=this.renderer?.getTargetElement(`${t.id}`);e&&this.actionManager?.isSelectedEl(e)&&(this.mask?.setLayout(e),this.actionManager.setSelectedEl(e),this.actionManager.updateMoveable(e))})}async add(e){return await this.renderer?.add(e)}async remove(e){return await this.renderer?.remove(e)}setZoom(e=1){this.renderer?.setZoom(e)}async mount(e){this.container=e;let{mask:t,renderer:n}=this;await n?.mount(e),t?.mount(e),this.emit(`mounted`)}clearGuides(){this.mask?.clearGuides(),this.actionManager?.clearGuides()}getAddContainerHighlightClassNameTimeout(e,t=[]){return this.delayedMarkContainer(e,t)}delayedMarkContainer(e,t=[]){return this.actionManager?.delayedMarkContainer(e,t)}getMoveableOption(e){return this.actionManager?.getMoveableOption(e)}getDragStatus(){return this.actionManager?.getDragStatus()}disableMultiSelect(){this.actionManager?.disableMultiSelect()}enableMultiSelect(){this.actionManager?.enableMultiSelect()}reloadIframe(e){this.renderer?.reloadIframe(e)}destroy(){let{mask:e,renderer:t,actionManager:n,pageResizeObserver:r}=this;t?.destroy(),e?.destroy(),n?.destroy(),r?.disconnect(),this.removeAllListeners(),this.container=void 0,this.renderer=null,this.mask=null,this.actionManager=null,this.pageResizeObserver=null}on(e,t){return super.on(e,t)}emit(e,...t){return super.emit(e,...t)}observePageResize(e){this.pageResizeObserver&&this.pageResizeObserver.disconnect(),typeof ResizeObserver<`u`&&(this.pageResizeObserver=new ResizeObserver(e=>{this.mask?.pageResize(e),this.actionManager?.updateMoveable()}),this.pageResizeObserver.observe(e))}getActionManagerConfig(e){return{containerHighlightClassName:e.containerHighlightClassName,containerHighlightDuration:e.containerHighlightDuration,containerHighlightType:e.containerHighlightType,moveableOptions:e.moveableOptions,container:this.mask.content,disabledDragStart:e.disabledDragStart,disabledMultiSelect:e.disabledMultiSelect,canSelect:e.canSelect,isContainer:e.isContainer,updateDragEl:e.updateDragEl,getRootContainer:()=>this.container,getRenderDocument:()=>this.renderer.getDocument(),getTargetElement:e=>this.renderer.getTargetElement(e),getElementsFromPoint:e=>this.renderer.getElementsFromPoint(e)}}initRenderEvent(){this.renderer?.on(`runtime-ready`,e=>{this.emit(`runtime-ready`,e)}),this.renderer?.on(`page-el-update`,e=>{this.mask?.observe(e),this.observePageResize(e),this.emit(`page-el-update`,e)})}initMaskEvent(){this.mask?.on(`change-guides`,e=>{this.actionManager?.setGuidelines(e.type,e.guides),this.emit(`change-guides`,e)})}initActionEvent(){this.initActionManagerEvent(),this.initDrEvent(),this.initMulDrEvent(),this.initHighlightEvent(),this.initMouseEvent()}initActionManagerEvent(){this.actionManager?.on(`before-select`,(e,t)=>{let n=getIdFromEl()(e);n&&this.select(n,t)}).on(`select`,(e,t)=>{this.emit(`select`,e,t)}).on(`before-multi-select`,e=>{this.multiSelect(e.map(e=>getIdFromEl()(e)).filter(e=>!!e))}).on(`multi-select`,(e,t)=>{this.emit(`multi-select`,e,t)}).on(`dblclick`,e=>{this.emit(`dblclick`,e)})}initDrEvent(){this.actionManager?.on(`update`,e=>{this.emit(`update`,e)}).on(`sort`,e=>{this.emit(`sort`,e)}).on(`select-parent`,()=>{this.emit(`select-parent`)}).on(`rerender`,()=>{this.emit(`rerender`)}).on(`remove`,e=>{this.emit(`remove`,e)})}initMulDrEvent(){this.actionManager?.on(`change-to-select`,(e,t)=>{this.select(e),setTimeout(()=>{let n=this.renderer?.getTargetElement(e);n&&this.emit(`select`,n,t)})}).on(`multi-update`,e=>{this.emit(`update`,e)})}initHighlightEvent(){this.actionManager?.on(`highlight`,e=>{this.emit(`highlight`,e)})}initMouseEvent(){this.actionManager?.on(`mousemove`,e=>{this.emit(`mousemove`,e)}).on(`mouseleave`,e=>{this.emit(`mouseleave`,e)}).on(`drag-start`,e=>{this.emit(`drag-start`,e)})}},isDate=e=>e instanceof Date,isEmpty=e=>Object.keys(e).length===0,isObject=e=>typeof e==`object`&&!!e,hasOwnProperty=(e,...t)=>Object.prototype.hasOwnProperty.call(e,...t),isEmptyObject=e=>isObject(e)&&isEmpty(e),makeObjectWithoutPrototype=()=>Object.create(null),addedDiff=(e,t)=>e===t||!isObject(e)||!isObject(t)?{}:Object.keys(t).reduce((n,r)=>{if(hasOwnProperty(e,r)){let i=addedDiff(e[r],t[r]);return isObject(i)&&isEmpty(i)||(n[r]=i),n}return n[r]=t[r],n},makeObjectWithoutPrototype()),deletedDiff=(e,t)=>e===t||!isObject(e)||!isObject(t)?{}:Object.keys(e).reduce((n,r)=>{if(hasOwnProperty(t,r)){let i=deletedDiff(e[r],t[r]);return isObject(i)&&isEmpty(i)||(n[r]=i),n}return n[r]=void 0,n},makeObjectWithoutPrototype()),updatedDiff=(e,t)=>e===t?{}:!isObject(e)||!isObject(t)?t:isDate(e)||isDate(t)?e.valueOf()==t.valueOf()?{}:t:Object.keys(t).reduce((n,r)=>{if(hasOwnProperty(e,r)){let i=updatedDiff(e[r],t[r]);return isEmptyObject(i)&&!isDate(i)&&(isEmptyObject(e[r])||!isEmptyObject(t[r]))||(n[r]=i),n}return n},makeObjectWithoutPrototype()),detailedDiff=(e,t)=>({added:addedDiff(e,t),deleted:deletedDiff(e,t),updated:updatedDiff(e,t)}),scriptRel=`modulepreload`,assetsURL=function(e){return`/tmagic-editor/playground/`+e},seen={},__vitePreload=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=assetsURL(t,n),t in seen)return;seen[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:scriptRel,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},_hoisted_1$$=[`src`],_sfc_main$1s=defineComponent({name:`MEditorIcon`,__name:`Icon`,props:{icon:{}},setup(e){let t=e=>/^(\.|(\.\.)?\/)/.test(e);return(n,r)=>e.icon?typeof e.icon==`string`&&(e.icon.startsWith(`http`)||t(e.icon))?(openBlock(),createBlock(unref(_sfc_main$n$2),{key:1,class:`magic-editor-icon`},{default:withCtx(()=>[createBaseVNode(`img`,{src:e.icon},null,8,_hoisted_1$$)]),_:1})):typeof e.icon==`string`?(openBlock(),createElementBlock(`i`,{key:2,class:normalizeClass([`magic-editor-icon`,e.icon])},null,2)):(openBlock(),createBlock(unref(_sfc_main$n$2),{key:3,class:`magic-editor-icon`},{default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(toRaw(e.icon))))]),_:1})):(openBlock(),createBlock(unref(_sfc_main$n$2),{key:0,class:`magic-editor-icon`},{default:withCtx(()=>[createVNode(unref(edit_default))]),_:1}))}}),$TMAGIC_EDITOR={},setEditorConfig=e=>{$TMAGIC_EDITOR=e},getEditorConfig=e=>$TMAGIC_EDITOR[e],cached,loadMonaco=()=>(cached||(cached=Promise.all([__vitePreload(()=>import(`./emmet-monaco.esm-CLIFOTYd.js`),[]),__vitePreload(()=>import(`./editor.main-QEafhHXo.js`),__vite__mapDeps([0,1,2,3,4,5]))]).then(([e,t])=>{let{emmetHTML:n,emmetCSS:r}=e;return n(t),r(t,[`css`,`scss`]),t})),cached),_hoisted_1$_={class:`magic-code-editor`},_hoisted_2$o={ref:`codeEditor`,class:`magic-code-editor-content`},_sfc_main$1r=defineComponent({name:`MEditorCodeEditor`,__name:`CodeEditor`,props:{initValues:{default:``},modifiedValues:{},type:{},language:{default:`javascript`},options:{default:()=>({tabSize:2})},height:{},autoSave:{type:Boolean,default:!0},parse:{type:Boolean,default:!1},disabledFullScreen:{type:Boolean,default:!1},autosize:{},editorCustomType:{}},emits:[`initd`,`save`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=ref$1(``),o=null,s=computed$1(()=>w.value?`100%`:r.height?r.height:r.autosize?a.value:`100%`),c=()=>{let e=10;if(p&&v.value)try{let t=v.value.querySelector(`.monaco-editor`),n=v.value.querySelector(`.monaco-scrollable-element`);if(t&&n){let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();if(e=Math.max(r.height-i.height,0),e===0&&f){let t=p.getOptions(),n=t.get(f.editor.EditorOption.scrollBeyondLastLine),r=t.get(f.editor.EditorOption.padding),i=t.get(f.editor.EditorOption.lineHeight)||20;e=(n?i:0)+(r?.top||0)+(r?.bottom||0)+10}}}catch(e){console.warn(`Failed to calculate editor extra height:`,e)}return e},l=(e=``)=>{let t=Math.max(e.split(`
|
||
`).length,r.autosize?.minRows||1);e&&r.autosize?.maxRows&&(t=Math.min(t,r.autosize.maxRows));let n=20;p&&f&&(n=p.getOptions().get(f.editor.EditorOption.lineHeight)||20),o===null&&(o=c());let i=`${t*n+o}px`;a.value!==i&&(a.value=i,nextTick(()=>{p?.layout(),p&&(p.setScrollTop(0),p.revealLine(1))}))},u=(e,t)=>{let n;return n=typeof e==`string`?e:t===`json`?JSON.stringify(e,null,2):(0,import_serialize_javascript.default)(e,{space:2,unsafe:!0}).replace(/"(\w+)":\s/g,`$1: `),t===`javascript`&&n.startsWith(`{`)&&n.endsWith(`}`)&&(n=`(${n})`),n},d=(e,t)=>typeof e==`string`?t===`json`?JSON.parse(e):getEditorConfig(`parseDSL`)(e):e,f=null,p=null,m=null,g=ref$1(``),_=ref$1(!1),v=useTemplateRef(`codeEditor`),y=new globalThis.ResizeObserver(throttle$2(()=>{p?.layout(),m?.layout()},300)),b=(e,t)=>{if(g.value=u(e,r.language.toLocaleLowerCase()),l(g.value),!f)return;if(r.type===`diff`){let e=f.editor.createModel(g.value,`text/javascript`),n=f.editor.createModel(u(t,r.language),`text/javascript`),i=m?.getPosition(),a=m?.setModel({original:e,modified:n});return i&&(m?.setPosition(i),m?.focus()),a}let n=p?.getPosition(),i=p?.setValue(g.value);return n&&(p?.setPosition(n),p?.focus()),i},x=()=>(r.type===`diff`?m?.getModifiedEditor().getValue():p?.getValue())||``,S=e=>{if(e.keyCode===83&&(navigator.platform.match(`Mac`)?e.metaKey:e.ctrlKey)){e.preventDefault(),e.stopPropagation();let t=x();g.value=t,i(`save`,r.parse?d(t,r.language):t)}},C=async()=>{if(!v.value)return;v.value.clientHeight===0&&await nextTick(),o=null,f=await loadMonaco();let e={value:g.value,language:r.language,theme:`vs-dark`,editorCustomType:r.editorCustomType,...r.options};r.type===`diff`?(m=await getEditorConfig(`customCreateMonacoDiffEditor`)(f,v.value,e),m.getModifiedEditor().onDidChangeModelContent(()=>{r.autosize&&l(x())})):(p=await getEditorConfig(`customCreateMonacoEditor`)(f,v.value,e),p.onDidChangeModelContent(()=>{r.autosize&&l(x())})),b(r.initValues,r.modifiedValues),i(`initd`,p),v.value.addEventListener(`keydown`,S),r.type!==`diff`&&r.autoSave&&p?.onDidBlurEditorWidget(()=>{let e=x();g.value!==e&&(g.value=e,i(`save`,r.parse?d(e,r.language):e))}),y.observe(v.value)};watch(()=>r.initValues,(e,t)=>{e!==t&&b(r.initValues,r.modifiedValues)},{deep:!0,immediate:!0}),watch(()=>r.options,e=>{p?.updateOptions(e),m?.updateOptions(e)},{deep:!0}),onMounted(async()=>{_.value=!0,await C(),_.value=!1}),onBeforeUnmount(()=>{y.disconnect(),p?.dispose(),m?.dispose(),p=null,m=null,f=null,o=null}),onUnmounted(()=>{v.value?.removeEventListener(`keydown`,S)});let w=ref$1(!1),T=()=>{w.value=!w.value,setTimeout(()=>{p?.focus(),p?.layout(),m?.focus(),m?.layout()})};return t({values:g,getEditor(){return p||m},getVsEditor(){return p},getVsDiffEditor(){return m},setEditorValue:b,getEditorValue:x,focus(){p?.focus(),m?.focus()}}),(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$_,[(openBlock(),createBlock(Teleport,{to:`body`,disabled:!w.value},[createBaseVNode(`div`,{class:normalizeClass({"magic-code-editor-wrapper":!0,"full-screen":w.value}),style:normalizeStyle({height:s.value})},[e.disabledFullScreen?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,class:`magic-code-editor-full-screen-icon`,circle:``,size:`small`,onClick:T},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(full_screen_default)},null,8,[`icon`])]),_:1})),createBaseVNode(`div`,_hoisted_2$o,null,512)],6)],8,[`disabled`]))]))}}),_sfc_main$1q=defineComponent({name:`MFieldsVsCode`,__name:`Code`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,r=e=>{n(`change`,e)};return(t,n)=>(openBlock(),createBlock(_sfc_main$1r,{height:e.config.height,"init-values":e.model[e.name],language:e.config.language,options:{...e.config.options,readOnly:e.disabled},autosize:e.config.autosize,parse:e.config.parse,"editor-custom-type":e.config.mFormItemType,onSave:r},null,8,[`height`,`init-values`,`language`,`options`,`autosize`,`parse`,`editor-custom-type`]))}}),_sfc_main$1p=defineComponent({name:`MFieldsCodeLink`,__name:`CodeLink`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=computed$1(()=>{let{codeOptions:e,...t}=n.config;return{...t,text:``,type:`link`,form:[{name:n.name,type:`vs-code`,options:{tabSize:2,...e||{}}}]}}),a=reactive$1({form:{[n.name]:``}});watch(()=>n.model[n.name],e=>{a.form={[n.name]:(0,import_serialize_javascript.default)(e,{space:2,unsafe:!0}).replace(/"(\w+)":\s/g,`$1: `)}},{immediate:!0});let o=e=>{if(!(!n.name||!n.model))try{let t=getEditorConfig(`parseDSL`);n.model[n.name]=t(`(${e[n.name]})`),r(`change`,n.model[n.name])}catch(e){console.error(e)}};return(e,t)=>{let n=resolveComponent(`m-fields-link`);return openBlock(),createBlock(n,{config:i.value,model:a,name:`form`,onChange:o},null,8,[`config`,`model`])}}}),useServices=()=>{let e=inject(`services`);if(!e)throw Error(`services is required`);return e},_sfc_main$1o=defineComponent({name:`MFieldsCodeSelect`,__name:`CodeSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,{dataSourceService:r,codeBlockService:i}=useServices(),a=e,o=computed$1(()=>({type:`group-list`,name:`hookData`,enableToggleMode:!1,expandAll:!0,title:(e,{model:t,index:n})=>{if(t.codeType===HookCodeType.DATA_SOURCE_METHOD)return Array.isArray(t.codeId)?t.codeId.length<2?n:`${r.getDataSourceById(t.codeId[0])?.title} / ${t.codeId[1]}`:Array.isArray(t.codeId)?t.codeId.join(`/`):n;let a=i.getCodeContentById(t.codeId);return a?a.name:t.codeId||n},items:[{type:`row`,items:[{type:`select`,name:`codeType`,span:6,options:[{value:HookCodeType.CODE,text:`代码块`},{value:HookCodeType.DATA_SOURCE_METHOD,text:`数据源方法`}],defaultValue:`code`,onChange:(e,t,{setModel:n})=>(t===HookCodeType.DATA_SOURCE_METHOD?n(`codeId`,[]):n(`codeId`,``),t)},{type:`code-select-col`,name:`codeId`,span:18,labelWidth:0,display:(e,{model:t})=>t.codeType!==HookCodeType.DATA_SOURCE_METHOD,notEditable:()=>!i.getEditStatus()},{type:`data-source-method-select`,name:`codeId`,span:18,labelWidth:0,display:(e,{model:t})=>t.codeType===HookCodeType.DATA_SOURCE_METHOD,notEditable:()=>!r.get(`editable`)}]}]}));watch(()=>a.model[a.name],e=>{isEmpty$1(e)&&(a.model[a.name]={hookType:HookType.CODE,hookData:[]})},{immediate:!0});let s=(e,t)=>n(`change`,e,t);return(t,n)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-fields-code-select`,e.config.className])},[createVNode(unref(_sfc_main$E$1),null,{default:withCtx(()=>[createVNode(unref(_sfc_main$A$1),{config:o.value,size:e.size,prop:e.prop,disabled:e.disabled,lastValues:e.lastValues,model:e.model[e.name],onChange:s},null,8,[`config`,`size`,`prop`,`disabled`,`lastValues`,`model`])]),_:1})],2))}}),arrayOptions=[{text:`包含`,value:`include`},{text:`不包含`,value:`not_include`}],eqOptions=[{text:`等于`,value:`=`},{text:`不等于`,value:`!=`}],numberOptions=[{text:`大于`,value:`>`},{text:`大于等于`,value:`>=`},{text:`小于`,value:`<`},{text:`小于等于`,value:`<=`},{text:`在范围内`,value:`between`},{text:`不在范围内`,value:`not_between`}],styleTabConfig={title:`样式`,lazy:!0,display:({services:e})=>!(e.uiService.get(`showStylePanel`)??!0),items:[{name:`style`,labelWidth:`100px`,type:`style-setter`,items:[{names:`display.flexDirection.justifyContent.alignItems.flexWrap.marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.width.height.overflow.fontSize.lineHeight.fontWeight.color.textAlign.backgroundColor.backgroundImage.backgroundSize.backgroundPosition.backgroundRepeat.position.zIndex.top.right.bottom.left.borderRadius.borderTopWidth.borderTopStyle.borderTopColor.borderRightColor.borderRightWidth.borderRightStyle.borderRightColor.borderBottomWidth.borderBottomStyle.borderBottomColor.borderLeftStyle.borderLeftWidth.borderLeftColor.borderWidth.borderStyle.borderColor`.split(`.`)}]}]},eventTabConfig={title:`事件`,lazy:!0,items:[{name:`events`,src:`component`,labelWidth:`100px`,type:`event-select`}]},advancedTabConfig={title:`高级`,lazy:!0,items:[{name:NODE_DISABLE_CODE_BLOCK_KEY,text:`禁用代码块`,type:`switch`,defaultValue:!1,extra:`开启后,配置的代码块将不会被执行`},{name:NODE_DISABLE_DATA_SOURCE_KEY,text:`禁用数据源`,type:`switch`,defaultValue:!1,extra:`开启后,组件内配置的数据源相关配置将不会被编译,显隐条件将失效`},{name:`created`,text:`created`,labelPosition:`top`,type:`code-select`,extra:`组件初始化时执行`},{name:`mounted`,text:`mounted`,labelPosition:`top`,type:`code-select`,extra:`组件挂载到dom时执行`},{name:`display`,text:`display`,extra:`控制组件是否渲染,关系的代码块返回值为false时不渲染`,labelPosition:`top`,type:`code-select`}]},displayTabConfig={title:`显示条件`,display:(e,{model:t})=>t.type!==`page`,items:[{name:NODE_CONDS_RESULT_KEY,type:`select`,text:`条件成立时`,defaultValue:!1,options:[{text:`显示`,value:!1},{text:`隐藏`,value:!0}],extra:(e,{model:t})=>`条件成立时${t.displayCondsResultReverse?`隐藏`:`显示`},不成立时${t.displayCondsResultReverse?`显示`:`隐藏`};<br />同一条件组内的所有条件配置同时成立时表示该条件组成立,任意一个条件组成立时表示条件成立(条件组内为且的关系,条件组间为或的关系);<br />条件为空时表示成立;`},{type:`display-conds`,name:NODE_CONDS_KEY,titlePrefix:`条件组`,defaultValue:[]}]},fillConfig$1=(e=[],{labelWidth:t=`80px`,disabledDataSource:n=!1,disabledCodeBlock:r=!1}={})=>{let i=[];e.find(e=>e.name===`type`)||i.push({text:`type`,name:`type`,type:`hidden`}),e.find(e=>e.name===`id`)||i.push({name:`id`,text:`ID`,type:`text`,disabled:!0,append:{type:`button`,text:`复制`,handler:(e,{model:t})=>{navigator.clipboard.writeText(`${t.id}`).then(()=>{tMagicMessage.success(`已复制`)}).catch(()=>{tMagicMessage.error(`复制失败`)})}}}),e.find(e=>e.name===`name`)||i.push({name:`name`,text:`组件名称`});let a=advancedTabConfig.items.filter(e=>e.type!==`code-select`);a.length>0&&r&&(advancedTabConfig.items=a);let o={type:`tab`,labelWidth:t,items:[{title:`属性`,items:[...i,...e]},{...styleTabConfig},{...eventTabConfig}]};return r?a.length>0&&o.items.push({...advancedTabConfig}):o.items.push({...advancedTabConfig}),n||o.items.push({...displayTabConfig}),[o]},log=(...e)=>{},info=(...e)=>{},warn=(...e)=>{},debug=(...e)=>{},error=(...e)=>{},ColumnLayout=(e=>(e.LEFT=`left`,e.CENTER=`center`,e.RIGHT=`right`,e))(ColumnLayout||{}),SideItemKey=(e=>(e.COMPONENT_LIST=`component-list`,e.LAYER=`layer`,e.CODE_BLOCK=`code-block`,e.DATA_SOURCE=`data-source`,e))(SideItemKey||{}),LayerOffset=(e=>(e.TOP=`top`,e.BOTTOM=`bottom`,e))(LayerOffset||{}),Layout=(e=>(e.FLEX=`flex`,e.FIXED=`fixed`,e.RELATIVE=`relative`,e.ABSOLUTE=`absolute`,e))(Layout||{}),Keys=(e=>(e.ESCAPE=`Space`,e))(Keys||{}),CodeDeleteErrorType=(e=>(e.UNDELETEABLE=`undeleteable`,e.BIND=`bind`,e))(CodeDeleteErrorType||{}),CODE_DRAFT_STORAGE_KEY=`magicCodeDraft`,KeyBindingCommand=(e=>(e.COPY_NODE=`tmagic-system-copy-node`,e.PASTE_NODE=`tmagic-system-paste-node`,e.DELETE_NODE=`tmagic-system-delete-node`,e.CUT_NODE=`tmagic-system-cut-node`,e.UNDO=`tmagic-system-undo`,e.REDO=`tmagic-system-redo`,e.ZOOM_IN=`tmagic-system-zoom-in`,e.ZOOM_OUT=`tmagic-system-zoom-out`,e.ZOOM_RESET=`tmagic-system-zoom-reset`,e.ZOOM_FIT=`tmagic-system-zoom-fit`,e.MOVE_UP_1=`tmagic-system-move-up-1`,e.MOVE_DOWN_1=`tmagic-system-move-down-1`,e.MOVE_LEFT_1=`tmagic-system-move-left-1`,e.MOVE_RIGHT_1=`tmagic-system-move-right-1`,e.MOVE_UP_10=`tmagic-system-move-up-10`,e.MOVE_DOWN_10=`tmagic-system-move-down-10`,e.MOVE_LEFT_10=`tmagic-system-move-left-10`,e.MOVE_RIGHT_10=`tmagic-system-move-right-10`,e.SWITCH_NODE=`tmagic-system-switch-node`,e))(KeyBindingCommand||{}),DragType=(e=>(e.COMPONENT_LIST=`component-list`,e.LAYER_TREE=`layer-tree`,e))(DragType||{}),COPY_STORAGE_KEY=`$MagicEditorCopyData`,COPY_CODE_STORAGE_KEY=`$MagicEditorCopyCode`,COPY_DS_STORAGE_KEY=`$MagicEditorCopyDataSource`,getPageList=e=>!e||!Array.isArray(e.items)?[]:e.items.filter(e=>isPage(e)),getPageFragmentList=e=>!e||!Array.isArray(e.items)?[]:e.items.filter(e=>isPageFragment(e)),getPageNameList=e=>e.map(e=>e.name||`index`),generatePageName=(e,t)=>{let n=e.length;if(!n)return`${t}_index`;let r=`${t}_${n}`;for(;e.includes(r);)n+=1,r=`${t}_${n}`;return r},generatePageNameByApp=(e,t)=>generatePageName(getPageNameList(t===`page`?getPageList(e):getPageFragmentList(e)),t),getNodeIndex=(e,t)=>(t?.items||[]).findIndex(t=>`${t.id}`==`${e}`),getRelativeStyle=(e={})=>({...e,position:`relative`,top:0,left:0}),getMiddleTop=(e,t,n)=>{let r=e.style?.height||0;if(!n||e.style?.top!==void 0||!t.style)return e.style?.top;isNumber$1(r)||(r=0);let{height:i}=t.style,a=i;if(n.mask&&n.renderer){let{scrollTop:e=0,wrapperHeight:i}=n.mask;a=calcValueByFontsize(n.renderer.getDocument(),i);let o=calcValueByFontsize(n.renderer.getDocument(),e);if(isPage(t))return(a-r)/2+o}return(Math.min(i,a)-r)/2},getInitPositionStyle=(e={},t)=>{if(t===Layout.ABSOLUTE){let t={...e,position:`absolute`};return t.left===void 0&&t.right===void 0&&(t.left=0),t}return t===Layout.RELATIVE?getRelativeStyle(e):e},setChildrenLayout=(e,t)=>(e.items?.forEach(e=>{setLayout(e,t)}),e),setLayout=(e,t)=>{if(isPop(e))return;let n=e.style||{};if(n.position!==`fixed`)return t===Layout.RELATIVE?(e.style=getRelativeStyle(n),e.style.right=`auto`,e.style.bottom=`auto`):n.position=`absolute`,e},change2Fixed=(e,t)=>{let n={...e.style||{}},r=getNodePath(e.id,t.items),i={left:0,top:0};if(!e.style?.right&&isNumber$1(e.style?.left||0))for(let e of r){if(e.style?.right||!isNumber$1(e.style?.left||0)){i.left=0;break}i.left+=Number(e.style?.left||0)}if(!e.style?.bottom&&isNumber$1(e.style?.top||0))for(let e of r){if(e.style?.bottom||!isNumber$1(e.style?.top||0)){i.top=0;break}i.top+=Number(e.style?.top||0)}return i.left&&(n.left=i.left),i.top&&(n.top=i.top),n},Fixed2Other=async(e,t,n)=>{let r=getNodePath(e.id,t.items),i=r.pop(),a={left:i?.style?.left||0,top:i?.style?.top||0};if(!e.style?.right&&isNumber$1(e.style?.left||0))for(let e of r){if(e.style?.right||!isNumber$1(e.style?.left||0)){a.left=0;break}a.left-=Number(e.style?.left||0)}if(!e.style?.bottom&&isNumber$1(e.style?.top||0))for(let e of r){if(e.style?.bottom||!isNumber$1(e.style?.top||0)){a.top=0;break}a.top-=Number(e.style?.top||0)}let o=e.style||{},s=r.pop();return s?await n(s)===Layout.RELATIVE?getRelativeStyle(o):(a.left&&(o.left=a.left),a.top&&(o.top=a.top),{...o,position:`absolute`}):getRelativeStyle(o)},getGuideLineFromCache=e=>{if(!e)return[];let t=globalThis.localStorage.getItem(e);if(t)try{return JSON.parse(t)||[]}catch(e){console.error(e)}return[]},fixNodeLeft=(e,t,n)=>{if(!n||!e.style||!isNumber$1(e.style.left))return e.style?.left;let r=getElById()(n,`${e.id}`),i=getElById()(n,`${t.id}`),a=Number(e.style?.left)||0;if(r&&i){let e=calcValueByFontsize(n,i.offsetWidth),t=calcValueByFontsize(n,r.offsetWidth);if(t+a>e)return e-t}return e.style.left},fixNodePosition=(e,t,n)=>e.style?.position===`absolute`?{...e.style||{},top:getMiddleTop(e,t,n),left:fixNodeLeft(e,t,n?.renderer?.contentWindow?.document)}:e.style,serializeConfig=e=>(0,import_serialize_javascript.default)(e,{space:2,unsafe:!0}).replace(/"(\w+)":\s/g,`$1: `),moveItemsInContainer=(e,t,n)=>{e.sort((e,t)=>e-t);for(let r=e.length-1;r>=0;r--){let i=e[r];if(i===n)continue;let[a]=t.items.splice(i,1);t.items.splice(i<n?n-1:n,0,a);for(let t=r-1;t>=0;t--)e[t]>=n&&(e[t]+=1)}},isIncludeDataSourceByDiffAddResult=e=>{for(let t of Object.values(e)){if(isValueIncludeDataSource(t))return!0;if(isObject$4(t))return isIncludeDataSourceByDiffAddResult(t)}return!1},isIncludeDataSourceByDiffUpdatedResult=(e,t)=>{for(let[n,r]of Object.entries(e)){if(isValueIncludeDataSource(r)||isValueIncludeDataSource(t[n]))return!0;if(isObject$4(r))return isIncludeDataSourceByDiffUpdatedResult(r,t[n])}return!1},isIncludeDataSource=(e,t)=>{let n=detailedDiff(t,e),r=!1;return n.updated&&(n.updated.displayConds||(r=isIncludeDataSourceByDiffUpdatedResult(n.updated,t),r))||n.added&&(r=isIncludeDataSourceByDiffAddResult(n.added),r)||n.deleted&&(n.deleted.displayConds||(r=isIncludeDataSourceByDiffAddResult(n.deleted),r))?!0:r},buildChangeRecords=(e,t)=>{let n=[],r=(e,t)=>{Object.entries(e).forEach(([e,i])=>{if(i!==void 0){let a=t?`${t}.${e}`:e;typeof i==`object`&&i&&!Array.isArray(i)?r(i,a):n.push({propPath:a,value:i})}})};return r(e,t),n},compose=(e,t)=>{if(!Array.isArray(e))throw TypeError(`Middleware 必须是一个数组!`);for(let t of e)if(typeof t!=`function`)throw TypeError(`Middleware 必须由函数组成!`);return(n,r)=>{let i=-1;return a(0);function a(o){if(o<=i){let e=Error(`next() 被多次调用`);if(t)return Promise.reject(e);throw e}i=o;let s=e[o];if(o===e.length&&r&&(s=r),!s)return t?Promise.resolve():void 0;if(t)try{return Promise.resolve(s(...n,a.bind(null,o+1)))}catch(e){return Promise.reject(e)}try{return s(...n,a.bind(null,o+1))}catch(e){throw e}}}},methodName=(e,t)=>`${e}${t[0].toUpperCase()}${t.substring(1)}`,isError=e=>Object.prototype.toString.call(e)===`[object Error]`,doAction=(e,t,n,r,i,a)=>{try{let o=e;for(let e of t.pluginOptionsList[r]){if(o=e(...o)||[],isError(o))throw o;Array.isArray(o)||(o=[o])}let s=a(o,n.bind(t));for(let e of t.pluginOptionsList[i])if(s=e(s,...o),isError(s))throw s;return s}catch(e){throw e}},doAsyncAction=async(e,t,n,r,i,a)=>{try{let o=e;for(let e of t.pluginOptionsList[r]){if(o=await e(...o)||[],isError(o))throw o;Array.isArray(o)||(o=[o])}let s=await a(o,n.bind(t));for(let e of t.pluginOptionsList[i])if(s=await e(s,...o),isError(s))throw s;return s}catch(e){throw e}},BaseService=class extends import_events.EventEmitter{constructor(e=[],t=[]){super(),_defineProperty$1(this,`pluginOptionsList`,{}),_defineProperty$1(this,`middleware`,{}),_defineProperty$1(this,`taskList`,[]),_defineProperty$1(this,`doingTask`,!1),e.forEach(({name:e,isAsync:n})=>{let r=this,i=r[e],a=methodName(`before`,e),o=methodName(`after`,e);this.pluginOptionsList[a]=[],this.pluginOptionsList[o]=[],this.middleware[e]=[];let s=compose(this.middleware[e],n);Object.defineProperty(r,e,{value:n?async(...n)=>{if(!t.includes(e))return doAsyncAction(n,r,i,a,o,s);let c=new Promise((e,t)=>{this.taskList.push(async()=>{try{e(await doAsyncAction(n,r,i,a,o,s))}catch(e){t(e)}})});return this.doingTask||this.doTask(),c}:(...e)=>doAction(e,r,i,a,o,s)})})}use(e){for(let[t,n]of Object.entries(e))typeof n==`function`&&this.middleware[t].push(n)}usePlugin(e){for(let[t,n]of Object.entries(e))typeof n==`function`&&!this.pluginOptionsList[t].includes(n)&&this.pluginOptionsList[t].push(n)}removePlugin(e){for(let[t,n]of Object.entries(e))Array.isArray(this.pluginOptionsList[t])&&(this.pluginOptionsList[t]=this.pluginOptionsList[t].filter(e=>e!==n))}removeAllPlugins(){for(let e of Object.keys(this.pluginOptionsList))this.pluginOptionsList[e]=[];for(let e of Object.keys(this.middleware))this.middleware[e]=[]}async doTask(){this.doingTask=!0;let e=this.taskList.shift();for(;e;)await e(),e=this.taskList.shift();this.doingTask=!1}},canUsePluginMethods$7={async:[`setPropsConfig`,`getPropsConfig`,`setPropsValue`,`getPropsValue`,`fillConfig`,`getDefaultPropsValue`],sync:[`createId`,`setNewItemId`]},Props=class extends BaseService{constructor(){super([...canUsePluginMethods$7.async.map(e=>({name:e,isAsync:!0})),...canUsePluginMethods$7.sync.map(e=>({name:e,isAsync:!1}))]),_defineProperty$1(this,`state`,reactive$1({propsConfigMap:{},propsValueMap:{},relateIdMap:{},disabledDataSource:!1,disabledCodeBlock:!1}))}setDisabledDataSource(e){this.state.disabledDataSource=e}setDisabledCodeBlock(e){this.state.disabledCodeBlock=e}getDisabledDataSource(){return this.state.disabledDataSource}getDisabledCodeBlock(){return this.state.disabledCodeBlock}setPropsConfigs(e){Object.keys(e).forEach(t=>{this.setPropsConfig(toLine(t),e[t])}),this.emit(`props-configs-change`)}async fillConfig(e,t){return fillConfig$1(e,{labelWidth:typeof t==`function`?`80px`:t,disabledDataSource:this.getDisabledDataSource(),disabledCodeBlock:this.getDisabledCodeBlock()})}async setPropsConfig(e,t){let n=t;typeof t==`function`&&(n=t({editorService})),this.state.propsConfigMap[toLine(e)]=await this.fillConfig(Array.isArray(n)?n:[n])}async getPropsConfig(e){return e===`area`?await this.getPropsConfig(`button`):cloneDeep(this.state.propsConfigMap[toLine(e)]||await this.fillConfig([]))}setPropsValues(e){Object.keys(e).forEach(t=>{this.setPropsValue(toLine(t),e[t])})}async setPropsValue(e,t){let n=t;typeof t==`function`&&(n=t({editorService})),this.state.propsValueMap[toLine(e)]=n}async getPropsValue(e,{inputEvent:t,...n}={}){let r=toLine(e);if(r===`area`){let e=await this.getPropsValue(`button`);return e.className=`action-area`,e.text=``,e.style&&(e.style.backgroundColor=`rgba(255, 255, 255, 0)`),e}let i=this.createId(r),a=this.getDefaultPropsValue(r),o=this.setNewItemId(cloneDeep({type:r,...n}));return{id:i,...a,...mergeWith({},cloneDeep(this.state.propsValueMap[r]||{}),o)}}createId(e){return`${e}_${guid()}`}setNewItemId(e,t=!0){if(t||editorService.getNodeById(e.id)){let t=this.createId(e.type||`component`);this.setRelateId(e.id,t),e.id=t}if(e.items&&Array.isArray(e.items))for(let t of e.items)this.setNewItemId(t);return e}getDefaultPropsValue(e){return[`page`,`container`].includes(e)?{type:e,layout:`absolute`,style:{},name:e,items:[]}:{type:e,style:{},name:e}}resetState(){this.state.propsConfigMap={},this.state.propsValueMap={}}replaceRelateId(e,t,n){let r=this.getRelateIdMap();if(Object.keys(r).length===0)return;let i=new Target({...n}),a=new Watcher;a.addTarget(i),a.collect(e,{},!0,n.type),e.forEach(e=>{let a=r[e.id],o=getNodePath(a,t),s=o[o.length-1];s&&(i.deps[e.id]?.keys?.forEach(t=>{let n=r[getValueByKeyPath(t,e)];n&&setValueByKeyPath(t,n,s)}),e.items&&Array.isArray(e.items)&&this.replaceRelateId(e.items,t,n))})}clearRelateId(){this.state.relateIdMap={}}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}getRelateIdMap(){return this.state.relateIdMap}setRelateId(e,t){this.state.relateIdMap[e]=t}},propsService=new Props,UndoRedo=class{constructor(e=20){_defineProperty$1(this,`elementList`,void 0),_defineProperty$1(this,`listCursor`,void 0),_defineProperty$1(this,`listMaxSize`,void 0);let t=2;this.elementList=[],this.listCursor=0,this.listMaxSize=e>2?e:2}pushElement(e){this.elementList.splice(this.listCursor,this.elementList.length-this.listCursor,cloneDeep(e)),this.listCursor+=1,this.elementList.length>this.listMaxSize&&(this.elementList.shift(),--this.listCursor)}canUndo(){return this.listCursor>1}undo(){return this.canUndo()?(--this.listCursor,this.getCurrentElement()):null}canRedo(){return this.elementList.length>this.listCursor}redo(){return this.canRedo()?(this.listCursor+=1,this.getCurrentElement()):null}getCurrentElement(){return this.listCursor<1?null:cloneDeep(this.elementList[this.listCursor-1])}},History=class extends BaseService{constructor(){super([]),_defineProperty$1(this,`state`,reactive$1({pageSteps:{},pageId:void 0,canRedo:!1,canUndo:!1})),this.on(`change`,this.setCanUndoRedo)}reset(){this.state.pageSteps={},this.resetPage()}resetPage(){this.state.pageId=void 0,this.state.canRedo=!1,this.state.canUndo=!1}changePage(e){if(e){if(this.state.pageId=e.id,!this.state.pageSteps[this.state.pageId]){let t=new UndoRedo;t.pushElement({data:e,modifiedNodeIds:new Map,nodeId:e.id}),this.state.pageSteps[this.state.pageId]=t}this.setCanUndoRedo(),this.emit(`page-change`,this.state.pageSteps[this.state.pageId])}}resetState(){this.state.pageId=void 0,this.state.pageSteps={},this.state.canRedo=!1,this.state.canUndo=!1}push(e){let t=this.getUndoRedo();return t?(t.pushElement(e),this.emit(`change`,e),e):null}undo(){let e=this.getUndoRedo();if(!e)return null;let t=e.undo();return this.emit(`change`,t),t}redo(){let e=this.getUndoRedo();if(!e)return null;let t=e.redo();return this.emit(`change`,t),t}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}getUndoRedo(){return this.state.pageId?this.state.pageSteps[this.state.pageId]:null}setCanUndoRedo(){let e=this.getUndoRedo();this.state.canRedo=e?.canRedo()||!1,this.state.canUndo=e?.canUndo()||!1}},historyService=new History,Protocol=(e=>(e.OBJECT=`object`,e.JSON=`json`,e.STRING=`string`,e.NUMBER=`number`,e.BOOLEAN=`boolean`,e))(Protocol||{}),canUsePluginMethods$6={sync:[`getStorage`,`getNamespace`,`clear`,`getItem`,`removeItem`,`setItem`]},WebStorage=class extends BaseService{constructor(){super(canUsePluginMethods$6.sync.map(e=>({name:e,isAsync:!1}))),_defineProperty$1(this,`storage`,globalThis.localStorage),_defineProperty$1(this,`namespace`,`tmagic`)}getStorage(){return this.storage}getNamespace(){return this.namespace}clear(){this.getStorage().clear()}getItem(e,t={}){let n=this.getStorage(),r=this.getNamespace(),{protocol:i=t.protocol,item:a}=this.getValueAndProtocol(n.getItem(`${t.namespace||r}:${e}`));if(a===null)return null;switch(i){case`object`:return getEditorConfig(`parseDSL`)(`(${a})`);case`json`:return JSON.parse(a);case`number`:return Number(a);case`boolean`:if(a===`true`)return!0;if(a===`false`)return!1;default:return a}}key(e){return this.getStorage().key(e)}removeItem(e,t={}){let n=this.getStorage(),r=this.getNamespace();n.removeItem(`${t.namespace||r}:${e}`)}setItem(e,t,n={}){let r=this.getStorage(),i=this.getNamespace(),a=t,o=n.protocol?`${n.protocol}:`:``;a=typeof t==`string`||typeof t==`number`?`${o}${t}`:`${o}${(0,import_serialize_javascript.default)(t)}`,r.setItem(`${n.namespace||i}:${e}`,a)}destroy(){this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}getValueAndProtocol(e){let t=``;if(e===null)return{item:e,protocol:t};let n=e.replace(RegExp(`^(${Object.values(Protocol).join(`|`)})(:)(.+)`),(e,n,r,i)=>(t=n,i));return{protocol:t,item:n}}},storageService=new WebStorage,canUsePluginMethods$5={async:[`getLayout`,`highlight`,`select`,`multiSelect`,`doAdd`,`add`,`doRemove`,`remove`,`doUpdate`,`update`,`sort`,`copy`,`paste`,`doPaste`,`doAlignCenter`,`alignCenter`,`moveLayer`,`moveToContainer`,`dragTo`,`undo`,`redo`,`move`]},Editor=class extends BaseService{constructor(){super(canUsePluginMethods$5.async.map(e=>({name:e,isAsync:!0})),[`select`,`update`,`moveLayer`]),_defineProperty$1(this,`state`,reactive$1({root:null,page:null,parent:null,node:null,nodes:[],stage:null,stageLoading:!0,highlightNode:null,modifiedNodeIds:new Map,pageLength:0,pageFragmentLength:0,disabledMultiSelect:!1})),_defineProperty$1(this,`isHistoryStateChange`,!1)}set(e,t){let n=this.state[e];if(this.state[e]=t,e===`nodes`&&Array.isArray(t)&&this.set(`node`,t[0]),e===`root`){if(Array.isArray(t))throw Error(`root 不能为数组`);if(t&&isObject$4(t)){let e=t;this.state.pageLength=getPageList(e).length||0,this.state.pageFragmentLength=getPageFragmentList(e).length||0,this.state.stageLoading=this.state.pageLength!==0}else this.state.pageLength=0,this.state.pageFragmentLength=0,this.state.stageLoading=!1;this.emit(`root-change`,t,n)}}get(e){return this.state[e]}getNodeInfo(e,t=!0){let n=this.get(`root`);return t&&(n=toRaw(n)),getNodeInfo(e,n)}getNodeById(e,t=!0){let{node:n}=this.getNodeInfo(e,t);return n}getParentById(e,t=!0){let{parent:n}=this.getNodeInfo(e,t);return n}async getLayout(e,t){return t&&typeof t!=`function`&&isFixed(t.style||{})?Layout.FIXED:e.layout?e.layout:e.style?.position?Layout.ABSOLUTE:Layout.RELATIVE}async select(e){let{node:t,page:n,parent:r}=this.selectedConfigExceptionHandler(e);return this.set(`nodes`,t?[t]:[]),this.set(`page`,n),this.set(`parent`,r),n?historyService.changePage(toRaw(n)):historyService.resetState(),t?.id&&this.get(`stage`)?.renderer?.runtime?.getApp?.()?.page?.emit(`editor:select`,{node:t,page:n,parent:r},getNodePath(t.id,this.get(`root`)?.items)),this.emit(`select`,t),t}async selectNextNode(){let e=toRaw(this.get(`node`));if(!e||isPage(e)||e.type===NodeType.ROOT)return e;let t=toRaw(this.getParentById(e.id));if(!t)return e;let n=getNodeIndex(e.id,t),r=t.items[n+1]||t.items[0];return await this.select(r),this.get(`stage`)?.select(r.id),r}async selectNextPage(){let e=toRaw(this.get(`root`)),t=toRaw(this.get(`page`));if(!t)throw Error(`page不能为空`);if(!e)throw Error(`root不能为空`);let n=getNodeIndex(t.id,e),r=e.items[n+1]||e.items[0];return await this.select(r),this.get(`stage`)?.select(r.id),r}highlight(e){let{node:t}=this.selectedConfigExceptionHandler(e);this.get(`highlightNode`)!==t&&this.set(`highlightNode`,t)}multiSelect(e){let t=[];uniq(e).forEach(e=>{let{node:n}=this.getNodeInfo(e);n&&t.push(n)}),this.set(`nodes`,t)}selectRoot(){let e=this.get(`root`);e&&(this.set(`nodes`,[e]),this.set(`parent`,null),this.set(`page`,null),this.set(`stage`,null),this.set(`highlightNode`,null))}async doAdd(e,t){let n=this.get(`root`);if(!n)throw Error(`root为空`);let r=this.get(`node`),i=this.get(`stage`);if(!r)throw Error(`当前选中节点为空`);if((t.type===NodeType.ROOT||r?.type===NodeType.ROOT)&&!(isPage(e)||isPageFragment(e)))throw Error(`app下不能添加组件`);if(t.id!==r.id&&!(isPage(e)||isPageFragment(e))){let n=t.items.indexOf(r);t.items?.splice(n+1,0,e)}else t.items?.push(e);let a=await this.getLayout(toRaw(t),e);e.style=getInitPositionStyle(e.style,a),await i?.add({config:cloneDeep(e),parent:cloneDeep(t),parentId:t.id,root:cloneDeep(n)});let o=fixNodePosition(e,t,i);return o&&(o.top!==e.style.top||o.left!==e.style.left)&&(e.style=o,await i?.update({config:cloneDeep(e),parentId:t.id,root:cloneDeep(n)})),this.addModifiedNodeId(e.id),e}async add(e,t){let n=this.get(`stage`),r=[];if(Array.isArray(e))r.push(...e);else{let{type:t,inputEvent:n,...i}=e;if(!t)throw Error(`组件类型不能为空`);r.push({...toRaw(await propsService.getPropsValue(t,i))})}let i=await Promise.all(r.map(e=>{let n=this.get(`root`);if((isPage(e)||isPageFragment(e))&&n)return this.doAdd(e,n);let r=t&&typeof t!=`function`?t:getAddParent(e);if(!r)throw Error(`未找到父元素`);return this.doAdd(e,r)}));if(i.length>1){let e=i.map(e=>e.id);n?.multiSelect(e),await this.multiSelect(e)}else await this.select(i[0]),isPage(i[0])?this.state.pageLength+=1:isPageFragment(i[0])?this.state.pageFragmentLength+=1:n?.select(i[0].id);return isPage(i[0])||isPageFragment(i[0])||this.pushHistoryState(),this.emit(`add`,i),Array.isArray(e)?i:i[0]}async doRemove(e){let t=this.get(`root`);if(!t)throw Error(`root不能为空`);let{parent:n,node:r}=this.getNodeInfo(e.id,!1);if(!n||!r)throw Error(`找不要删除的节点`);let i=getNodeIndex(r.id,n);if(typeof i!=`number`||i===-1)throw Error(`找不要删除的节点`);n.items?.splice(i,1);let a=this.get(`stage`);a?.remove({id:e.id,parentId:n.id,root:cloneDeep(t)});let o=async e=>{e[0]?(await this.select(e[0]),a?.select(e[0].id)):(this.selectRoot(),historyService.resetPage())},s=t.items||[];isPage(e)?(--this.state.pageLength,await o(s)):isPageFragment(e)?(--this.state.pageFragmentLength,await o(s)):(await this.select(n),a?.select(n.id),this.addModifiedNodeId(n.id)),s.length||(this.resetModifiedNodeId(),historyService.reset())}async remove(e){let t=Array.isArray(e)?e:[e];await Promise.all(t.map(e=>this.doRemove(e))),isPage(t[0])||isPageFragment(t[0])||this.pushHistoryState(),this.emit(`remove`,t)}async doUpdate(e,{changeRecords:t=[]}={}){let n=this.get(`root`);if(!n)throw Error(`root为空`);if(!e?.id)throw Error(`没有配置或者配置缺少id值`);let r=this.getNodeInfo(e.id,!1);if(!r.node)throw Error(`获取不到id为${e.id}的节点`);let i=toRaw(r.node),a=await this.toggleFixedPosition(toRaw(e),i,n);if(a=mergeWith(cloneDeep(i),a,(e,t,n,r,i)=>{if(t===void 0&&Object.hasOwn(i,n))return``;if(isObject$4(t)&&Array.isArray(e)||Array.isArray(t))return t}),!a.type)throw Error(`配置缺少type值`);if(a.type===NodeType.ROOT)return this.set(`root`,a),{oldNode:i,newNode:a,changeRecords:t};let{parent:o}=r;if(!o)throw Error(`获取不到父级节点`);let s=o.items,c=getNodeIndex(a.id,o);if(!s||c===void 0||c===-1)throw Error(`更新的节点未找到`);let l=await this.getLayout(a),u=await this.getLayout(i);Array.isArray(a.items)&&l!==u&&(a=setChildrenLayout(a,l)),s[c]=a;let d=this.get(`nodes`),f=d.findIndex(e=>`${e.id}`==`${a.id}`);return d.splice(f,1,a),this.set(`nodes`,[...d]),(isPage(a)||isPageFragment(a))&&this.set(`page`,a),this.addModifiedNodeId(a.id),{oldNode:i,newNode:a,changeRecords:t}}async update(e,t={}){let n=Array.isArray(e)?e:[e],r=await Promise.all(n.map(e=>this.doUpdate(e,t)));return r[0].oldNode?.type!==NodeType.ROOT&&this.pushHistoryState(),this.emit(`update`,r),Array.isArray(e)?r.map(e=>e.newNode):r[0].newNode}async sort(e,t){let n=this.get(`root`);if(!n)throw Error(`root为空`);let r=this.get(`node`);if(!r)throw Error(`当前节点为空`);let i=cloneDeep(toRaw(this.get(`parent`)));if(!i)throw Error(`父节点为空`);let a=i.items.findIndex(e=>`${e.id}`==`${t}`);if(a<0)return;let o=i.items.findIndex(t=>`${t.id}`==`${e}`);i.items.splice(a,0,...i.items.splice(o,1)),await this.update(i),await this.select(r),this.get(`stage`)?.update({config:cloneDeep(r),parentId:i.id,root:cloneDeep(n)}),this.addModifiedNodeId(i.id),this.pushHistoryState()}copy(e){storageService.setItem(COPY_STORAGE_KEY,Array.isArray(e)?e:[e],{protocol:Protocol.OBJECT})}copyWithRelated(e,t){let n=Array.isArray(e)?e:[e];if(t&&typeof t.isTarget==`function`){let e=new Target({...t}),r=new Watcher;r.addTarget(e),r.collect(n,{},!0,t.type),Object.keys(e.deps).forEach(t=>{let r=this.getNodeById(t);r&&e.deps[t].keys.forEach(e=>{let t=get(r,e);if(!n.find(e=>e.id===t)){let e=this.getNodeById(t);e&&n.push(e)}})})}storageService.setItem(COPY_STORAGE_KEY,n,{protocol:Protocol.OBJECT})}async paste(e={},t){let n=storageService.getItem(COPY_STORAGE_KEY);if(!Array.isArray(n))return;let r=this.get(`node`),i=null;n.length===1&&n[0].id===r?.id&&(i=this.get(`parent`),i?.type===NodeType.ROOT&&(i=this.get(`page`)));let a=await this.doPaste(n,e);return t&&typeof t.isTarget==`function`&&propsService.replaceRelateId(n,a,t),this.add(a,i)}async doPaste(e,t={}){propsService.clearRelateId();let n=this.get(`stage`)?.renderer?.contentWindow?.document;return beforePaste(t,cloneDeep(e),n)}async doAlignCenter(e){let t=this.getParentById(e.id);if(!t)throw Error(`找不到父节点`);let n=cloneDeep(toRaw(e)),r=await this.getLayout(t,n);if(r===Layout.RELATIVE||!n.style)return e;let i=this.get(`stage`)?.renderer?.contentWindow?.document;if(i){let e=getElById()(i,n.id),t=r===Layout.FIXED?i.body:e?.offsetParent;t&&e&&(n.style.left=calcValueByFontsize(i,(t.clientWidth-e.clientWidth)/2),n.style.right=``)}else t.style&&isNumber$1(t.style?.width)&&isNumber$1(n.style?.width)&&(n.style.left=(t.style.width-n.style.width)/2,n.style.right=``);return n}async alignCenter(e){let t=Array.isArray(e)?e:[e],n=this.get(`stage`),r=await Promise.all(t.map(e=>this.doAlignCenter(e))),i=await this.update(r);return r.length>1?await n?.multiSelect(r.map(e=>e.id)):await n?.select(r[0].id),i}async moveLayer(e){let t=this.get(`root`);if(!t)throw Error(`root为空`);let n=this.get(`parent`);if(!n)throw Error(`父节点为空`);let r=this.get(`node`);if(!r)throw Error(`当前节点为空`);let i=n.items||[],a=i.findIndex(e=>`${e.id}`==`${r?.id}`),o=await this.getLayout(n,r)===Layout.RELATIVE,s;if(s=e===LayerOffset.TOP?o?0:i.length:e===LayerOffset.BOTTOM?o?i.length:0:a+(o?-e:e),s>0&&s>i.length||s<0)return;i.splice(a,1),i.splice(s,0,r);let c=this.getParentById(n.id);this.get(`stage`)?.update({config:cloneDeep(toRaw(n)),parentId:c?.id,root:cloneDeep(t)}),this.addModifiedNodeId(n.id),this.pushHistoryState(),this.emit(`move-layer`,e)}async moveToContainer(e,t){let n=this.get(`root`),{node:r,parent:i}=this.getNodeInfo(e.id,!1),a=this.getNodeById(t,!1),o=this.get(`stage`);if(n&&r&&i&&o){let s=getNodeIndex(r.id,i);i.items?.splice(s,1),await o.remove({id:r.id,parentId:i.id,root:cloneDeep(n)});let c=await this.getLayout(a),l=mergeWith(cloneDeep(r),e,(e,t)=>{if(Array.isArray(t))return t});l.style=getInitPositionStyle(l.style,c),a.items.push(l),await o.select(t);let u=this.getParentById(a.id);return await o.update({config:cloneDeep(a),parentId:u?.id,root:cloneDeep(n)}),await this.select(l),o.select(l.id),this.addModifiedNodeId(a.id),this.addModifiedNodeId(i.id),this.pushHistoryState(),l}}async dragTo(e,t,n){if(!t||!Array.isArray(t.items))return;let r=Array.isArray(e)?e:[e],i=[],a=[],o=await this.getLayout(t);forConfigs:for(let e of r){let{parent:n,node:r}=this.getNodeInfo(e.id,!1);if(!n||!r)continue;let s=getNodePath(r.id,n.items);for(let e of s)if(t.id===e.id)continue forConfigs;let c=getNodeIndex(r.id,n);if(n.id===t.id){if(typeof c!=`number`||c===-1)return;i.push(c)}else o!==await this.getLayout(n)&&setLayout(e,o),n.items?.splice(c,1),a.push(e),this.addModifiedNodeId(n.id)}moveItemsInContainer(i,t,n),a.forEach((e,r)=>{t.items?.splice(n+r,0,e),this.addModifiedNodeId(e.id)});let s=this.get(`page`),c=this.get(`root`),l=this.get(`stage`);l&&s&&c&&l.update({config:cloneDeep(s),parentId:c.id,root:cloneDeep(c)}),this.pushHistoryState(),this.emit(`drag-to`,{targetIndex:n,configs:r,targetParent:t})}async undo(){let e=historyService.undo();return await this.changeHistoryState(e),e}async redo(){let e=historyService.redo();return await this.changeHistoryState(e),e}async move(e,t){let n=toRaw(this.get(`node`));if(!n||isPage(n))return;let{style:r,id:i,type:a}=n;if(!r||![`absolute`,`fixed`].includes(r.position))return;let o=e=>this.update({id:i,type:a,style:e});t&&(isNumber$1(r.top)?o({...r,top:Number(r.top)+Number(t),bottom:``}):isNumber$1(r.bottom)&&o({...r,bottom:Number(r.bottom)-Number(t),top:``})),e&&(isNumber$1(r.left)?o({...r,left:Number(r.left)+Number(e),right:``}):isNumber$1(r.right)&&o({...r,right:Number(r.right)-Number(e),left:``}))}resetState(){this.set(`root`,null),this.set(`node`,null),this.set(`nodes`,[]),this.set(`page`,null),this.set(`parent`,null),this.set(`stage`,null),this.set(`highlightNode`,null),this.set(`modifiedNodeIds`,new Map),this.set(`pageLength`,0)}destroy(){this.removeAllListeners(),this.resetState(),this.removeAllPlugins()}resetModifiedNodeId(){this.get(`modifiedNodeIds`).clear()}usePlugin(e){super.usePlugin(e)}on(e,t){return super.on(e,t)}once(e,t){return super.once(e,t)}emit(e,...t){return super.emit(e,...t)}addModifiedNodeId(e){this.isHistoryStateChange||this.get(`modifiedNodeIds`).set(e,e)}pushHistoryState(){let e=cloneDeep(toRaw(this.get(`node`))),t=this.get(`page`);!this.isHistoryStateChange&&e&&t&&historyService.push({data:cloneDeep(toRaw(t)),modifiedNodeIds:this.get(`modifiedNodeIds`),nodeId:e.id}),this.isHistoryStateChange=!1}async changeHistoryState(e){e&&(this.isHistoryStateChange=!0,await this.update(e.data),this.set(`modifiedNodeIds`,e.modifiedNodeIds),setTimeout(()=>{e.nodeId&&this.select(e.nodeId).then(()=>{this.get(`stage`)?.select(e.nodeId)})},0),this.emit(`history-change`,e.data))}async toggleFixedPosition(e,t,n){let r=cloneDeep(e);return!isPop(t)&&r.style?.position&&(isFixed(r.style)&&!isFixed(t.style||{})?r.style=change2Fixed(r,n):!isFixed(r.style)&&isFixed(t.style||{})&&(r.style=await Fixed2Other(r,n,this.getLayout))),r}selectedConfigExceptionHandler(e){let t;if(t=typeof e==`string`||typeof e==`number`?e:e.id,!t)throw Error(`没有ID,无法选中`);let{node:n,parent:r,page:i}=this.getNodeInfo(t);if(!n)throw Error(`获取不到组件信息`);if(n.id===this.state.root?.id)throw Error(`不能选根节点`);return{node:n,parent:r,page:i}}},editorService=new Editor,beforePaste=(e,t,n)=>{if(!t[0]?.style)return t;let r=editorService.get(`node`),{left:i,top:a}=t[0].style;return t.map(t=>{let{offsetX:o=0,offsetY:s=0,...c}=e,l=c;!isEmpty$1(l)&&r?.items&&(l=getPositionInContainer(l,r.id,n)),l.left&&t.style?.left&&(l.left=t.style.left-i+l.left),l.top&&t.style?.top&&(l.top=t.style?.top-a+l.top);let u=propsService.setNewItemId(t,!1);if(u.style){let{left:e,top:t}=u.style;(typeof e==`number`||e&&!isNaN(Number(e)))&&(u.style.left=Number(e)+o),(typeof t==`number`||t&&!isNaN(Number(t)))&&(u.style.top=Number(t)+s),u.style={...u.style,...l}}let d=editorService.get(`root`);return(isPage(u)||isPageFragment(u))&&d&&(u.name=generatePageNameByApp(d,isPage(u)?NodeType.PAGE:NodeType.PAGE_FRAGMENT)),u})},getPositionInContainer=(e={},t,n)=>{let{left:r=0,top:i=0}=e,a=editorService.get(`stage`)?.renderer?.contentWindow?.document,o=(a&&getElById()(a,`${t}`))?.getBoundingClientRect();return r-=calcValueByFontsize(n,o?.left||0),i-=calcValueByFontsize(n,o?.top||0),{left:r,top:i}},getAddParent=e=>{let t=editorService.get(`node`),n;return isPage(e)?n=editorService.get(`root`):t?.items?n=t:t?.id&&(n=editorService.getParentById(t.id,!1)),n},getDefaultConfig=async(e,t)=>{let{type:n,inputEvent:r,...i}=e,a=await editorService.getLayout(toRaw(t),e),o={...toRaw(await propsService.getPropsValue(n,i))};return o.style=getInitPositionStyle(o.style,a),o},BaseFormConfig=()=>defineFormConfig([{name:`id`,type:`hidden`},{name:`type`,text:`类型`,type:`hidden`,defaultValue:`base`},{name:`title`,text:`名称`,rules:[{required:!0,message:`请输入名称`}]},{name:`description`,text:`描述`}]),HttpFormConfig=defineFormConfig([{name:`autoFetch`,text:`自动请求`,type:`switch`,defaultValue:!0},{name:`responseOptions`,items:[{name:`dataPath`,text:`数据路径`}]},{type:`fieldset`,name:`options`,legend:`HTTP 配置`,items:[{name:`url`,text:`URL`},{name:`method`,text:`Method`,type:`select`,options:[{text:`GET`,value:`GET`},{text:`POST`,value:`POST`},{text:`PUT`,value:`PUT`},{text:`DELETE`,value:`DELETE`}]},{name:`params`,type:`key-value`,defaultValue:{},advanced:!0,text:`参数`},{name:`data`,type:`key-value`,defaultValue:{},advanced:!0,text:`请求体`},{name:`headers`,type:`key-value`,defaultValue:{},advanced:!0,text:`请求头`}]}]),fillConfig=e=>[...BaseFormConfig(),...e,{type:`tab`,items:[{title:`数据定义`,items:[{name:`fields`,type:`data-source-fields`,defaultValue:()=>[]}]},{title:`方法定义`,items:[{name:`methods`,type:`data-source-methods`,defaultValue:()=>[]}]},{title:`事件配置`,items:[{name:`events`,src:`datasource`,type:`event-select`}]},{title:`mock数据`,items:[{name:`mocks`,type:`data-source-mocks`,defaultValue:()=>[]}]},{title:`请求参数裁剪`,display:(e,{model:t})=>t.type===`http`,items:[{name:`beforeRequest`,type:`vs-code`,parse:!0,autosize:{minRows:10,maxRows:30}}]},{title:`响应数据裁剪`,display:(e,{model:t})=>t.type===`http`,items:[{name:`afterResponse`,type:`vs-code`,parse:!0,autosize:{minRows:10,maxRows:30}}]}]}],getFormConfig=(e,t)=>{switch(e){case`base`:return fillConfig([]);case`http`:return fillConfig(HttpFormConfig);default:return fillConfig(t[e]||[])}},getFormValue=(e,t)=>e===`http`?{beforeRequest:`(options, context) => {
|
||
/**
|
||
* 用户可以直接编写函数,在原始接口调用之前,会运行该函数,将这个函数的返回值作为该数据源接口的入参
|
||
*
|
||
* options: HttpOptions
|
||
*
|
||
* interface HttpOptions {
|
||
* // 请求链接
|
||
* url: string;
|
||
* // query参数
|
||
* params?: Record<string, string>;
|
||
* // body数据
|
||
* data?: Record<string, any>;
|
||
* // 请求头
|
||
* headers?: Record<string, string>;
|
||
* // 请求方法 GET/POST
|
||
* method?: Method;
|
||
* }
|
||
*
|
||
* context:上下文对象
|
||
*
|
||
* interface Content {
|
||
* app: TMagicApp;
|
||
* dataSource: HttpDataSource;
|
||
* }
|
||
*
|
||
* return: HttpOptions
|
||
*/
|
||
|
||
// 此处的返回值会作为这个接口的入参
|
||
return options;
|
||
}`,afterResponse:`(response, context) => {
|
||
/**
|
||
* 用户可以直接编写函数,在原始接口返回之后,会运行该函数,将这个函数的返回值作为该数据源接口的返回
|
||
|
||
* context:上下文对象
|
||
*
|
||
* interface Content {
|
||
* app: TMagicApp;
|
||
* dataSource: HttpDataSource;
|
||
* }
|
||
*
|
||
*/
|
||
|
||
// 此处的返回值会作为这个接口的返回值
|
||
return response;
|
||
}`,...t}:t,getDisplayField=(e,t)=>{let n=[],r=t.matchAll(dataSourceTemplateRegExp),i=0;for(let a of r){if(a.index===void 0)break;n.push({type:`text`,value:t.substring(i,a.index)});let r=``,o,s;getKeysArray(a[1]).forEach((t,n)=>{if(n===0){o=e.find(e=>e.id===t),r+=o?.title||t,s=o?.fields;return}if(isNumber$1(t))r+=`[${t}]`;else{let e=s?.find(e=>e.name===t);s=e?.fields,r+=`.${e?.title||t}`}}),n.push({type:`var`,value:r}),i=a.index+a[0].length}return i<t.length&&n.push({type:`text`,value:t.substring(i)}),n},getCascaderOptionsFromFields=(e=[],t=[`any`])=>{let n=new Set(t.length?t:[`any`]),r=n.has(`any`),i=[];for(let a of e){let e=a.type||`any`,o=e===`any`||e===`array`||e===`object`,s=o?getCascaderOptionsFromFields(a.fields,t):[];(r||n.has(e)||o&&s.length)&&i.push({label:`${a.title||a.name}(${a.type})`,value:a.name,children:s})}return i},getFieldType=(e,t)=>{let n=e?.fields,r=``;for(let e of t){if(!n?.length)return``;let t=n.find(t=>t.name===e);if(!t)return``;r=t.type||``,n=t.fields}return r};globalThis.requestIdleCallback=globalThis.requestIdleCallback||function(e){let t=Date.now();return setTimeout(()=>{e({didTimeout:!1,timeRemaining(){return Math.max(0,50-(Date.now()-t))}})},1)};var IdleTask=class extends import_events.EventEmitter{constructor(){super(),_defineProperty$1(this,`taskList`,[]),_defineProperty$1(this,`hightLevelTaskList`,[]),_defineProperty$1(this,`taskHandle`,null),this.setMaxListeners(1e3)}enqueueTask(e,t,n=!1){(n?this.hightLevelTaskList:this.taskList).push({handler:e,data:t}),this.taskHandle||(this.taskHandle=globalThis.requestIdleCallback(this.runTaskQueue.bind(this),{timeout:1e4}))}clearTasks(){this.taskHandle&&globalThis.cancelIdleCallback(this.taskHandle),this.hightLevelTaskList=[],this.taskList=[],this.taskHandle=null,this.emit(`update-task-length`,{length:this.taskList.length+this.hightLevelTaskList.length,hightLevelLength:this.hightLevelTaskList.length})}on(e,t){return super.on(e,t)}once(e,t){return super.once(e,t)}emit(e,...t){return super.emit(e,...t)}runTaskQueue(e){let{hightLevelTaskList:t,taskList:n}=this;for(;e.timeRemaining()>0&&(n.length||t.length);){let r=e.timeRemaining(),i=0;i=r<=5?10:r<=10?100:r<=15?300:600;for(let e=0;e<i;e++){let e=t.length>0?t.shift():n.shift();if(e&&e.handler(e.data),t.length===0&&n.length===0)break}}t.length||this.emit(`hight-level-finish`),t.length||n.length?this.taskHandle=globalThis.requestIdleCallback(this.runTaskQueue.bind(this),{timeout:300}):(this.taskHandle=0,this.emit(`finish`)),this.emit(`update-task-length`,{length:n.length+t.length,hightLevelLength:t.length})}},ScrollViewer=class extends import_events.EventEmitter{constructor(e){super(),_defineProperty$1(this,`container`,void 0),_defineProperty$1(this,`target`,void 0),_defineProperty$1(this,`zoom`,1),_defineProperty$1(this,`scrollLeft`,0),_defineProperty$1(this,`scrollTop`,0),_defineProperty$1(this,`scrollHeight`,0),_defineProperty$1(this,`scrollWidth`,0),_defineProperty$1(this,`width`,0),_defineProperty$1(this,`height`,0),_defineProperty$1(this,`translateXCorrectionValue`,0),_defineProperty$1(this,`translateYCorrectionValue`,0),_defineProperty$1(this,`correctionScrollSize`,{width:0,height:0}),_defineProperty$1(this,`resizeObserver`,new ResizeObserver(()=>{this.setSize(),this.setScrollSize()})),_defineProperty$1(this,`wheelHandler`,e=>{let{deltaX:t,deltaY:n,currentTarget:r}=e;if(r!==this.container)return;let i;this.scrollHeight>this.height&&(i=this.scrollTop+this.getPos(n,this.scrollTop,this.scrollHeight,this.height));let a;this.scrollWidth>this.width&&(a=this.scrollLeft+this.getPos(t,this.scrollLeft,this.scrollWidth,this.width)),this.scrollTo({left:a,top:i}),this.emit(`scroll`,{scrollLeft:this.scrollLeft,scrollTop:this.scrollTop,scrollHeight:this.scrollHeight,scrollWidth:this.scrollWidth})}),_defineProperty$1(this,`setScrollSize`,()=>{let e=this.target.getBoundingClientRect();this.scrollWidth=e.width*this.zoom+this.correctionScrollSize.width;let t=Number(this.target.style.marginTop)||0;this.scrollHeight=(e.height+t)*this.zoom+this.correctionScrollSize.height;let n,r;this.scrollWidth<this.width?(n=0,this.translateXCorrectionValue=0):this.translateXCorrectionValue=(this.scrollWidth-this.width)/2,this.scrollHeight<this.height?(r=0,this.translateYCorrectionValue=0):this.translateYCorrectionValue=(this.scrollHeight-this.height)/2,this.scrollTo({left:n,top:r}),this.emit(`scroll`,{scrollLeft:this.scrollLeft,scrollTop:this.scrollTop,scrollHeight:this.scrollHeight,scrollWidth:this.scrollWidth})}),_defineProperty$1(this,`setSize`,()=>{let{width:e,height:t}=this.container.getBoundingClientRect();this.width=e,this.height=t}),this.container=e.container,this.target=e.target,this.zoom=e.zoom,this.correctionScrollSize&&(this.correctionScrollSize={...this.correctionScrollSize,...e.correctionScrollSize}),this.container.addEventListener(`wheel`,this.wheelHandler,!1),this.setSize(),this.setScrollSize(),this.resizeObserver.observe(this.container),this.resizeObserver.observe(this.target)}destroy(){this.resizeObserver.disconnect(),this.container.removeEventListener(`wheel`,this.wheelHandler,!1),this.removeAllListeners()}setZoom(e){this.zoom=e,this.setScrollSize()}scrollTo({left:e,top:t}){e!==void 0&&(this.scrollLeft=e),t!==void 0&&(this.scrollTop=t);let n=-this.scrollLeft+this.translateXCorrectionValue,r=-this.scrollTop+this.translateYCorrectionValue;this.target.style.transform=`translate(${n}px, ${r}px)`}getPos(e,t,n,r){let i=0;if(e<0)t>0&&(i=Math.max(e,-t));else{let a=n-r-t;a>0&&(i=Math.min(e,a))}return i}},updateStatus=(e,t,n)=>{let r=e.get(t);r&&getKeys$1(n).forEach(e=>{r[e]!==void 0&&n[e]!==void 0&&(r[e]=!!n[e])})},UI_SELECT_MODE_EVENT_NAME=`ui-select`,LEFT_COLUMN_WIDTH_STORAGE_KEY=`$MagicEditorLeftColumnWidthData`,RIGHT_COLUMN_WIDTH_STORAGE_KEY=`$MagicEditorRightColumnWidthData`,PROPS_PANEL_WIDTH_STORAGE_KEY=`$MagicEditorPropsPanelWidthData`,DEFAULT_LEFT_COLUMN_WIDTH=310,DEFAULT_RIGHT_COLUMN_WIDTH=480,MIN_LEFT_COLUMN_WIDTH=200,MIN_CENTER_COLUMN_WIDTH=400,MIN_RIGHT_COLUMN_WIDTH=300,H_GUIDE_LINE_STORAGE_KEY=`$MagicStageHorizontalGuidelinesData`,V_GUIDE_LINE_STORAGE_KEY=`$MagicStageVerticalGuidelinesData`,_sfc_main$1n=defineComponent({name:`MEditorCodeParams`,__name:`CodeParams`,props:{model:{},size:{},disabled:{type:Boolean},name:{},paramsConfig:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=useTemplateRef(`form`),a=(e=[])=>[{type:`fieldset`,items:e,legend:`参数`,labelWidth:`120px`,name:n.name}],o=computed$1(()=>a(n.paramsConfig.map(({name:e,text:t,extra:n,...r})=>({type:`data-source-field-select`,name:e,text:t,extra:n,fieldConfig:r})))),s=async(e,t)=>{try{r(`change`,await i.value?.submitForm(!0),t)}catch{}};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$g$1),{ref:`form`,config:o.value,"init-values":e.model,disabled:e.disabled,size:e.size,"watch-props":!1,onChange:s},null,8,[`config`,`init-values`,`disabled`,`size`]))}}),_hoisted_1$Z={class:`m-fields-code-select-col`},_hoisted_2$n={class:`code-select-container`},_sfc_main$1m=defineComponent({name:`MFieldsCodeSelectCol`,__name:`CodeSelectCol`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=inject(`mForm`),{codeBlockService:r,uiService:i}=useServices(),a=inject(`eventBus`),o=t,s=e,c=computed$1(()=>filterFunction(n,s.config.notEditable,s)),l=computed$1(()=>(i.get(`sideBarItems`)||[]).find(e=>e.$key===SideItemKey.CODE_BLOCK)),u=e=>{if(!d.value||!e)return[];let t=d.value[e]?.params;return isEmpty$1(t)?[]:t.map(e=>({labelWidth:`100px`,text:e.name,...e}))},d=computed$1(()=>r.getCodeDsl()),f=ref$1(u(s.model[s.name]));watch(()=>s.model[s.name],(e,t)=>{e!==t&&(f.value=u(e))});let p={type:`select`,name:s.name,disable:s.disabled,options:()=>d.value?map(d.value,(e,t)=>({text:`${e.name}(${t})`,label:`${e.name}(${t})`,value:t})):[]},m=e=>{f.value=u(e);let t=[{propPath:s.prop,value:e}];t.push({propPath:s.prop.replace(`${s.name}`,`params`),value:f.value.length?createValues(n,f.value,{},s.model.params):{}}),o(`change`,e,{changeRecords:t})},g=(e,t)=>{t.changeRecords?.forEach(e=>{e.propPath=`${s.prop.replace(`${s.name}`,``)}${e.propPath}`}),o(`change`,s.model[s.name],t)},_=e=>{a?.emit(`edit-code`,e)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$Z,[createBaseVNode(`div`,_hoisted_2$n,[createCommentVNode(` 代码块下拉框 `),createVNode(unref(_sfc_main$a$1),{class:`select`,config:p,name:e.name,model:e.model,size:e.size,prop:e.prop,onChange:m},null,8,[`name`,`model`,`size`,`prop`]),createCommentVNode(` 查看/编辑按钮 `),e.model[e.name]&&l.value?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,class:`m-fields-select-action-button`,size:e.size,onClick:n[0]||(n[0]=t=>_(e.model[e.name]))},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:c.value?unref(view_default):unref(edit_default)},null,8,[`icon`])]),_:1},8,[`size`])):createCommentVNode(`v-if`,!0)]),createCommentVNode(` 参数填写框 `),f.value.length?(openBlock(),createBlock(_sfc_main$1n,{name:`params`,key:e.model[e.name],model:e.model,size:e.size,disabled:e.disabled,"params-config":f.value,onChange:g},null,8,[`model`,`size`,`disabled`,`params-config`])):createCommentVNode(`v-if`,!0)]))}}),_sfc_main$1l=defineComponent({name:`MFieldsCondOpSelect`,__name:`CondOpSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,{dataSourceService:r}=useServices(),i=e,a=getDesignConfig(`components`)?.option,o=computed$1(()=>{let[e,...t]=[...i.config.parentFields||[],...i.model.field],n=getFieldType(r.getDataSourceById(e),t);return n===`array`?arrayOptions:n===`boolean`||n===`null`?[{text:`是`,value:`is`},{text:`不是`,value:`not`}]:n===`number`?[...eqOptions,...numberOptions]:n===`string`?[...arrayOptions,...eqOptions]:[...arrayOptions,...eqOptions,...numberOptions]}),s=e=>{n(`change`,e)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$b$2),{"model-value":e.model[e.name],clearable:``,filterable:``,size:e.size,disabled:e.disabled,onChange:s},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(o.value,e=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)?.component||`el-option`),mergeProps({class:`tmagic-design-option`,key:e.value},{ref_for:!0},unref(a)?.props({label:e.text,value:e.value})||{label:e.text,value:e.value}),null,16))),128))]),_:1},8,[`model-value`,`size`,`disabled`]))}}),_hoisted_1$Y={ref:`title`,class:`m-editor-float-box-title`},_sfc_main$1k=defineComponent({__name:`FloatingBox`,props:mergeModels({position:{default:()=>({left:0,top:0})},title:{default:``},beforeClose:{}},{width:{default:0},widthModifiers:{},height:{default:0},heightModifiers:{},visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:[`update:width`,`update:height`,`update:visible`],setup(e,{expose:t}){let n=useModel(e,`width`),r=useModel(e,`height`),i=useModel(e,`visible`),a=e,o=useTemplateRef(`target`),s=useTemplateRef(`title`),c=useZIndex(),l=ref$1(0),u=ref$1(0),d=computed$1(()=>r.value?r.value-u.value:o.value?o.value.clientHeight-u.value:`auto`),{uiService:f}=useServices(),p=computed$1(()=>f.get(`frameworkRect`).width||0),m=computed$1(()=>{let{left:e}=a.position;return n.value&&(e=e+n.value>p.value?p.value-n.value:e),{left:`${e}px`,top:`${a.position.top}px`,width:n.value?`${n.value}px`:`auto`,height:r.value?`${r.value}px`:`auto`}}),g=null,_=()=>{g=new Moveable(globalThis.document.body,{className:`m-editor-floating-box-moveable`,target:o.value,draggable:!0,resizable:!0,edge:!0,keepRatio:!1,origin:!1,snappable:!0,dragTarget:s.value,dragTargetSelf:!1,linePadding:10,controlPadding:10,bounds:{left:0,top:0,right:0,bottom:0,position:`css`}}),g.on(`drag`,e=>{e.target.style.transform=e.transform}),g.on(`resize`,e=>{n.value=e.width,r.value=e.height,e.target.style.width=`${e.width}px`,e.target.style.height=`${e.height}px`,e.target.style.transform=e.drag.transform})},v=()=>{g?.destroy(),g=null};watch(i,async e=>{if(e){await nextTick(),l.value=c.nextZIndex();let e=o.value?.getBoundingClientRect();e&&(n.value=e.width,r.value=e.height,_()),s.value&&(u.value=s.value.getBoundingClientRect().height)}else v()},{immediate:!0}),onBeforeUnmount(()=>{v()});let y=e=>{e!==!1&&(i.value=!1)},b=()=>{typeof a.beforeClose==`function`?a.beforeClose(y):y()},x=()=>{l.value=c.nextZIndex()};return provide(`parentFloating`,o),t({bodyHeight:d,target:o,titleEl:s}),(t,n)=>i.value?(openBlock(),createBlock(Teleport,{key:0,to:`body`},[createBaseVNode(`div`,{ref:`target`,class:`m-editor-float-box`,style:normalizeStyle({...m.value,zIndex:l.value}),onMousedown:x},[createBaseVNode(`div`,_hoisted_1$Y,[renderSlot(t.$slots,`title`,{},()=>[createBaseVNode(`span`,null,toDisplayString(e.title),1)]),createBaseVNode(`div`,null,[createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,onClick:b},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(close_default)},null,8,[`icon`])]),_:1})])],512),createBaseVNode(`div`,{class:`m-editor-float-box-body`,style:normalizeStyle({height:`${d.value}px`})},[renderSlot(t.$slots,`body`)],4)],36)])):createCommentVNode(`v-if`,!0)}}),useCodeBlockEdit=e=>{let t=ref$1(),n=ref$1(),r=useTemplateRef(`codeBlockEditor`);return{codeId:n,codeConfig:t,codeBlockEditor:r,createCodeBlock:async()=>{t.value={name:``,content:`({app, params, flowState}) => {
|
||
// place your code here
|
||
}`,params:[]},n.value=await e.getUniqueId(),await nextTick(),r.value?.show()},editCode:async i=>{let a=await e.getCodeContentById(i);if(!a){tMagicMessage.error(`获取代码块内容失败`);return}let o=a.content;typeof o!=`string`&&(o=o.toString()),t.value={...cloneDeep(a),content:o},n.value=i,await nextTick(),r.value?.show()},deleteCode:async t=>{e.deleteCodeDslByIds([t])},submitCodeBlockHandler:async t=>{n.value&&(await e.setCodeDslById(n.value,t),r.value?.hide())}}},state=shallowReactive({uiSelectMode:!1,showSrc:!1,showStylePanel:!0,zoom:1,stageContainerRect:{width:0,height:0},stageRect:{width:375,height:817},columnWidth:{left:storageService.getItem(`$MagicEditorLeftColumnWidthData`,{protocol:Protocol.NUMBER})||310,center:0,right:storageService.getItem(`$MagicEditorRightColumnWidthData`,{protocol:Protocol.NUMBER})||480},showGuides:!0,showRule:!0,propsPanelSize:`small`,showAddPageButton:!0,showPageListButton:!0,hideSlideBar:!1,sideBarItems:[],navMenuRect:{left:0,top:0,width:0,height:0},frameworkRect:{width:0,height:0,left:0,top:0}}),canUsePluginMethods$4={async:[`zoom`,`calcZoom`]},Ui=class extends BaseService{constructor(){super(canUsePluginMethods$4.async.map(e=>({name:e,isAsync:!0})))}set(e,t){let n=editorService.get(`stage`)?.mask;if(e===`stageRect`){this.setStageRect(t);return}e===`showGuides`&&n?.showGuides(t),e===`showRule`&&n?.showRule(t),state[e]=t}get(e){return state[e]}async zoom(e){this.set(`zoom`,(this.get(`zoom`)*100+e*100)/100),this.get(`zoom`)<.1&&this.set(`zoom`,.1)}async calcZoom(){let{stageRect:e,stageContainerRect:t}=state,{height:n,width:r}=t;if(!r||!n)return 1;let i=convertToNumber(e.width,r),a=convertToNumber(e.height,n);return i+=30,a+=30,r>i&&n>a?1:Math.min((r-60)/i||1,(n-80)/a||1)}resetState(){this.set(`showSrc`,!1),this.set(`uiSelectMode`,!1),this.set(`zoom`,1),this.set(`stageContainerRect`,{width:0,height:0})}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}async setStageRect(e){state.stageRect={...state.stageRect,...e},state.zoom=await this.calcZoom()}},uiService=new Ui,root=computed$1(()=>editorService.get(`root`)),page=computed$1(()=>editorService.get(`page`)),zoom=computed$1(()=>uiService.get(`zoom`)||1),uiSelectMode=computed$1(()=>uiService.get(`uiSelectMode`)),getGuideLineKey=e=>`${e}_${root.value?.id}_${page.value?.id}`,useStage=e=>{let t=new StageCore({render:e.render,runtimeUrl:e.runtimeUrl,zoom:e.zoom??zoom.value,autoScrollIntoView:e.autoScrollIntoView,isContainer:e.isContainer,containerHighlightClassName:e.containerHighlightClassName,containerHighlightDuration:e.containerHighlightDuration,containerHighlightType:e.containerHighlightType,disabledDragStart:e.disabledDragStart,renderType:e.renderType,canSelect:(t,n,r)=>{if(!e.canSelect)return!0;let i=e.canSelect?.(t);return uiSelectMode.value&&i&&n.type===`mousedown`?(document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME,{detail:t})),r()):i},moveableOptions:e.moveableOptions,updateDragEl:e.updateDragEl,guidesOptions:e.guidesOptions,disabledMultiSelect:e.disabledMultiSelect,disabledRule:e.disabledRule});return watch(()=>editorService.get(`disabledMultiSelect`),e=>{e?t.disableMultiSelect():t.enableMultiSelect()}),t.mask?.setGuides([getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)),getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY))]),t.on(`page-el-update`,()=>{editorService.set(`stageLoading`,!1)}),t.on(`select`,e=>{let t=getIdFromEl()(e);`${editorService.get(`node`)?.id}`===t&&editorService.get(`nodes`).length===1||t&&editorService.select(t)}),t.on(`highlight`,e=>{let t=getIdFromEl()(e);t&&editorService.highlight(t)}),t.on(`multi-select`,e=>{let t=e.map(e=>getIdFromEl()(e)).filter(e=>!!e);editorService.multiSelect(t)}),t.on(`update`,e=>{if(e.parentEl){for(let t of e.data){let n=getIdFromEl()(t.el),r=getIdFromEl()(e.parentEl);n&&r&&editorService.moveToContainer({id:n,style:t.style},r)}return}e.data.forEach(e=>{let t=getIdFromEl()(e.el);if(!t)return;let{style:n={}}=e;editorService.update({id:t,style:n},{changeRecords:buildChangeRecords(n,`style`)})})}),t.on(`sort`,e=>{editorService.sort(e.src,e.dist)}),t.on(`remove`,e=>{let t=e.data.map(({el:e})=>editorService.getNodeById(getIdFromEl()(e)||``));editorService.remove(t.filter(e=>!!e))}),t.on(`select-parent`,()=>{let e=editorService.get(`parent`);if(!e)throw Error(`父节点为空`);editorService.select(e),editorService.get(`stage`)?.select(e.id)}),t.on(`change-guides`,e=>{if(uiService.set(`showGuides`,!0),!root.value||!page.value)return;let t=getGuideLineKey(e.type===GuidesType.HORIZONTAL?H_GUIDE_LINE_STORAGE_KEY:V_GUIDE_LINE_STORAGE_KEY);e.guides.length?globalThis.localStorage.setItem(t,JSON.stringify(e.guides)):globalThis.localStorage.removeItem(t)}),t},useFloatBox=e=>{let{uiService:t}=useServices(),n=ref$1(e.value.reduce((e,t)=>({...e,[t]:{status:!1,top:0,left:0}}),{})),r=computed$1(()=>Object.keys(n.value).filter(e=>n.value[e].status)),i={startOffset:{x:0,y:0},isDragging:!1},a=e=>{i.isDragging=!0,i.startOffset.x=e.clientX,i.startOffset.y=e.clientY},o=20,s=(e,r)=>{if(!i.isDragging)return;let{startOffset:a}=i;if(Math.abs(a.x-r.clientX)>20||Math.abs(a.y-r.clientY)>20){let i=t.get(`navMenuRect`);n.value[e]={left:r.clientX,top:i.top+i.height,status:!0}}i.isDragging=!1},c=e=>{i.isDragging&&e.preventDefault()},l=()=>{i.startOffset.x=0,i.startOffset.y=0,i.isDragging=!1};return globalThis.document.body.addEventListener(`dragover`,c),globalThis.addEventListener(`blur`,l),onBeforeUnmount(()=>{globalThis.document.body.removeEventListener(`dragover`,c),globalThis.removeEventListener(`blur`,l)}),watch(()=>e.value,e=>{e.forEach(e=>{n.value[e]||(n.value[e]={status:!1,top:0,left:0})})},{deep:!0,immediate:!0}),{dragstartHandler:a,dragendHandler:s,floatBoxStates:n,showingBoxKeys:r}},useWindowRect=()=>{let e=reactive$1({width:globalThis.innerWidth,height:globalThis.innerHeight}),t=()=>{e.width=globalThis.innerWidth,e.height=globalThis.innerHeight};return globalThis.addEventListener(`resize`,t),onBeforeUnmount(()=>{globalThis.removeEventListener(`resize`,t)}),{rect:e}},useEditorContentHeight=()=>{let{uiService:e}=useServices(),t=computed$1(()=>e.get(`frameworkRect`).height),n=computed$1(()=>e.get(`navMenuRect`).height),r=computed$1(()=>t.value-n.value),i=ref$1(0);return watch(r,()=>{i.value>0&&i.value===r.value||(i.value=r.value)},{immediate:!0}),{height:i}},useFilter=(e,t,n)=>{let r=(e,t)=>{let r=Array.isArray(e)?e:[e];return r.length?r.some(e=>n(e,t)):!0},i=n=>{e.value.length&&e.value.forEach(e=>{traverseNode(e,(e,i)=>{if(!t.value)return;let a=r(n,e);a&&i.length&&i.forEach(e=>{(n||n.length)&&updateStatus(t.value,e.id,{visible:a,expand:!0})}),updateStatus(t.value,e.id,{visible:a})})})};return{filterText:ref$1(``),filterTextChangeHandler(e){i(e)}}},useGetSo=(e,t)=>{let n,r=ref$1(!1);return onMounted(()=>{e.value&&(n=new Gesto(e.value,{container:window,pinchOutside:!0}).on(`drag`,n=>{e.value&&t(`change`,n)}).on(`dragStart`,()=>{r.value=!0}).on(`dragEnd`,()=>{r.value=!1}))}),onBeforeUnmount(()=>{n?.unset(),r.value=!1}),{isDragging:r}},useNextFloatBoxPosition=(e,t)=>{let n=ref$1({left:0,top:0});return{boxPosition:n,calcBoxPosition:()=>{let r=e.get(`columnWidth`),i=e.get(`navMenuRect`),a=r.left??0;if(t?.value){let e=t.value.getBoundingClientRect();a=e.left+e.width}n.value={left:a,top:i.top+i.height}}}},createPageNodeStatus$1=(e,t)=>{let n=new Map;return e.forEach(e=>traverseNode(e,e=>{n.set(e.id,t?.get(e.id)||{visible:!0,expand:!1,selected:!1,draggable:!1})})),n},useNodeStatus$1=e=>{let t=ref$1(new Map);return watch(e,e=>{t.value=createPageNodeStatus$1(e,t.value)},{immediate:!0,deep:!0}),{nodeStatusMap:t}},_hoisted_1$X={class:`m-editor-data-source-fields`},_hoisted_2$m={class:`m-editor-data-source-fields-footer`},_sfc_main$1j=defineComponent({name:`MFieldsDataSourceFields`,__name:`DataSourceFields`,props:mergeModels({config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},{width:{default:670},widthModifiers:{},visible:{type:Boolean,default:!1},visibleModifiers:{},visible1:{type:Boolean,default:!1},visible1Modifiers:{}}),emits:mergeModels([`change`],[`update:width`,`update:visible`,`update:visible1`]),setup(e,{emit:t}){let n=e,r=t,{uiService:i}=useServices(),a=ref$1({}),o=ref$1(``),s=useModel(e,`width`),c=()=>{a.value={},o.value=`新增属性`,C(),y.value=!0},l=({index:e,...t},i)=>{if(y.value=!1,e>-1)r(`change`,t,{modifyKey:e,changeRecords:(i.changeRecords||[]).map(t=>({propPath:`${n.prop}.${e}.${t.propPath}`,value:t.value}))});else{let e=n.model[n.name].length;r(`change`,t,{modifyKey:e,changeRecords:[{propPath:`${n.prop}.${e}`,value:t}]})}},u=[{label:`属性名称`,prop:`title`},{label:`属性key`,prop:`name`},{label:`属性描述`,prop:`description`},{label:`默认值`,prop:`defaultValue`,formatter(e,t){try{return JSON.stringify(t.defaultValue)}catch{return t.defaultValue}}},{label:`操作`,fixed:`right`,actions:[{text:`编辑`,handler:(e,t)=>{a.value={...e,index:t},o.value=`编辑${e.title}`,C(),y.value=!0}},{text:`删除`,buttonType:`danger`,handler:async(e,t)=>{await tMagicMessageBox.confirm(`确定删除${e.title}(${e.name})?`,`提示`),n.model[n.name].splice(t,1),r(`change`,n.model[n.name])}}]}],d=[{name:`index`,type:`hidden`,filter:`number`,defaultValue:-1},{name:`type`,text:`数据类型`,type:`select`,defaultValue:`string`,options:[{text:`字符串`,value:`string`},{text:`数字`,value:`number`},{text:`布尔值`,value:`boolean`},{text:`对象`,value:`object`},{text:`数组`,value:`array`},{text:`null`,value:`null`},{text:`any`,value:`any`}],onChange:(e,t,{setModel:n})=>([`any`,`array`,`object`].includes(t)||n(`fields`,[]),t)},{name:`name`,text:`字段名称`,rules:[{required:!0,message:`请输入字段名称`},{validator:({value:e,callback:t},{model:n,parent:r})=>{let i=r.findIndex(t=>t.name===e);if(n.index===-1&&i>-1||n.index>-1&&i>-1&&i!==n.index)return t(`属性key(${e})已存在`);t()}}]},{name:`title`,text:`展示名称`,rules:[{required:!0,message:`请输入展示名称`}]},{name:`description`,text:`描述`,type:`textarea`},{name:`defaultValue`,text:`默认值`,parse:!0,mFormItemType:`data-source-field-defaultValue`,type:(e,{model:t})=>t.type===`number`?`number`:t.type===`boolean`?`select`:t.type===`string`?`text`:`vs-code`,autosize:{minRows:1,maxRows:30},options:[{text:`true`,value:!0},{text:`false`,value:!1}]},{name:`enable`,text:`是否可用`,type:`switch`,defaultValue:!0},{name:`fields`,type:`data-source-fields`,defaultValue:[],display:(e,{model:t})=>t.type===`object`||t.type===`array`}],f=[{name:`data`,type:`vs-code`,labelWidth:`0`,language:`json`,autosize:{minRows:30,maxRows:50},options:inject(`codeOptions`,{})}],p=ref$1({data:{}}),m=()=>{p.value.data=getDefaultValueFromFields(n.model[n.name]),C(),b.value=!0},g=e=>Array.isArray(e)?`array`:e===null?`null`:typeof e==`object`?`object`:typeof e==`number`?`number`:typeof e==`boolean`?`boolean`:typeof e==`string`?`string`:`any`,_=(e,t=[])=>{if(!e||typeof e!=`object`)throw Error(`数据格式错误`);let n=[];return Object.entries(e).forEach(([e,r])=>{let i=g(r),a=t.find(t=>t.name===e),o=[];Array.isArray(r)&&r.length>0?o=_(r[0],a?.fields):i===`object`&&(o=_(r,a?.fields)),n.push({name:e,title:a?.title||e,type:i,description:a?.description||``,enable:a?.enable??!0,defaultValue:r,fields:o})}),n},v=({data:e})=>{try{let t=JSON.parse(e);b.value=!1,r(`change`,_(t,n.model[n.name]))}catch(e){tMagicMessage.error(e.message)}},y=useModel(e,`visible`),b=useModel(e,`visible1`),{height:x}=useEditorContentHeight(),{boxPosition:S,calcBoxPosition:C}=useNextFloatBoxPosition(i,inject(`parentFloating`,ref$1(null)));return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$X,[createVNode(unref(_sfc_main$22),{data:e.model[e.name],columns:u,border:!0},null,8,[`data`]),createBaseVNode(`div`,_hoisted_2$m,[createVNode(unref(_sfc_main$F$1),{size:`small`,disabled:e.disabled,plain:``,onClick:n[0]||(n[0]=e=>m())},{default:withCtx(()=>[...n[8]||(n[8]=[createTextVNode(`快速添加`,-1)])]),_:1},8,[`disabled`]),createVNode(unref(_sfc_main$F$1),{size:`small`,type:`primary`,disabled:e.disabled,plain:``,onClick:n[1]||(n[1]=e=>c())},{default:withCtx(()=>[...n[9]||(n[9]=[createTextVNode(`添加`,-1)])]),_:1},8,[`disabled`])]),createVNode(_sfc_main$1k,{visible:y.value,"onUpdate:visible":n[2]||(n[2]=e=>y.value=e),width:s.value,"onUpdate:width":n[3]||(n[3]=e=>s.value=e),height:unref(x),"onUpdate:height":n[4]||(n[4]=e=>isRef(x)?x.value=e:null),title:o.value,position:unref(S)},{body:withCtx(()=>[createVNode(unref(_sfc_main$23),{"label-width":`80px`,title:o.value,config:d,values:a.value,parentValues:e.model[e.name],disabled:e.disabled,onSubmit:l},null,8,[`title`,`values`,`parentValues`,`disabled`])]),_:1},8,[`visible`,`width`,`height`,`title`,`position`]),createVNode(_sfc_main$1k,{visible:b.value,"onUpdate:visible":n[5]||(n[5]=e=>b.value=e),width:s.value,"onUpdate:width":n[6]||(n[6]=e=>s.value=e),height:unref(x),"onUpdate:height":n[7]||(n[7]=e=>isRef(x)?x.value=e:null),title:`快速添加数据定义`,position:unref(S)},{body:withCtx(()=>[createVNode(unref(_sfc_main$23),{config:f,values:p.value,disabled:e.disabled,onSubmit:v},null,8,[`values`,`disabled`])]),_:1},8,[`visible`,`width`,`height`,`position`])]))}}),_hoisted_1$W={class:`m-editor-data-source-field-select`},_sfc_main$1i=defineComponent({__name:`FieldSelect`,props:mergeModels({value:{},disabled:{type:Boolean},checkStrictly:{type:Boolean},size:{},dataSourceFieldType:{},notEditable:{type:[Boolean,Function]}},{modelValue:{default:[]},modelModifiers:{}}),emits:mergeModels([`change`],[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=useModel(e,`modelValue`),a=getDesignConfig(`components`)?.option,{dataSourceService:o,uiService:s}=useServices(),c=inject(`mForm`),l=inject(`eventBus`),u=computed$1(()=>o.get(`dataSources`)||[]),d=computed$1(()=>n.value===`key`),f=computed$1(()=>filterFunction(c,n.notEditable,n)),p=computed$1(()=>u.value.map(e=>({text:e.title||e.id,value:d.value?e.id:`${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${e.id}`}))),m=ref$1(``),g=ref$1([]);watch(i,e=>{if(Array.isArray(e)){let[t,...n]=e;m.value=t,g.value=n}else m.value=``,g.value=[]},{immediate:!0});let _=computed$1(()=>{let e=u.value.find(e=>e.id===removeDataSourceFieldPrefix(m.value));return e?getCascaderOptionsFromFields(e.fields,n.dataSourceFieldType):[]}),v=computed$1(()=>(u.value?.map(e=>({label:e.title||e.id,value:d.value?e.id:`ds-field::${e.id}`,children:getCascaderOptionsFromFields(e.fields,n.dataSourceFieldType)}))||[]).filter(e=>e.children.length)),y=e=>{i.value=[e],r(`change`,i.value)},b=(e=[])=>{i.value=[m.value,...e],r(`change`,i.value)},x=(e=[])=>{i.value=e,r(`change`,e)},S=computed$1(()=>s.get(`sideBarItems`).find(e=>e.$key===SideItemKey.DATA_SOURCE)),C=e=>{l?.emit(`edit-data-source`,removeDataSourceFieldPrefix(e))};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$W,[e.checkStrictly?(openBlock(),createElementBlock(Fragment,{key:0},[createVNode(unref(_sfc_main$b$2),{"model-value":m.value,clearable:``,filterable:``,size:e.size,disabled:e.disabled,onChange:y},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(p.value,e=>(openBlock(),createBlock(resolveDynamicComponent(unref(a)?.component||`el-option`),mergeProps({class:`tmagic-design-option`,key:e.value},{ref_for:!0},unref(a)?.props({label:e.text,value:e.value,disabled:e.disabled})||{label:e.text,value:e.value,disabled:e.disabled}),null,16))),128))]),_:1},8,[`model-value`,`size`,`disabled`]),createVNode(unref(_sfc_main$D$1),{"model-value":g.value,clearable:``,filterable:``,size:e.size,disabled:e.disabled,options:_.value,props:{checkStrictly:e.checkStrictly},onChange:b},null,8,[`model-value`,`size`,`disabled`,`options`,`props`])],64)):(openBlock(),createBlock(unref(_sfc_main$D$1),{key:1,clearable:``,filterable:``,"model-value":i.value,disabled:e.disabled,size:e.size,options:v.value,props:{checkStrictly:e.checkStrictly},onChange:x},null,8,[`model-value`,`disabled`,`size`,`options`,`props`])),m.value&&S.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:2,content:f.value?`查看`:`编辑`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{class:`m-fields-select-action-button`,size:e.size,onClick:n[0]||(n[0]=e=>C(m.value))},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:f.value?unref(view_default):unref(edit_default)},null,8,[`icon`])]),_:1},8,[`size`])]),_:1},8,[`content`])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$V={class:`m-fields-data-source-field-select`},_sfc_main$1h=defineComponent({name:`MFieldsDataSourceFieldSelect`,__name:`Index`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,r=e,i=ref$1(!1);watch(()=>r.model[r.name],e=>{Array.isArray(e)&&typeof e[0]==`string`&&e[0].startsWith(`ds-field::`)?i.value=!0:i.value=!1},{immediate:!0});let{dataSourceService:a,propsService:o}=useServices(),s=inject(`mForm`),c=computed$1(()=>a.get(`dataSources`)||[]),l=computed$1(()=>o.getDisabledDataSource()),u=computed$1(()=>{let e=r.config.fieldConfig?.type;return typeof e==`function`&&(e=e(s,{model:r.model})),e===`form`||e===`container`?``:e?.replace(/([A-Z])/g,`-$1`).toLowerCase()||(r.config.items?``:`text`)}),d=computed$1(()=>{let e=resolveComponent(`m-${r.config.items?`form`:`fields`}-${u.value}`);return typeof e==`string`?`m-fields-text`:e}),f=computed$1(()=>{let e;if(typeof r.config.checkStrictly!=`function`)e=r.config.checkStrictly;else{let t=removeDataSourceFieldPrefix(r.model[0]),n=c.value.find(e=>e.id===t);e=r.config.checkStrictly(s,{values:s?.initValues||{},model:r.model,parent:s?.parentValues||{},formValue:s?.values||r.model,prop:r.prop,config:r.config,dataSource:n})}return e??r.config.value===`key`}),p=(e,t)=>{if(!Array.isArray(e)){n(`change`,e,t);return}let[i,...a]=e,o=c.value.find(e=>e.id===removeDataSourceFieldPrefix(i));if(!o){n(`change`,e,t);return}let s=o.fields||[],l;(a||[]).forEach(e=>{l=s.find(t=>t.name===e),s=l?.fields||[]});let u=r.config.dataSourceFieldType||[`any`];u.length||u.push(`any`),!a.length||l?.type&&(l.type===`any`||u.includes(`any`)||u.includes(l.type))?n(`change`,e,t):(tMagicMessage.error(`请选择类型为${u.join(`或`)}的字段`),n(`change`,[i],t))};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$V,[!l.value&&(i.value||!e.config.fieldConfig)?(openBlock(),createBlock(_sfc_main$1i,{key:0,"model-value":e.model[e.name],disabled:e.disabled,size:e.size,value:e.config.value,checkStrictly:f.value,dataSourceFieldType:e.config.dataSourceFieldType,onChange:p},null,8,[`model-value`,`disabled`,`size`,`value`,`checkStrictly`,`dataSourceFieldType`])):(openBlock(),createBlock(resolveDynamicComponent(d.value),{key:1,config:e.config.fieldConfig,model:e.model,name:e.name,disabled:e.disabled,size:e.size,"last-values":e.lastValues,"init-values":e.initValues,values:e.values,prop:e.prop,onChange:p},null,40,[`config`,`model`,`name`,`disabled`,`size`,`last-values`,`init-values`,`values`,`prop`])),e.config.fieldConfig&&!l.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:2,disabled:i.value,content:`选择数据源`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{type:i.value?`primary`:`default`,size:e.size,onClick:n[0]||(n[0]=e=>i.value=!i.value)},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(coin_default)},null,8,[`icon`])]),_:1},8,[`type`,`size`])]),_:1},8,[`disabled`])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$U={style:{display:`flex`,"flex-direction":`column`,"line-height":`1.2em`}},_hoisted_2$l={style:{"font-size":`10px`,color:`rgba(0, 0, 0, 0.6)`}},_sfc_main$1g=defineComponent({name:`MFieldsDataSourceInput`,__name:`DataSourceInput`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=getDesignConfig(`adapterType`),{dataSourceService:a,propsService:o}=useServices(),s=useTemplateRef(`autocomplete`),c=ref$1(!1),l=ref$1(``),u=ref$1([]),d=computed$1(()=>s.value?.inputRef?.input),f=computed$1(()=>a.get(`dataSources`)),p=computed$1(()=>o.getDisabledDataSource()),m=()=>{u.value=getDisplayField(f.value,l.value)};watch(()=>n.model[n.name],(e=``)=>{l.value=e,m()},{immediate:!0});let g=async()=>{let e=globalThis.document.getSelection(),t=e?.anchorOffset||0,n=e?.focusOffset||0;c.value=!0,await nextTick(),s.value?.focus(),n&&d.value&&d.value.setSelectionRange(t,n)},_=()=>{c.value=!1,m(),r(`change`,l.value)},v=e=>{r(`change`,e)},y=``,b=e=>{e||(y=e)},x=(e=0)=>y.substring(e-1,e)===`}`,S=()=>{let e=d.value?.selectionStart||0;return x(e)&&--e,e},C=e=>e>0&&e===S()-1,w=e=>e>-1&&e===S()-1,T=(e,t,n)=>{let r=[];if(C(t))r=f.value;else if(t>0){let n=e.substring(t+1).toLowerCase();r=f.value.filter(e=>e.title?.toLowerCase().includes(n)||e.id.includes(n))}n(r.map(e=>({value:e.id,text:e.title,type:`dataSource`})))},E=(e,t,n,r)=>{let i=[],a=getKeysArray(e.substring(t+1,n)),o=a.shift(),s=f.value.find(e=>e.id===o);if(!s){r([]);return}let c=s.fields||[],l=a.shift();for(;l;){if(isNumber$1(l)){l=a.shift();continue}for(let e of c)if(e.name===l){c=e.fields||[],l=a.shift();break}}if(w(n))i=c||[];else if(n>-1){let t=e.substring(n+1).toLowerCase();i=c.filter(e=>e.name?.toLowerCase().includes(t)||e.title?.toLowerCase().includes(t))||[]}r(i.map(e=>({value:e.name,text:e.title,type:`field`})))},D=(e,t)=>{y=e;let n=S(),r=e.substring(0,n),i=r.lastIndexOf(`.`),a=r.lastIndexOf("${")+1;i>a?E(r,a,i,t):T(r,a,t)},O=async({value:e,type:t})=>{let n=t===`dataSource`,r=d.value?.selectionStart||0,i=y.substring(0,r),a=i.lastIndexOf(`.`),o=i.lastIndexOf("${")+1,s=y.substring(r),c=e;n?(C(o)||(i=i.substring(0,o+1)),x(r+1)||(c=`${c}}`)):w(a)||(i=i.substring(0,a+1)),l.value=`${i}${c}${s}`,await nextTick();let u=0;u=n?o+c.length:a+c.length+1,d.value?.setSelectionRange(u,u),v(l.value)};return(t,n)=>p.value?(openBlock(),createBlock(unref(_sfc_main$m$2),{key:0,modelValue:l.value,"onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e),disabled:e.disabled,size:e.size,clearable:!0,onChange:v},null,8,[`modelValue`,`disabled`,`size`])):e.disabled||c.value?(openBlock(),createBlock(resolveDynamicComponent(unref(getDesignConfig)(`components`)?.autocomplete.component||`el-autocomplete`),mergeProps({key:1,class:`tmagic-design-auto-complete`,ref:`autocomplete`,modelValue:l.value,"onUpdate:modelValue":n[1]||(n[1]=e=>l.value=e)},unref(getDesignConfig)(`components`)?.autocomplete.props({disabled:e.disabled,size:e.size,fetchSuggestions:D,triggerOnFocus:!1,clearable:!0})||{},{style:{width:`100%`},onBlur:_,onInput:b,onSelect:O}),{suffix:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(coin_default)},null,8,[`icon`])]),default:withCtx(({item:e})=>[createBaseVNode(`div`,_hoisted_1$U,[createBaseVNode(`div`,null,toDisplayString(e.text),1),createBaseVNode(`span`,_hoisted_2$l,toDisplayString(e.value),1)])]),_:1},16,[`modelValue`])):(openBlock(),createElementBlock(`div`,{key:2,class:normalizeClass({"tmagic-data-source-input-text":!0,"el-input":unref(i)===`element-plus`,[`el-input--${e.size}`]:unref(i)===`element-plus`,"t-input":unref(i)===`tdesign-vue-next`,[`t-size-${e.size?.[0]}`]:unref(i)===`tdesign-vue-next`}),onMouseup:g},[createBaseVNode(`div`,{class:normalizeClass({"tmagic-data-source-input-text-wrapper":!0,"el-input__wrapper":unref(i)===`element-plus`,"is-focus":c.value})},[createBaseVNode(`div`,{class:normalizeClass({"el-input__inner":unref(i)===`element-plus`,input__inner:unref(i)===`tdesign-vue-next`})},[(openBlock(!0),createElementBlock(Fragment,null,renderList(u.value,(t,n)=>(openBlock(),createElementBlock(Fragment,null,[t.type===`text`?(openBlock(),createElementBlock(`span`,{key:n,style:{"margin-right":`2px`}},toDisplayString(t.value),1)):createCommentVNode(`v-if`,!0),t.type===`var`?(openBlock(),createBlock(unref(_sfc_main$4$21),{key:n,size:e.size},{default:withCtx(()=>[createTextVNode(toDisplayString(t.value),1)]),_:2},1032,[`size`])):createCommentVNode(`v-if`,!0)],64))),256)),createVNode(_sfc_main$1s,{class:`tmagic-data-source-input-icon`,icon:unref(coin_default)},null,8,[`icon`])],2)],2)],34))}}),_hoisted_1$T={style:{display:`flex`,"margin-bottom":`10px`}},_hoisted_2$k={style:{flex:`1`}},_hoisted_3$7={style:{flex:`1`}},_hoisted_4$5={class:`dialog-footer`},_sfc_main$1f=defineComponent({name:`MEditorCodeBlockEditor`,__name:`CodeBlockEditor`,props:mergeModels({content:{},disabled:{type:Boolean},isDataSource:{type:Boolean},dataSourceType:{}},{width:{default:670},widthModifiers:{},visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:mergeModels([`submit`,`close`,`open`],[`update:width`,`update:visible`]),setup(e,{expose:t,emit:n}){let r=useModel(e,`width`),i=useModel(e,`visible`),a=e,o=n,{codeBlockService:s,uiService:c}=useServices(),{height:l}=useEditorContentHeight(),u=ref$1(!1),{rect:d}=useWindowRect(),f=useTemplateRef(`magicVsEditor`),p=()=>{!f.value||!b.value?.form||(b.value.form.values.content=f.value.getEditorValue(),u.value=!1)},m={type:`row`,label:`参数类型`,items:[{text:`参数类型`,labelWidth:`70px`,type:`select`,name:`type`,options:[{text:`数字`,label:`数字`,value:`number`},{text:`字符串`,label:`字符串`,value:`text`},{text:`组件`,label:`组件`,value:`ui-select`}]}]},g=computed$1(()=>[{text:`名称`,name:`name`,rules:[{required:!0,message:`请输入名称`,trigger:`blur`}]},{text:`描述`,name:`desc`},{text:`执行时机`,name:`timing`,type:`select`,options:()=>{let e=[{text:`初始化前`,value:`beforeInit`},{text:`初始化后`,value:`afterInit`}];return a.dataSourceType!==`base`&&(e.push({text:`请求前`,value:`beforeRequest`}),e.push({text:`请求后`,value:`afterRequest`})),e},display:()=>a.isDataSource},{type:`table`,border:!0,text:`参数`,enableFullscreen:!1,enableToggleMode:!1,name:`params`,dropSort:!1,items:[{type:`text`,label:`参数名`,name:`name`},{type:`text`,label:`描述`,name:`extra`},s.getParamsColConfig()||m]},{name:`content`,type:`vs-code`,options:inject(`codeOptions`,{}),autosize:{minRows:10,maxRows:30},onChange:(e,t)=>{try{return getEditorConfig(`parseDSL`)(t),t}catch(e){throw tMagicMessage.error(e.message),e}}}]),_=e=>typeof e==`string`?getEditorConfig(`parseDSL`)(e):e,v=(e,t)=>{x.value=void 0,o(`submit`,{...e,content:_(e.content)},{...t,changeRecords:t.changeRecords?.map(e=>{let{value:t}=e;return e.propPath===`content`&&typeof t==`string`&&(t=_(t)),{...e,value:t}})})},y=e=>{tMagicMessage.error(e.message)},b=useTemplateRef(`formBox`),x=ref$1(),S=e=>{x.value=e},C=e=>{if(!x.value){e();return}tMagicMessageBox.confirm(`当前代码块已修改,是否保存?`,`提示`,{confirmButtonText:`保存并关闭`,cancelButtonText:`不保存并关闭`,type:`warning`,distinguishCancelAndClose:!0}).then(()=>{x.value&&v(x.value,{changeRecords:b.value?.form?.changeRecords}),e()}).catch(t=>{e(t===`cancel`)})},w=()=>{x.value=void 0},{boxPosition:T,calcBoxPosition:E}=useNextFloatBoxPosition(c,inject(`parentFloating`,ref$1(null)));return watch(i,e=>{nextTick(()=>{o(e?`open`:`close`)})}),t({async show(){E(),i.value=!0},async hide(){i.value=!1}}),(t,n)=>(openBlock(),createElementBlock(Fragment,null,[createCommentVNode(` 代码块编辑区 `),createVNode(_sfc_main$1k,{visible:i.value,"onUpdate:visible":n[1]||(n[1]=e=>i.value=e),width:r.value,"onUpdate:width":n[2]||(n[2]=e=>r.value=e),height:unref(l),"onUpdate:height":n[3]||(n[3]=e=>isRef(l)?l.value=e:null),title:e.content.name?`${e.disabled?`查看`:`编辑`}${e.content.name}`:`新增代码`,position:unref(T),"before-close":C},{body:withCtx(()=>[createVNode(unref(_sfc_main$23),{class:`m-editor-code-block-editor`,ref_key:`formBox`,ref:b,"label-width":`80px`,"close-on-press-escape":!1,title:e.content.name,config:g.value,values:e.content,disabled:e.disabled,style:{height:`100%`},onChange:S,onSubmit:v,onError:y,onClosed:w},{left:withCtx(()=>[e.disabled?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,type:`primary`,link:``,onClick:n[0]||(n[0]=e=>u.value=!0)},{default:withCtx(()=>[...n[6]||(n[6]=[createTextVNode(`查看修改`,-1)])]),_:1}))]),_:1},8,[`title`,`config`,`values`,`disabled`])]),_:1},8,[`visible`,`width`,`height`,`title`,`position`]),(openBlock(),createBlock(Teleport,{to:`body`},[createVNode(unref(_sfc_main$v$2),{title:`查看修改`,modelValue:u.value,"onUpdate:modelValue":n[5]||(n[5]=e=>u.value=e),fullscreen:``,"destroy-on-close":``},{footer:withCtx(()=>[createBaseVNode(`span`,_hoisted_4$5,[createVNode(unref(_sfc_main$F$1),{size:`small`,onClick:n[4]||(n[4]=e=>u.value=!1)},{default:withCtx(()=>[...n[9]||(n[9]=[createTextVNode(`取消`,-1)])]),_:1}),createVNode(unref(_sfc_main$F$1),{size:`small`,type:`primary`,onClick:p},{default:withCtx(()=>[...n[10]||(n[10]=[createTextVNode(`确定`,-1)])]),_:1})])]),default:withCtx(()=>[createBaseVNode(`div`,_hoisted_1$T,[createBaseVNode(`div`,_hoisted_2$k,[createVNode(unref(_sfc_main$4$21),{size:`small`,type:`info`},{default:withCtx(()=>[...n[7]||(n[7]=[createTextVNode(`修改前`,-1)])]),_:1})]),createBaseVNode(`div`,_hoisted_3$7,[createVNode(unref(_sfc_main$4$21),{size:`small`,type:`success`},{default:withCtx(()=>[...n[8]||(n[8]=[createTextVNode(`修改后`,-1)])]),_:1})])]),createVNode(_sfc_main$1r,{ref:`magicVsEditor`,type:`diff`,language:`json`,"disabled-full-screen":!0,initValues:e.content.content,modifiedValues:b.value?.form?.values.content,height:`${unref(d).height-150}px`},null,8,[`initValues`,`modifiedValues`,`height`])]),_:1},8,[`modelValue`])]))],64))}}),_hoisted_1$S={class:`m-editor-data-source-methods`},_hoisted_2$j={class:`m-editor-data-source-methods-footer`},_sfc_main$1e=defineComponent({name:`MFieldsDataSourceMethods`,__name:`DataSourceMethods`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=ref$1(),a=useTemplateRef(`codeBlockEditor`),o=-1,s=[{label:`名称`,prop:`name`},{label:`描述`,prop:`desc`},{label:`执行时机`,prop:`timing`},{label:`参数`,prop:`params`,formatter:(e=[])=>e.map(e=>e.name).join(`, `)},{label:`操作`,fixed:`right`,actions:[{text:`编辑`,handler:(e,t)=>{let n=e.content||`({ params, dataSource, app }) => {
|
||
// place your code here
|
||
}`;typeof n!=`string`&&(n=n.toString()),i.value={...cloneDeep(e),content:n},o=t,nextTick(()=>{a.value?.show()})}},{text:`删除`,buttonType:`danger`,handler:async(e,t)=>{await tMagicMessageBox.confirm(`确定删除${e.name}?`,`提示`),n.model[n.name].splice(t,1),r(`change`,n.model[n.name])}}]}],c=()=>{i.value={name:``,content:`({ params, dataSource, app, flowState }) => {
|
||
// place your code here
|
||
}`,params:[]},o=-1,nextTick(()=>{a.value?.show()})},l=(e,t)=>{if(o>-1)r(`change`,e,{modifyKey:o,changeRecords:(t.changeRecords||[]).map(e=>({propPath:`${n.prop}.${o}.${e.propPath}`,value:e.value}))});else{let t=n.model[n.name].length;r(`change`,e,{modifyKey:t,changeRecords:[{propPath:`${n.prop}.${t}`,value:e}]})}o=-1,i.value=void 0,a.value?.hide()};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$S,[createVNode(unref(_sfc_main$22),{data:e.model[e.name],columns:s,border:!0},null,8,[`data`]),createBaseVNode(`div`,_hoisted_2$j,[createVNode(unref(_sfc_main$F$1),{size:`small`,type:`primary`,disabled:e.disabled,plain:``,onClick:c},{default:withCtx(()=>[...n[0]||(n[0]=[createTextVNode(`添加`,-1)])]),_:1},8,[`disabled`])]),i.value?(openBlock(),createBlock(_sfc_main$1f,{key:0,ref:`codeBlockEditor`,disabled:e.disabled,content:i.value,"is-data-source":!0,"data-source-type":e.model.type,onSubmit:l},null,8,[`disabled`,`content`,`data-source-type`])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$R={class:`m-fields-data-source-method-select`},_hoisted_2$i={class:`data-source-method-select-container`},_sfc_main$1d=defineComponent({name:`MFieldsDataSourceMethodSelect`,__name:`DataSourceMethodSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let{dataSourceService:n,uiService:r}=useServices(),i=inject(`mForm`),a=inject(`eventBus`),o=t,s=e,c=computed$1(()=>(r.get(`sideBarItems`)||[]).find(e=>e.$key===SideItemKey.DATA_SOURCE)),l=computed$1(()=>filterFunction(i,s.config.notEditable,s)),u=computed$1(()=>n.get(`dataSources`)),d=computed$1(()=>{let[e,t]=s.model[s.name];return!!n.getDataSourceById(e)?.methods.find(e=>e.name===t)}),f=([e,t]=[``,``])=>{if(!e)return[];let n=u.value?.find(t=>t.id===e)?.methods?.find(e=>e.name===t)?.params;return n?n.map(e=>({text:e.name,...e})):[]},p=ref$1(f(s.model[s.name||`dataSourceMethod`])),m=computed$1(()=>u.value?.filter(e=>e.methods?.length||n.getFormMethod(e.type).length)?.map(e=>({label:e.title||e.id,value:e.id,children:[...n?.getFormMethod(e.type)||[],...(e.methods||[]).map(e=>({label:e.name,value:e.name}))]}))||[]),g=computed$1(()=>({type:`cascader`,options:m.value})),_=e=>{p.value=f(e);let t=[{propPath:s.prop,value:e}];t.push({propPath:s.prop.replace(`${s.name}`,`params`),value:p.value.length?createValues(i,p.value,{},s.model.params):{}}),o(`change`,e,{changeRecords:t})},v=(e,t)=>{t.changeRecords?.forEach(e=>{e.propPath=`${s.prop.replace(`${s.name}`,``)}${e.propPath}`}),o(`change`,s.model[s.name],t)},y=()=>{let[e]=s.model[s.name];n.getDataSourceById(e)&&a?.emit(`edit-data-source`,e)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$R,[createBaseVNode(`div`,_hoisted_2$i,[createVNode(unref(_sfc_main$q$1),{class:`select`,config:g.value,model:e.model,name:e.name,size:e.size,disabled:e.disabled,prop:e.prop,onChange:_},null,8,[`config`,`model`,`name`,`size`,`disabled`,`prop`]),e.model[e.name]&&d.value&&c.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,content:l.value?`查看`:`编辑`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{class:`m-fields-select-action-button`,size:e.size,onClick:y},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:l.value?unref(view_default):unref(edit_default)},null,8,[`icon`])]),_:1},8,[`size`])]),_:1},8,[`content`])):createCommentVNode(`v-if`,!0)]),p.value.length?(openBlock(),createBlock(_sfc_main$1n,{name:`params`,key:e.model[e.name],model:e.model,size:e.size,disabled:e.disabled,"params-config":p.value,onChange:v},null,8,[`model`,`size`,`disabled`,`params-config`])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$Q={class:`m-editor-data-source-fields`},_hoisted_2$h={class:`m-editor-data-source-fields-footer`},_sfc_main$1c=defineComponent({name:`MFieldsDataSourceMocks`,__name:`DataSourceMocks`,props:mergeModels({config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},{width:{default:670},widthModifiers:{},visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:mergeModels([`change`],[`update:width`,`update:visible`]),setup(e,{emit:t}){let n=e,r=t,{uiService:i}=useServices(),a=useModel(e,`width`),o=ref$1(``),s=ref$1({}),c=[{name:`index`,type:`hidden`,filter:`number`,defaultValue:-1},{name:`title`,text:`名称`,rules:[{required:!0,message:`请输入字段名称`},{required:!0,message:`请输入名称`}]},{name:`description`,text:`描述`},{name:`enable`,text:`启用`,type:`switch`},{name:`useInEditor`,text:`编辑器中使用`,type:`switch`},{name:`data`,text:`mock数据`,type:`vs-code`,language:`json`,options:inject(`codeOptions`,{}),defaultValue:`{}`,autosize:{minRows:30,maxRows:50},onChange:(e,t)=>typeof t==`string`?JSON.parse(t):t,rules:[{validator:({value:e,callback:t})=>{if(typeof e!=`string`)return t();try{JSON.parse(e),t()}catch(e){t(e)}}}]}],l=[{type:`expand`,component:_sfc_main$1r,props:e=>({initValues:e.data,language:`json`,height:`150px`,options:{readOnly:!0}})},{label:`名称`,prop:`title`},{label:`描述`,prop:`description`},{label:`是否启用`,prop:`enable`,type:`component`,component:_sfc_main$8$7,props:e=>({modelValue:e.enable,activeValue:!0,inactiveValue:!1}),listeners:(e,t)=>({"update:modelValue":n=>{f(e,`enable`,n,t)}})},{label:`编辑器中使用`,prop:`useInEditor`,type:`component`,component:_sfc_main$8$7,props:e=>({modelValue:e.useInEditor,activeValue:!0,inactiveValue:!1}),listeners:(e,t)=>({"update:modelValue":n=>{f(e,`useInEditor`,n,t)}})},{label:`操作`,fixed:`right`,actions:[{text:`编辑`,handler:(e,t)=>{s.value={...e,index:t},o.value=`编辑${e.title}`,_(),p.value=!0}},{text:`删除`,buttonType:`danger`,handler:async(e,t)=>{await tMagicMessageBox.confirm(`确定删除${e.title}?`,`提示`),n.model[n.name].splice(t,1),r(`change`,n.model[n.name])}}]}],u=()=>{let e=n.model[n.name].length===0;s.value={data:getDefaultValueFromFields(n.model.fields||[]),useInEditor:e,enable:e},o.value=`新增Mock`,_(),p.value=!0},d=({index:e,...t})=>{e>-1?n.model[n.name][e]=t:n.model[n.name].push(t),p.value=!1,r(`change`,n.model[n.name])},f=(e,t,r,i)=>{r&&n.model[n.name].forEach(e=>{e[t]=!1}),d({...e,[t]:r,index:i})},p=useModel(e,`visible`),{height:m}=useEditorContentHeight(),{boxPosition:g,calcBoxPosition:_}=useNextFloatBoxPosition(i,inject(`parentFloating`,ref$1(null)));return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$Q,[createVNode(unref(_sfc_main$22),{data:e.model[e.name],columns:l},null,8,[`data`]),createBaseVNode(`div`,_hoisted_2$h,[createVNode(unref(_sfc_main$F$1),{size:`small`,type:`primary`,disabled:e.disabled,plain:``,onClick:n[0]||(n[0]=e=>u())},{default:withCtx(()=>[...n[4]||(n[4]=[createTextVNode(`添加`,-1)])]),_:1},8,[`disabled`])]),createVNode(_sfc_main$1k,{visible:p.value,"onUpdate:visible":n[1]||(n[1]=e=>p.value=e),width:a.value,"onUpdate:width":n[2]||(n[2]=e=>a.value=e),height:unref(m),"onUpdate:height":n[3]||(n[3]=e=>isRef(m)?m.value=e:null),title:o.value,position:unref(g)},{body:withCtx(()=>[createVNode(unref(_sfc_main$23),{"label-width":`120px`,config:c,values:s.value,parentValues:e.model[e.name],disabled:e.disabled,onSubmit:d},null,8,[`values`,`parentValues`,`disabled`])]),_:1},8,[`visible`,`width`,`height`,`title`,`position`])]))}}),_hoisted_1$P={class:`m-fields-data-source-select`},_sfc_main$1b=defineComponent({name:`MFieldsDataSourceSelect`,__name:`DataSourceSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,r=e,i=inject(`mForm`),{dataSourceService:a,uiService:o}=useServices(),s=inject(`eventBus`),c=computed$1(()=>a.get(`dataSources`)),l=computed$1(()=>filterFunction(i,r.config.notEditable,r)),u=computed$1(()=>o.get(`sideBarItems`).find(e=>e.$key===SideItemKey.DATA_SOURCE)),d=computed$1(()=>{let{type:e,dataSourceType:t,value:n,...i}=r.config,a=r.config.value===`id`;return{...i,type:`select`,valueKey:`dataSourceId`,options:c.value.filter(e=>!r.config.dataSourceType||e.type===r.config.dataSourceType).map(e=>({value:a?e.id:{isBindDataSource:!0,dataSourceType:e.type,dataSourceId:e.id},text:e.title||e.id}))}}),f=e=>{n(`change`,e)},p=()=>{let e=r.model[r.name];if(!e)return;let t=typeof e==`string`?e:e.dataSourceId;a.getDataSourceById(t)&&s?.emit(`edit-data-source`,t)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$P,[createVNode(unref(_sfc_main$a$1),{model:e.model,name:e.name,size:e.size,prop:e.prop,disabled:e.disabled,config:d.value,"last-values":e.lastValues,onChange:f},null,8,[`model`,`name`,`size`,`prop`,`disabled`,`config`,`last-values`]),e.model[e.name]&&u.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,content:l.value?`查看`:`编辑`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{class:`m-fields-select-action-button`,size:e.size,onClick:p},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:l.value?unref(view_default):unref(edit_default)},null,8,[`icon`])]),_:1},8,[`size`])]),_:1},8,[`content`])):createCommentVNode(`v-if`,!0)]))}}),_sfc_main$1a=defineComponent({name:`m-fields-display-conds`,__name:`DisplayConds`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,r=e,{dataSourceService:i}=useServices(),a=inject(`mForm`),o=computed$1(()=>filterFunction(a,r.config.parentFields,r)||[]),s=(e,t,{model:n})=>{let[r,...a]=[...o.value,...t],s=getFieldType(i.getDataSourceById(r),a);return s===`number`?n.value=Number(n.value):s===`boolean`?n.value=!!n.value:s===`null`?n.value=null:n.value=`${n.value}`,t},c=computed$1(()=>({type:`groupList`,name:r.name,titlePrefix:r.config.titlePrefix,expandAll:!0,items:[{type:`table`,name:`cond`,operateColWidth:80,enableToggleMode:!1,items:[o.value.length?{type:`cascader`,options:()=>{let[e,...t]=o.value,n=i.getDataSourceById(e);if(!n)return[];let r=n.fields||[];return t.forEach(e=>{r=r.find(t=>t.name===e)?.fields||[]}),getCascaderOptionsFromFields(r,[`string`,`number`,`boolean`,`any`])},name:`field`,value:`key`,label:`字段`,checkStrictly:!1,onChange:s}:{type:`data-source-field-select`,name:`field`,value:`key`,label:`字段`,checkStrictly:!1,dataSourceFieldType:[`string`,`number`,`boolean`,`any`],onChange:s},{type:`cond-op-select`,parentFields:o.value,label:`条件`,width:140,name:`op`},{label:`值`,width:160,items:[{name:`value`,type:(e,{model:t})=>{let[n,...r]=[...o.value,...t.field],a=getFieldType(i.getDataSourceById(n),r);return a===`number`?`number`:a===`boolean`?`select`:a===`null`?`display`:`text`},options:[{text:`true`,value:!0},{text:`false`,value:!1}],display:(e,{model:t})=>![`between`,`not_between`].includes(t.op),displayText:(e,{model:t})=>t.value===null?`null`:t.value},{name:`range`,type:`number-range`,display:(e,{model:t})=>[`between`,`not_between`].includes(t.op)}]}]}]})),l=(e,t)=>{Array.isArray(r.model[r.name])||(r.model[r.name]=[]),n(`change`,e,t)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$w$1),{style:{width:`100%`},config:c.value,name:e.name,disabled:e.disabled,model:e.model,"last-values":e.lastValues,prop:e.prop,size:e.size,onChange:l},null,8,[`config`,`name`,`disabled`,`model`,`last-values`,`prop`,`size`]))}}),_hoisted_1$O={class:`m-fields-event-select`},_hoisted_2$g={key:1,class:`fullWidth`},_sfc_main$19=defineComponent({name:`MFieldsEventSelect`,__name:`EventSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,{editorService:i,dataSourceService:a,eventsService:o,codeBlockService:s,propsService:c}=useServices(),l=computed$1(()=>({name:`name`,text:`事件`,type:(e,{formValue:t})=>n.config.src!==`component`||t.type===`page-fragment-container`&&t.pageFragmentId?`cascader`:`select`,labelWidth:`40px`,checkStrictly:()=>n.config.src!==`component`,valueSeparator:`.`,options:(e,{formValue:t})=>{let r=[];if(n.config.src===`component`){if(r=o.getEvent(t.type),t.type===`page-fragment-container`&&t.pageFragmentId){let e=i.get(`root`)?.items?.find(e=>e.id===t.pageFragmentId);if(e)return r=[{label:e.name||`页面片容器`,value:e.id,children:r}],e.items.forEach(e=>{traverseNode(e,e=>{let t=e.type&&o.getEvent(e.type)||[];r.push({label:`${e.name}_${e.id}`,value:`${e.id}`,children:t})})}),r}return r.map(e=>({text:e.label,value:e.value}))}if(n.config.src===`datasource`){r=a.getFormEvent(t.type);let e=a.getDataSourceById(t.id)?.fields||[];return e.length>0?[...r,{label:`数据变化`,value:DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX,children:getCascaderOptionsFromFields(e)}]:r}},...n.config.eventNameConfig})),u=computed$1(()=>({name:`actionType`,text:`联动类型`,type:`select`,defaultValue:ActionType.COMP,options:()=>{let e=[{text:`组件`,label:`组件`,value:ActionType.COMP}];return c.getDisabledCodeBlock()||e.push({text:`代码`,label:`代码`,disabled:!Object.keys(s.getCodeDsl()||{}).length,value:ActionType.CODE}),c.getDisabledDataSource()||e.push({text:`数据源`,label:`数据源`,value:ActionType.DATA_SOURCE}),e},...n.config.actionTypeConfig})),d=computed$1(()=>({name:`to`,text:`联动组件`,type:`ui-select`,display:(e,{model:t})=>t.actionType===ActionType.COMP,onChange:(e,t,{setModel:n})=>{n(`method`,``)},...n.config.targetCompConfig})),f=computed$1(()=>({name:`method`,text:`动作`,type:(e,{model:t})=>{let n=i.getNodeById(t.to);return n&&n.type===`page-fragment-container`&&n.pageFragmentId?`cascader`:`select`},checkStrictly:()=>n.config.src!==`component`,display:(e,{model:t})=>t.actionType===ActionType.COMP,options:(e,{model:t})=>{let n=i.getNodeById(t.to);if(!n?.type)return[];let r=[];if(r=o.getMethod(n.type,t.to),n.type===`page-fragment-container`&&n.pageFragmentId){let e=i.get(`root`)?.items?.find(e=>e.id===n.pageFragmentId);if(e)return r=[],e.items.forEach(e=>{traverseNode(e,e=>{let t=e.type&&o.getMethod(e.type,e.id)||[];t.length&&r.push({label:`${e.name}_${e.id}`,value:`${e.id}`,children:t})})}),r}return r.map(e=>({text:e.label,value:e.value}))},...n.config.compActionConfig})),p=computed$1(()=>({type:`code-select-col`,text:`代码块`,name:`codeId`,notEditable:()=>!s.getEditStatus(),display:(e,{model:t})=>t.actionType===ActionType.CODE,...n.config.codeActionConfig})),m=computed$1(()=>({type:`data-source-method-select`,text:`数据源方法`,name:`dataSourceMethod`,notEditable:()=>!a.get(`editable`),display:(e,{model:t})=>t.actionType===ActionType.DATA_SOURCE,...n.config.dataSourceActionConfig})),g=computed$1(()=>({type:`table`,name:`events`,items:[{name:`name`,label:`事件名`,type:l.value.type,options:(e,{formValue:t})=>o.getEvent(t.type).map(e=>({text:e.label,value:e.value}))},{name:`to`,label:`联动组件`,type:`ui-select`},{name:`method`,label:`动作`,type:f.value.type,options:(e,{model:t})=>{let n=i.getNodeById(t.to);return n?.type?o.getMethod(n.type,t.to).map(e=>({text:e.label,value:e.value})):[]}}]})),_=computed$1(()=>({type:`panel`,items:[{type:`group-list`,name:`actions`,expandAll:!0,enableToggleMode:!1,titlePrefix:`动作`,items:[u.value,d.value,f.value,p.value,m.value]}]})),v=computed$1(()=>n.model[n.name].length===0?!1:!has(n.model[n.name][0],`actions`)),y=()=>{let e={name:``,actions:[]};n.model[n.name]||(n.model[n.name]=[]),r(`change`,e,{modifyKey:n.model[n.name].length})},b=e=>{n.name&&(n.model[n.name].splice(e,1),r(`change`,n.model[n.name]))},x=(e,t)=>{r(`change`,n.model[n.name],t)},S=(e,t)=>r(`change`,n.model[n.name],t);return(t,n)=>{let r=resolveComponent(`m-form-table`);return openBlock(),createElementBlock(`div`,_hoisted_1$O,[v.value?(openBlock(),createBlock(r,{key:0,name:`events`,size:e.size,disabled:e.disabled,model:e.model,config:g.value,onChange:S},null,8,[`size`,`disabled`,`model`,`config`])):(openBlock(),createElementBlock(`div`,_hoisted_2$g,[createVNode(unref(_sfc_main$F$1),{class:`create-button`,type:`primary`,size:e.size,disabled:e.disabled,onClick:n[0]||(n[0]=e=>y())},{default:withCtx(()=>[...n[1]||(n[1]=[createTextVNode(`添加事件`,-1)])]),_:1},8,[`size`,`disabled`]),(openBlock(!0),createElementBlock(Fragment,null,renderList(e.model[e.name],(t,n)=>(openBlock(),createBlock(unref(_sfc_main$v$1),{key:n,disabled:e.disabled,size:e.size,prop:`${e.prop}.${n}`,config:_.value,model:t,"label-width":e.config.labelWidth||`100px`,onChange:S},{header:withCtx(()=>[createVNode(unref(_sfc_main$A$1),{class:`fullWidth`,config:l.value,model:t,disabled:e.disabled,size:e.size,prop:`${e.prop}.${n}`,onChange:x},null,8,[`config`,`model`,`disabled`,`size`,`prop`]),createVNode(unref(_sfc_main$F$1),{style:{color:`#f56c6c`},link:``,icon:unref(delete_default),disabled:e.disabled,size:e.size,onClick:e=>b(n)},null,8,[`icon`,`disabled`,`size`,`onClick`])]),_:2},1032,[`disabled`,`size`,`prop`,`config`,`model`,`label-width`]))),128))]))])}}}),_hoisted_1$N={viewBox:`0 0 32 32`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`},_sfc_main$18=defineComponent({name:`MEditorCodeIcon`,__name:`CodeIcon`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,_hoisted_1$N,[...t[0]||(t[0]=[createStaticVNode(`<defs><rect id="path-1" x="0" y="0" width="32" height="32"></rect></defs><g id="组件规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="03图标" transform="translate(-561.000000, -2356.000000)"><g id="icon/line/Universal/code" transform="translate(561.000000, 2356.000000)"><g id="路径"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="蒙版" fill="#D8D8D8" opacity="0" xlink:href="#path-1"></use><path d="M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z" id="形状" fill="#1D1F24" mask="url(#mask-2)"></path></g></g><g id="icon切图" transform="translate(226.000000, 1782.000000)"></g></g></g>`,2)])]))}}),_hoisted_1$M={class:`m-fields-key-value`},_hoisted_2$f={key:0},_sfc_main$17=defineComponent({name:`MFieldsKeyValue`,__name:`KeyValue`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=ref$1([]),a=ref$1(!1);watchEffect(()=>{if(typeof n.model[n.name]==`function`)a.value=!0;else{let e=Object.entries(n.model[n.name]||{});for(let[,t]of e)if(typeof t!=`string`){a.value=!0;break}i.value=e}});let o=()=>{let e={};return i.value.forEach(([t,n])=>{t&&(e[t]=n)}),e},s=()=>{r(`change`,o())},c=()=>{r(`change`,o())},l=()=>{i.value.push([``,``])},u=e=>{i.value.splice(e,1),r(`change`,o())},d=e=>{r(`change`,e)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$M,[a.value?createCommentVNode(`v-if`,!0):(openBlock(),createElementBlock(`div`,_hoisted_2$f,[(openBlock(!0),createElementBlock(Fragment,null,renderList(i.value,(t,r)=>(openBlock(),createElementBlock(`div`,{class:`m-fields-key-value-item`,key:r},[createVNode(unref(_sfc_main$m$2),{placeholder:`key`,modelValue:i.value[r][0],"onUpdate:modelValue":e=>i.value[r][0]=e,disabled:e.disabled,size:e.size,onChange:s},null,8,[`modelValue`,`onUpdate:modelValue`,`disabled`,`size`]),n[1]||(n[1]=createBaseVNode(`span`,{class:`m-fields-key-value-delimiter`},`:`,-1)),createVNode(unref(_sfc_main$m$2),{placeholder:`value`,modelValue:i.value[r][1],"onUpdate:modelValue":e=>i.value[r][1]=e,disabled:e.disabled,size:e.size,onChange:c},null,8,[`modelValue`,`onUpdate:modelValue`,`disabled`,`size`]),createVNode(unref(_sfc_main$F$1),{class:`m-fields-key-value-delete`,type:`danger`,size:e.size,disabled:e.disabled,circle:``,plain:``,icon:unref(delete_default),onClick:e=>u(r)},null,8,[`size`,`disabled`,`icon`,`onClick`])]))),128)),createVNode(unref(_sfc_main$F$1),{type:`primary`,size:e.size,disabled:e.disabled,plain:``,icon:unref(plus_default),onClick:l},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`添加`,-1)])]),_:1},8,[`size`,`disabled`,`icon`])])),e.config.advanced&&a.value?(openBlock(),createBlock(_sfc_main$1r,{key:1,"editor-custom-type":`m-fields-key-value`,language:`javascript`,"init-values":e.model[e.name],options:{readOnly:e.disabled},autosize:{minRows:1,maxRows:20},parse:!0,onSave:d},null,8,[`init-values`,`options`])):createCommentVNode(`v-if`,!0),e.config.advanced?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:2,size:`default`,disabled:e.disabled,link:``,icon:_sfc_main$18,onClick:n[0]||(n[0]=e=>a.value=!a.value)},null,8,[`disabled`])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$L={class:`m-fields-page-fragment-select`},_hoisted_2$e={class:`page-fragment-select-container`},_sfc_main$16=defineComponent({name:`MFieldsPageFragmentSelect`,__name:`PageFragmentSelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean,default:!1},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let{editorService:n}=useServices(),r=t,i=computed$1(()=>n.get(`root`)?.items.filter(e=>e.type===NodeType.PAGE_FRAGMENT)),a={type:`select`,options:()=>i.value?i.value.map(e=>({text:`${e.devconfig?.tabName||e.title||e.name}(${e.id})`,label:`${e.devconfig?.tabName||e.title||e.name}(${e.id})`,value:e.id})):[]},o=e=>{r(`change`,e)},s=e=>{n.select(e)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$L,[createBaseVNode(`div`,_hoisted_2$e,[createCommentVNode(` 页面片下拉框 `),createVNode(unref(_sfc_main$a$1),{class:`select`,config:a,model:e.model,name:e.name,size:e.size,prop:e.prop,disabled:e.disabled,onChange:o},null,8,[`model`,`name`,`size`,`prop`,`disabled`]),createCommentVNode(` 编辑按钮 `),e.model[e.name]?(openBlock(),createBlock(_sfc_main$1s,{key:0,class:`icon`,icon:unref(edit_default),onClick:n[0]||(n[0]=t=>s(e.model[e.name]))},null,8,[`icon`])):createCommentVNode(`v-if`,!0)])]))}}),_hoisted_1$K={class:`background-position-container`},_hoisted_2$d={class:`presets-value-list`},_hoisted_3$6={class:`custom-value`},_sfc_main$15=defineComponent({__name:`BackgroundPosition`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=t,r=[{value:`left`,text:`左`},{value:`center`,text:`中`},{value:`right`,text:`右`}],i=[{value:`top`,text:`上`},{value:`center`,text:`中`},{value:`bottom`,text:`下`}].map(e=>r.map(t=>({value:`${t.value} ${e.value}`,tips:`${t.text}${e.text}`,class:`${t.value}-${e.value}`}))).flat(),a=e=>{n(`change`,e)};return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$K,[createBaseVNode(`div`,_hoisted_2$d,[(openBlock(!0),createElementBlock(Fragment,null,renderList(unref(i),(t,n)=>(openBlock(),createBlock(unref(_sfc_main$F$1),{key:n,link:``,class:normalizeClass(e.model[e.name]===t.value&&`btn-active`),disabled:e.disabled,onClick:e=>a(t.value)},{default:withCtx(()=>[createBaseVNode(`div`,{class:normalizeClass([`position-icon`,t.class,e.model[e.name]===t.value&&`active`])},null,2)]),_:2},1032,[`class`,`disabled`,`onClick`]))),128))]),createBaseVNode(`div`,_hoisted_3$6,[createVNode(unref(_sfc_main$m$2),{modelValue:e.model[e.name],"onUpdate:modelValue":n[0]||(n[0]=t=>e.model[e.name]=t),placeholder:`自定义背景位置`,clearable:``,size:e.size,disabled:e.disabled,onChange:a},null,8,[`modelValue`,`size`,`disabled`])])]))}}),_export_sfc=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},_sfc_main$14={},_hoisted_1$J={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$k(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$J,[...t[0]||(t[0]=[createStaticVNode(`<path d="M884.736 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C696.32 311.296 712.704 327.68 733.184 327.68l147.456 0c20.48 0 36.864-16.384 36.864-36.864L917.504 139.264C921.6 118.784 905.216 102.4 884.736 102.4zM884.736 290.816l-147.456 0L737.28 139.264l147.456 0L884.736 290.816z"></path><path d="M884.736 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 712.704 905.216 696.32 884.736 696.32zM884.736 884.736l-147.456 0 0-147.456 147.456 0L884.736 884.736z"></path><path d="M884.736 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 417.792 905.216 401.408 884.736 401.408zM884.736 585.728l-147.456 0 0-147.456 147.456 0L884.736 585.728z"></path><path d="M585.728 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 417.792 606.208 401.408 585.728 401.408zM585.728 585.728l-147.456 0 0-147.456 147.456 0L585.728 585.728z"></path><path d="M585.728 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864L622.592 139.264C622.592 118.784 606.208 102.4 585.728 102.4zM585.728 290.816l-147.456 0L438.272 139.264l147.456 0L585.728 290.816z"></path><path d="M585.728 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 712.704 606.208 696.32 585.728 696.32zM585.728 884.736l-147.456 0 0-147.456 147.456 0L585.728 884.736z"></path><path d="M290.816 696.32 139.264 696.32c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 712.704 311.296 696.32 290.816 696.32zM290.816 884.736 139.264 884.736l0-147.456 147.456 0L286.72 884.736z"></path><path d="M290.816 401.408 139.264 401.408c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 417.792 311.296 401.408 290.816 401.408zM290.816 585.728 139.264 585.728l0-147.456 147.456 0L286.72 585.728z"></path><path d="M290.816 102.4 139.264 102.4c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C102.4 311.296 118.784 327.68 139.264 327.68l147.456 0C311.296 327.68 327.68 311.296 327.68 290.816L327.68 139.264C327.68 118.784 311.296 102.4 290.816 102.4zM290.816 290.816 139.264 290.816 139.264 139.264l147.456 0L286.72 290.816z"></path>`,9)])])}var BackgroundRepeat=_export_sfc(_sfc_main$14,[[`render`,_sfc_render$k]]),_sfc_main$13={},_hoisted_1$I={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$j(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$I,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M796.444444 170.666667h-227.555555v682.666666h227.555555V170.666667z m-56.888888 625.777777h-113.777778V227.555556h113.777778v568.888888zM455.111111 170.666667H227.555556v682.666666h227.555555V170.666667zM398.222222 796.444444H284.444444V227.555556h113.777778v568.888888zM910.222222 56.888889h56.888889v910.222222h-56.888889zM56.888889 56.888889h56.888889v910.222222H56.888889z`,fill:`#333333`},null,-1)])])}var BackgroundRepeatX=_export_sfc(_sfc_main$13,[[`render`,_sfc_render$j]]),_sfc_main$12={},_hoisted_1$H={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$i(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$H,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M170.666667 227.555556v227.555555h682.666666V227.555556H170.666667z m625.777777 56.888888v113.777778H227.555556V284.444444h568.888888zM170.666667 568.888889v227.555555h682.666666v-227.555555H170.666667z m625.777777 56.888889v113.777778H227.555556v-113.777778h568.888888zM56.888889 56.888889h910.222222v56.888889H56.888889zM56.888889 910.222222h910.222222v56.888889H56.888889z`,fill:`#333333`},null,-1)])])}var BackgroundRepeatY=_export_sfc(_sfc_main$12,[[`render`,_sfc_render$i]]),_sfc_main$11={},_hoisted_1$G={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$h(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$G,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M912.526651 867.741144 555.540144 510.712681l356.986507-357.000833c11.171434-11.18576 11.171434-29.257348 0-40.443108-11.20111-11.18576-29.272697-11.18576-40.444131 0L515.096013 470.267527 158.096203 113.267716c-11.187807-11.159154-29.258371-11.159154-40.444131 0-11.186783 11.186783-11.186783 29.286 0 40.47176L474.623229 510.712681 117.623419 867.741144c-11.159154 11.172457-11.159154 29.216415 0 40.443108 11.18576 11.17348 29.284977 11.17348 40.47176 0l357.000833-357.027439 356.985484 357.027439c11.171434 11.17348 29.243021 11.17348 40.444131 0C923.698085 896.957559 923.725714 878.913601 912.526651 867.741144z`,fill:`#5D5D5D`},null,-1)])])}var BackgroundNoRepeat=_export_sfc(_sfc_main$11,[[`render`,_sfc_render$h]]),_sfc_main$10=defineComponent({__name:`Background`,props:{values:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=t,r={items:[{name:`backgroundColor`,text:`背景色`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`colorPicker`}},{name:`backgroundImage`,text:`背景图`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`img-upload`}},{name:`backgroundSize`,text:`背景尺寸`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`auto`,text:`默认`,tooltip:`默认 auto`},{value:`contain`,text:`等比填充`,tooltip:`等比填充 contain`},{value:`cover`,text:`等比覆盖`,tooltip:`等比覆盖 cover`}]},{name:`backgroundRepeat`,text:`重复显示`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`repeat`,icon:markRaw(BackgroundRepeat),tooltip:`垂直和水平方向重复 repeat`},{value:`repeat-x`,icon:markRaw(BackgroundRepeatX),tooltip:`水平方向重复 repeat-x`},{value:`repeat-y`,icon:markRaw(BackgroundRepeatY),tooltip:`垂直方向重复 repeat-y`},{value:`no-repeat`,icon:markRaw(BackgroundNoRepeat),tooltip:`不重复 no-repeat`}]},{name:`backgroundPosition`,text:`背景定位`,type:`component`,component:_sfc_main$15,labelWidth:`68px`}]},i=(e,t)=>{n(`change`,e,t)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$A$1),{config:r,model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`]))}}),_sfc_main$$={},_hoisted_1$F={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$g(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$F,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z`},null,-1)])])}var AlignLeft=_export_sfc(_sfc_main$$,[[`render`,_sfc_render$g]]),_sfc_main$_={},_hoisted_1$E={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$f(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$E,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z`},null,-1)])])}var AlignCenter=_export_sfc(_sfc_main$_,[[`render`,_sfc_render$f]]),_sfc_main$Z={},_hoisted_1$D={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$e(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$D,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z`},null,-1)])])}var AlignRight=_export_sfc(_sfc_main$Z,[[`render`,_sfc_render$e]]),_sfc_main$Y=defineComponent({__name:`Font`,props:{values:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=t,r={items:[{type:`row`,items:[{labelWidth:`68px`,name:`fontSize`,text:`字号`,type:`data-source-field-select`,fieldConfig:{type:`text`}},{labelWidth:`68px`,name:`lineHeight`,text:`行高`,type:`data-source-field-select`,fieldConfig:{type:`text`}}]},{name:`fontWeight`,text:`字重`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`select`,options:[`normal`,`bold`].concat(Array(7).fill(1).map((e,t)=>`${t+1}00`)).map(e=>({value:e,text:e}))}},{labelWidth:`68px`,name:`color`,text:`颜色`,type:`data-source-field-select`,fieldConfig:{type:`colorPicker`}},{name:`textAlign`,text:`对齐`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`left`,icon:markRaw(AlignLeft),tooltip:`左对齐 row`},{value:`center`,icon:markRaw(AlignCenter),tooltip:`居中对齐 center`},{value:`right`,icon:markRaw(AlignRight),tooltip:`右对齐 right`}]}]},i=(e,t)=>{n(`change`,e,t)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$A$1),{config:r,model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`]))}}),_hoisted_1$C={class:`layout-box-container`},_hoisted_2$c={key:0,class:`help-txt`},_hoisted_3$5={class:`next-input`},_hoisted_4$4=[`model-value`,`title`,`disabled`,`onChange`],_sfc_main$X=defineComponent({__name:`Box`,props:{disabled:{type:Boolean},size:{},model:{}},emits:[`change`],setup(e,{emit:t}){let n=[{name:`marginTop`,class:`outer-top-border`},{name:`marginRight`,class:`outer-right-border`},{name:`marginBottom`,text:`MARGIN`,class:`outer-bottom-border`},{name:`marginLeft`,class:`outer-left-border`},{name:`paddingTop`,class:`inner-top-border`},{name:`paddingRight`,class:`inner-right-border`},{name:`paddingBottom`,text:`PADDING`,class:`inner-bottom-border`},{name:`paddingLeft`,class:`inner-left-border`}],r=t,i=(e,t)=>{r(`change`,e.target.value,{modifyKey:t})};return(t,r)=>(openBlock(),createElementBlock(`div`,_hoisted_1$C,[(openBlock(),createElementBlock(Fragment,null,renderList(n,(t,n)=>createBaseVNode(`div`,{key:n,class:normalizeClass(t.class)},[t.text?(openBlock(),createElementBlock(`span`,_hoisted_2$c,toDisplayString(t.text),1)):createCommentVNode(`v-if`,!0),createBaseVNode(`span`,_hoisted_3$5,[createBaseVNode(`input`,{"model-value":e.model[t.name],placeholder:`0`,title:e.model[t.name],disabled:e.disabled,onChange:e=>i(e,t.name)},null,40,_hoisted_4$4)])],2)),64))]))}}),_sfc_main$W={},_hoisted_1$B={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$d(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$B,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z`},null,-1)])])}var DisplayBlock=_export_sfc(_sfc_main$W,[[`render`,_sfc_render$d]]),_sfc_main$V={},_hoisted_1$A={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$c(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$A,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z`},null,-1)])])}var DisplayFlex=_export_sfc(_sfc_main$V,[[`render`,_sfc_render$c]]),_sfc_main$U={},_hoisted_1$z={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$b(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$z,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z`},null,-1)])])}var DisplayInline=_export_sfc(_sfc_main$U,[[`render`,_sfc_render$b]]),_sfc_main$T={},_hoisted_1$y={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$a(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$y,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z`},null,-1)])])}var DisplayInlineBlock=_export_sfc(_sfc_main$T,[[`render`,_sfc_render$a]]),_sfc_main$S={},_hoisted_1$x={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$9(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$x,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z`},null,-1)])])}var DisplayNone=_export_sfc(_sfc_main$S,[[`render`,_sfc_render$9]]),_sfc_main$R={},_hoisted_1$w={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$8(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$w,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z`},null,-1)])])}var FlexDirectionColumn=_export_sfc(_sfc_main$R,[[`render`,_sfc_render$8]]),_sfc_main$Q={},_hoisted_1$v={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$7(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$v,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z`},null,-1)])])}var FlexDirectionColumnReverse=_export_sfc(_sfc_main$Q,[[`render`,_sfc_render$7]]),_sfc_main$P={},_hoisted_1$u={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$6(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$u,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z`},null,-1)])])}var FlexDirectionRow=_export_sfc(_sfc_main$P,[[`render`,_sfc_render$6]]),_sfc_main$O={},_hoisted_1$t={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$5(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$t,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z`},null,-1)])])}var FlexDirectionRowReverse=_export_sfc(_sfc_main$O,[[`render`,_sfc_render$5]]),_sfc_main$N={},_hoisted_1$s={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$4(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$s,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z`},null,-1)])])}var JustifyContentCenter=_export_sfc(_sfc_main$N,[[`render`,_sfc_render$4]]),_sfc_main$M={},_hoisted_1$r={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$3(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$r,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z`},null,-1)])])}var JustifyContentFlexEnd=_export_sfc(_sfc_main$M,[[`render`,_sfc_render$3]]),_sfc_main$L={},_hoisted_1$q={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$2(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$q,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z`},null,-1)])])}var JustifyContentFlexStart=_export_sfc(_sfc_main$L,[[`render`,_sfc_render$2]]),_sfc_main$K={},_hoisted_1$p={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$1(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$p,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z`},null,-1)])])}var JustifyContentSpaceAround=_export_sfc(_sfc_main$K,[[`render`,_sfc_render$1]]),_sfc_main$J={},_hoisted_1$o={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`};function _sfc_render$10(e,t){return openBlock(),createElementBlock(`svg`,_hoisted_1$o,[...t[0]||(t[0]=[createBaseVNode(`path`,{d:`M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z`},null,-1)])])}var JustifyContentSpaceBetween=_export_sfc(_sfc_main$J,[[`render`,_sfc_render$10]]),_sfc_main$I=defineComponent({__name:`Layout`,props:{values:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=t,r={items:[{name:`display`,text:`模式`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`inline`,icon:markRaw(DisplayInline),tooltip:`内联布局 inline`},{value:`flex`,icon:markRaw(DisplayFlex),tooltip:`弹性布局 flex`},{value:`block`,icon:markRaw(DisplayBlock),tooltip:`块级布局 block`},{value:`inline-block`,icon:markRaw(DisplayInlineBlock),tooltip:`内联块布局 inline-block`},{value:`none`,icon:markRaw(DisplayNone),tooltip:`隐藏 none`}]},{name:`flexDirection`,text:`主轴方向`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`row`,icon:markRaw(FlexDirectionRow),tooltip:`水平方向 起点在左侧 row`},{value:`row-reverse`,icon:markRaw(FlexDirectionRowReverse),tooltip:`水平方向 起点在右侧 row-reverse`},{value:`column`,icon:markRaw(FlexDirectionColumn),tooltip:`垂直方向 起点在上沿 column`},{value:`column-reverse`,icon:markRaw(FlexDirectionColumnReverse),tooltip:`垂直方向 起点在下沿 column-reverse`}],display:(e,{model:t})=>t.display===`flex`},{name:`justifyContent`,text:`主轴对齐`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`flex-start`,icon:markRaw(JustifyContentFlexStart),tooltip:`左对齐 flex-start`},{value:`flex-end`,icon:markRaw(JustifyContentFlexEnd),tooltip:`右对齐 flex-end`},{value:`center`,icon:markRaw(JustifyContentCenter),tooltip:`居中 center`},{value:`space-between`,icon:markRaw(JustifyContentSpaceBetween),tooltip:`两端对齐 space-between`},{value:`space-around`,icon:markRaw(JustifyContentSpaceAround),tooltip:`横向平分 space-around`}],display:(e,{model:t})=>t.display===`flex`},{name:`alignItems`,text:`辅轴对齐`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`flex-start`,icon:markRaw(JustifyContentFlexStart),tooltip:`左对齐 flex-start`},{value:`flex-end`,icon:markRaw(JustifyContentFlexEnd),tooltip:`右对齐 flex-end`},{value:`center`,icon:markRaw(JustifyContentCenter),tooltip:`居中 center`},{value:`space-between`,icon:markRaw(JustifyContentSpaceBetween),tooltip:`两端对齐 space-between`},{value:`space-around`,icon:markRaw(JustifyContentSpaceAround),tooltip:`横向平分 space-around`}],display:(e,{model:t})=>t.display===`flex`},{name:`flexWrap`,text:`换行`,type:`radioGroup`,childType:`button`,labelWidth:`68px`,options:[{value:`nowrap`,text:`不换行`,tooltip:`不换行 nowrap`},{value:`wrap`,text:`正换行`,tooltip:`第一行在上方 wrap`},{value:`wrap-reverse`,text:`逆换行`,tooltip:`第一行在下方 wrap-reverse`}],display:(e,{model:t})=>t.display===`flex`},{type:`row`,items:[{name:`width`,text:`宽度`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`text`}},{name:`height`,text:`高度`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`text`}}]},{type:`row`,items:[{type:`data-source-field-select`,text:`overflow`,name:`overflow`,labelWidth:`68px`,checkStrictly:!1,dataSourceFieldType:[`string`],fieldConfig:{type:`select`,clearable:!0,allowCreate:!0,options:[{text:`visible`,value:`visible`},{text:`hidden`,value:`hidden`},{text:`clip`,value:`clip`},{text:`scroll`,value:`scroll`},{text:`auto`,value:`auto`},{text:`overlay`,value:`overlay`},{text:`initial`,value:`initial`}]}},{type:`data-source-field-select`,text:`透明度`,name:`opacity`,labelWidth:`68px`,dataSourceFieldType:[`string`,`number`],fieldConfig:{type:`text`}}]}]},i=(e,t)=>{n(`change`,e,t)};return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[createVNode(unref(_sfc_main$A$1),{config:r,model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`]),withDirectives(createVNode(_sfc_main$X,{model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`]),[[vShow,![`fixed`,`absolute`].includes(e.values.position)]])],64))}}),_sfc_main$H=defineComponent({__name:`Position`,props:{values:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i={static:`不定位`,relative:`相对定位`,absolute:`绝对定位`,fixed:`固定定位`,sticky:`粘性定位`},a={items:[{name:`position`,text:`定位`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`select`,options:Object.keys(i).map(e=>({value:e,text:`${e}(${i[e]})`}))}},{type:`row`,labelWidth:`68px`,display:()=>n.values.position!==`static`,items:[{name:`left`,type:`data-source-field-select`,text:`left`,fieldConfig:{type:`text`}},{name:`top`,type:`data-source-field-select`,text:`top`,fieldConfig:{type:`text`}}]},{type:`row`,labelWidth:`68px`,display:()=>n.values.position!==`static`,items:[{name:`right`,type:`data-source-field-select`,text:`right`,fieldConfig:{type:`text`}},{name:`bottom`,type:`data-source-field-select`,text:`bottom`,fieldConfig:{type:`text`}}]},{labelWidth:`68px`,name:`zIndex`,text:`zIndex`,type:`data-source-field-select`,fieldConfig:{type:`text`}}]},o=(e,t)=>{r(`change`,e,t)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$A$1),{config:a,model:e.values,size:e.size,disabled:e.disabled,onChange:o},null,8,[`model`,`size`,`disabled`]))}}),_hoisted_1$n={class:`border-box-container`},_hoisted_2$b={class:`border-icon-container`},_hoisted_3$4={class:`border-icon-container-row`},_hoisted_4$3={class:`border-icon-container-row`},_hoisted_5$1={class:`border-icon-container-row`},_hoisted_6$1={class:`border-value-container`},_sfc_main$G=defineComponent({__name:`Border`,props:{model:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=ref$1(``),r=computed$1(()=>({items:[{name:`border${n.value}Width`,text:`边框宽度`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`text`}},{name:`border${n.value}Color`,text:`边框颜色`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`colorPicker`}},{name:`border${n.value}Style`,text:`边框样式`,labelWidth:`68px`,type:`data-source-field-select`,fieldConfig:{type:`select`,options:[`solid`,`dashed`,`dotted`].map(e=>({value:e,text:e}))}}]})),i=e=>n.value=e||``,a=t,o=(e,t)=>{t.changeRecords?.forEach(e=>{a(`change`,e.value,{modifyKey:e.propPath})})};return(t,a)=>(openBlock(),createElementBlock(`div`,_hoisted_1$n,[createBaseVNode(`div`,_hoisted_2$b,[createBaseVNode(`div`,_hoisted_3$4,[createBaseVNode(`div`,{class:normalizeClass([`border-icon border-icon-top`,{active:n.value===`Top`}]),onClick:a[0]||(a[0]=e=>i(`Top`))},null,2)]),createBaseVNode(`div`,_hoisted_4$3,[createBaseVNode(`div`,{class:normalizeClass([`border-icon border-icon-left`,{active:n.value===`Left`}]),onClick:a[1]||(a[1]=e=>i(`Left`))},null,2),createBaseVNode(`div`,{class:normalizeClass([`border-icon`,{active:n.value===``}]),onClick:a[2]||(a[2]=e=>i())},null,2),createBaseVNode(`div`,{class:normalizeClass([`border-icon border-icon-right`,{active:n.value===`Right`}]),onClick:a[3]||(a[3]=e=>i(`Right`))},null,2)]),createBaseVNode(`div`,_hoisted_5$1,[createBaseVNode(`div`,{class:normalizeClass([`border-icon border-icon-bottom`,{active:n.value===`Bottom`}]),onClick:a[4]||(a[4]=e=>i(`Bottom`))},null,2)])]),createBaseVNode(`div`,_hoisted_6$1,[createVNode(unref(_sfc_main$A$1),{config:r.value,model:e.model,size:e.size,disabled:e.disabled,onChange:o},null,8,[`config`,`model`,`size`,`disabled`])])]))}}),_sfc_main$F=defineComponent({__name:`Border`,props:{values:{},disabled:{type:Boolean},size:{}},emits:[`change`],setup(e,{emit:t}){let n=t,r={items:[{labelWidth:`68px`,name:`borderRadius`,text:`圆角`,type:`data-source-field-select`,fieldConfig:{type:`text`}}]},i=(e,t)=>{n(`change`,e,t)};return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[createVNode(unref(_sfc_main$A$1),{config:r,model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`]),createVNode(_sfc_main$G,{model:e.values,size:e.size,disabled:e.disabled,onChange:i},null,8,[`model`,`size`,`disabled`])],64))}}),_sfc_main$E=defineComponent({name:`MFieldsStyleSetter`,__name:`Index`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,i=[{name:`font`,title:`布局`,component:_sfc_main$I},{title:`位置`,component:_sfc_main$H},{title:`背景`,component:_sfc_main$10},{title:`文字`,component:_sfc_main$Y},{title:`边框与圆角`,component:_sfc_main$F}],a=shallowRef(Array(i.length).fill(1).map((e,t)=>`${t}`)),o=(e,t)=>{t.changeRecords?.forEach(e=>{e.propPath=`${n.name}.${e.propPath}`}),r(`change`,e,t)};return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$z$2),{class:`m-fields-style-setter`,modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=e=>a.value=e)},{default:withCtx(()=>[(openBlock(),createElementBlock(Fragment,null,renderList(i,(t,n)=>createVNode(unref(_sfc_main$y$2),{key:n,name:`${n}`},{title:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(grid_default)},null,8,[`icon`]),createTextVNode(toDisplayString(t.title),1)]),default:withCtx(()=>[t.component?(openBlock(),createBlock(resolveDynamicComponent(t.component),{key:0,values:e.model[e.name],size:e.size,disabled:e.disabled,onChange:o},null,40,[`values`,`size`,`disabled`])):createCommentVNode(`v-if`,!0)]),_:2},1032,[`name`])),64))]),_:1},8,[`modelValue`]))}}),_hoisted_1$m={key:1,class:`m-fields-ui-select`,style:{display:`flex`}},_sfc_main$D=defineComponent({name:`MFieldsUISelect`,__name:`UISelect`,props:{config:{},model:{},initValues:{},values:{},name:{},prop:{},disabled:{type:Boolean},size:{},lastValues:{},isCompare:{type:Boolean}},emits:[`change`],setup(e,{emit:t}){let n=e,r=t,{editorService:i,uiService:a,stageOverlayService:o}=useServices(),s=inject(`mForm`),c=computed$1(()=>n.model[n.name]),l=ref$1(!1),u=()=>{a.set(`uiSelectMode`,!1),l.value=!1,globalThis.document.removeEventListener(UI_SELECT_MODE_EVENT_NAME,d)},d=({detail:e})=>{let{id:t}=e;e.nodeType&&(t=getIdFromEl()(e)||t),t&&(r(`change`,t),s?.$emit(`field-change`,n.prop,t)),u&&u()},f=computed$1(()=>i.getNodeById(c.value)?.name||``),p=()=>{a.set(`uiSelectMode`,!0),l.value=!0,globalThis.document.addEventListener(UI_SELECT_MODE_EVENT_NAME,d)},m=()=>{n.model&&(r(`change`,``),s?.$emit(`field-change`,n.prop,``))},g=async e=>{await i.select(e),i.get(`stage`)?.select(e),o.get(`stage`)?.select(e)},_=throttle$2(e=>{i.highlight(e),i.get(`stage`)?.highlight(e),o.get(`stage`)?.highlight(e)},150),v=()=>{i.set(`highlightNode`,null),i.get(`stage`)?.clearHighlight(),o.get(`stage`)?.clearHighlight()};return(t,n)=>l.value?(openBlock(),createElementBlock(`div`,{key:0,class:`m-fields-ui-select`,onClick:u},[createVNode(unref(_sfc_main$F$1),{type:`danger`,icon:unref(delete_default),disabled:e.disabled,size:e.size,link:``,style:{padding:`0`}},{default:withCtx(()=>[...n[2]||(n[2]=[createTextVNode(`取消`,-1)])]),_:1},8,[`icon`,`disabled`,`size`])])):(openBlock(),createElementBlock(`div`,_hoisted_1$m,[c.value?(openBlock(),createElementBlock(Fragment,{key:0},[createVNode(unref(_sfc_main$2$19),{content:`清除`,placement:`top`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{style:{padding:`0`},type:`danger`,icon:unref(close_default),disabled:e.disabled,size:e.size,link:``,onClick:withModifiers(m,[`stop`])},null,8,[`icon`,`disabled`,`size`])]),_:1}),createVNode(unref(_sfc_main$2$19),{content:`点击选中组件`,placement:`top`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{link:``,style:{padding:`0`,margin:`0`},disabled:e.disabled,size:e.size,onClick:n[0]||(n[0]=e=>g(c.value)),onMouseenter:n[1]||(n[1]=e=>unref(_)(c.value)),onMouseleave:v},{default:withCtx(()=>[createTextVNode(toDisplayString(`${f.value}_${c.value}`),1)]),_:1},8,[`disabled`,`size`])]),_:1})],64)):(openBlock(),createBlock(unref(_sfc_main$2$19),{key:1,content:`点击此处选择`,placement:`top`},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{link:``,style:{padding:`0`,margin:`0`},disabled:e.disabled,size:e.size,onClick:p},{default:withCtx(()=>[...n[3]||(n[3]=[createTextVNode(`点击此处选择`,-1)])]),_:1},8,[`disabled`,`size`])]),_:1}))]))}}),_sfc_main$C=defineComponent({name:`MEditorResizer`,__name:`Resizer`,emits:[`change`],setup(e,{emit:t}){let n=t,{isDragging:r}=useGetSo(useTemplateRef(`target`),n);return(e,t)=>(openBlock(),createElementBlock(`span`,{ref:`target`,class:normalizeClass([`m-editor-resizer`,{"m-editor-resizer-dragging":unref(r)}])},[renderSlot(e.$slots,`default`)],2))}}),_sfc_main$B=defineComponent({name:`MEditorSplitView`,__name:`SplitView`,props:{width:{},left:{},right:{},minLeft:{default:1},minRight:{default:1},minCenter:{default:5},leftClass:{},rightClass:{},centerClass:{}},emits:[`update:left`,`change`,`update:right`],setup(e,{expose:t,emit:n}){let r=n,i=e,a=useTemplateRef(`target`),o=computed$1(()=>i.left!==void 0),s=computed$1(()=>i.right!==void 0),c=ref$1(0),l=0,u=(e=0,t=0)=>{let n=t>0?t:0,r=e>0?e:0,a=l-r-n;if(a<i.minCenter){let e=i.minCenter-a;a=i.minCenter,n-e<i.minRight?n=i.minRight:n-=e,r=l-n-a,r<i.minLeft&&(r-=e/2,n-=e/2)}return{center:a,left:r,right:n}},d=e=>{if(e<=0)return;l=e;let t=i.left||i.minLeft||0,n=i.right||i.minRight||0;t>l&&(t=l/3),n>l&&(n=l/3);let a=u(t,n);c.value=a.center,r(`change`,a)};if(typeof i.width!=`number`){let e=new ResizeObserver(e=>{for(let{contentRect:t}of e)d(t.width)});onMounted(()=>{a.value&&e.observe(a.value)}),onBeforeUnmount(()=>{e.disconnect()})}else watchEffect(()=>{typeof i.width==`number`&&d(i.width)});let f=({deltaX:e})=>{if(i.left===void 0)return;let t=Math.max(i.left+e,i.minLeft)||0;r(`update:left`,t),l-t-(i.right||0)<=0&&(t=i.left);let n=u(t,i.right||0);c.value=n.center,r(`change`,{left:n.left,center:c.value,right:n.right})},p=({deltaX:e})=>{if(i.right===void 0)return;let t=Math.max(i.right-e,i.minRight)||0;r(`update:right`,t),l-(i.left||0)-t<=0&&(t=i.right);let n=u(i.left,t);c.value=n.center,r(`change`,{left:n.left,center:c.value,right:n.right})};return t({updateWidth(){if(l=i.width??a.value?.clientWidth??l,l<=0)return;let e=u(i.left,i.right);r(`change`,{left:e.left,center:c.value,right:e.right})}}),(t,n)=>(openBlock(),createElementBlock(`div`,{ref:`target`,class:`m-editor-layout`,style:normalizeStyle(`min-width: ${i.minCenter+i.minLeft+i.minRight}px`)},[o.value&&t.$slots.left?(openBlock(),createElementBlock(Fragment,{key:0},[createBaseVNode(`div`,{class:normalizeClass([`m-editor-layout-left`,e.leftClass]),style:normalizeStyle(`width: ${e.left}px`)},[renderSlot(t.$slots,`left`)],6),createVNode(_sfc_main$C,{onChange:f})],64)):createCommentVNode(`v-if`,!0),createBaseVNode(`div`,{class:normalizeClass([`m-editor-layout-center`,e.centerClass]),style:normalizeStyle(`width: ${c.value}px`)},[renderSlot(t.$slots,`center`)],6),s.value&&t.$slots.right?(openBlock(),createElementBlock(Fragment,{key:1},[createVNode(_sfc_main$C,{onChange:p}),createBaseVNode(`div`,{class:normalizeClass([`m-editor-layout-right`,e.rightClass]),style:normalizeStyle(`width: ${e.right}px`)},[renderSlot(t.$slots,`right`)],6)],64)):createCommentVNode(`v-if`,!0)],4))}}),_hoisted_1$l={key:1,class:`menu-item-text`},_hoisted_2$a={class:`el-dropdown-link menubar-menu-button`},_sfc_main$A=defineComponent({name:`MEditorToolButton`,__name:`ToolButton`,props:{data:{default:()=>({type:`text`,display:!1})},eventType:{default:`click`}},setup(e){let t=e,n=useServices(),r=computed$1(()=>typeof t.data==`string`||t.data.type===`component`?!1:typeof t.data.disabled==`function`?t.data.disabled(n):t.data.disabled),i=computed$1(()=>t.data?typeof t.data==`string`?!0:typeof t.data.display==`function`?t.data.display(n):t.data.display??!0:!1),a=(e,t)=>{r.value||typeof e.handler==`function`&&e.handler?.(n,t)},o=e=>{e.item.handler&&e.item.handler(n)},s=(e,n)=>{t.eventType===`click`&&e.type===`button`&&a(e,n)},c=(e,n)=>{t.eventType===`mousedown`&&e.type===`button`&&a(e,n)},l=(e,n)=>{t.eventType===`mouseup`&&e.type===`button`&&n.button===0&&a(e,n)};return(t,n)=>i.value?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`menu-item`,`${e.data.type} ${e.data.className||``}`]),onClick:n[0]||(n[0]=t=>s(e.data,t)),onMousedown:n[1]||(n[1]=t=>c(e.data,t)),onMouseup:n[2]||(n[2]=t=>l(e.data,t))},[e.data.type===`divider`?(openBlock(),createBlock(unref(_sfc_main$u$2),{key:0,direction:e.data.direction||`vertical`},null,8,[`direction`])):e.data.type===`text`?(openBlock(),createElementBlock(`div`,_hoisted_1$l,toDisplayString(e.data.text),1)):e.data.type===`button`?(openBlock(),createElementBlock(Fragment,{key:2},[e.data.tooltip?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,effect:`dark`,placement:`bottom-start`,content:e.data.tooltip},{default:withCtx(()=>[createVNode(unref(_sfc_main$F$1),{size:`small`,link:``,disabled:r.value},createSlots({_:2},[e.data.icon?{name:`icon`,fn:withCtx(()=>[createVNode(_sfc_main$1s,{icon:e.data.icon},null,8,[`icon`])]),key:`0`}:void 0,e.data.text?{name:`default`,fn:withCtx(()=>[createTextVNode(toDisplayString(e.data.text),1)]),key:`1`}:void 0]),1032,[`disabled`])]),_:1},8,[`content`])):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:1,size:`small`,link:``,disabled:r.value,title:e.data.text},createSlots({_:2},[e.data.icon?{name:`icon`,fn:withCtx(()=>[createVNode(_sfc_main$1s,{icon:e.data.icon},null,8,[`icon`])]),key:`0`}:void 0,e.data.text?{name:`default`,fn:withCtx(()=>[createTextVNode(toDisplayString(e.data.text),1)]),key:`1`}:void 0]),1032,[`disabled`,`title`]))],64)):e.data.type===`dropdown`?(openBlock(),createBlock(unref(_sfc_main$s$2),{key:3,trigger:`click`,disabled:r.value,onCommand:o},{dropdown:withCtx(()=>[e.data.items&&e.data.items.length?(openBlock(),createBlock(unref(_sfc_main$q$2),{key:0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.data.items,(t,n)=>(openBlock(),createBlock(unref(_sfc_main$r$2),{key:n,command:{data:e.data,subItem:t}},{default:withCtx(()=>[createTextVNode(toDisplayString(t.text),1)]),_:2},1032,[`command`]))),128))]),_:1})):createCommentVNode(`v-if`,!0)]),default:withCtx(()=>[createBaseVNode(`span`,_hoisted_2$a,[createTextVNode(toDisplayString(e.data.text),1),createVNode(unref(_sfc_main$n$2),{class:`el-icon--right`},{default:withCtx(()=>[createVNode(unref(arrow_down_default))]),_:1})])]),_:1},8,[`disabled`])):e.data.type===`component`?(openBlock(),createBlock(resolveDynamicComponent(e.data.component),mergeProps({key:4},e.data.props||{},toHandlers(e.data.listeners||{})),null,16)):createCommentVNode(`v-if`,!0)],34)):createCommentVNode(`v-if`,!0)}}),_hoisted_1$k={key:0,id:`m-editor-page-bar-add-icon`,class:`m-editor-page-bar-item m-editor-page-bar-item-icon`},_hoisted_2$9={key:1,style:{width:`21px`}},_sfc_main$z=defineComponent({name:`MEditorPageBarAddButton`,__name:`AddButton`,setup(e){let{editorService:t,uiService:n}=useServices(),r=computed$1(()=>n.get(`showAddPageButton`)),i=e=>{let n=toRaw(t.get(`root`));if(!n)throw Error(`root 不能为空`);let r={type:e,name:generatePageNameByApp(n,e),items:[]};t.add(r)};return(e,t)=>r.value?(openBlock(),createElementBlock(`div`,_hoisted_1$k,[createVNode(unref(_sfc_main$h$2),{"popper-class":`data-source-list-panel-add-menu`},{reference:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(plus_default)},null,8,[`icon`])]),default:withCtx(()=>[createVNode(_sfc_main$A,{data:{type:`button`,text:`页面`,handler:()=>{i(unref(NodeType).PAGE)}}},null,8,[`data`]),createVNode(_sfc_main$A,{data:{type:`button`,text:`页面片`,handler:()=>{i(unref(NodeType).PAGE_FRAGMENT)}}},null,8,[`data`])]),_:1})])):(openBlock(),createElementBlock(`div`,_hoisted_2$9))}}),_hoisted_1$j={class:`m-editor-page-bar`,ref:`pageBar`},_hoisted_2$8={key:0,class:`m-editor-page-bar-items`,ref:`itemsContainer`},_sfc_main$y=defineComponent({name:`MEditorPageBarScrollContainer`,__name:`PageBarScrollContainer`,props:{pageBarSortOptions:{},length:{}},setup(e,{expose:t}){let n=e,{editorService:r,uiService:i}=useServices(),a=useTemplateRef(`itemsContainer`),o=ref$1(!1),s=computed$1(()=>i.get(`showAddPageButton`)),c=computed$1(()=>i.get(`showPageListButton`)),l=ref$1(0),u=useTemplateRef(`pageBar`),d=()=>{l.value=(u.value?.clientWidth||0)-74-37-(s.value?37:21)-(c.value?37:0),nextTick(()=>{a.value&&(o.value=a.value.scrollWidth-l.value>1)})},f=new ResizeObserver(()=>{d()});onMounted(()=>{u.value&&f.observe(u.value),a.value&&f.observe(a.value)}),onBeforeUnmount(()=>{f.disconnect()});let p=0,m=e=>{if(!a.value||!o.value)return;let t=a.value.scrollWidth-l.value;e===`left`?g(p+200):e===`right`?g(p-200):e===`start`?g(0):e===`end`&&g(-t)},g=e=>{if(!a.value||!o.value)return;let t=a.value.scrollWidth-l.value;e>=0&&(e=0),-e>t&&(e=-t),p=e,a.value.style.transform=`translate(${p}px, 0px)`};return watch(()=>n.length,(e=0,t=0)=>{setTimeout(()=>{if(d(),nextTick(()=>{m(e<t||t===0?`start`:`end`)}),e>1){let e=document.querySelector(`.m-editor-page-bar-items`),t=[],i={dataIdAttr:`data-page-id`,onStart:async e=>{typeof n.pageBarSortOptions?.beforeStart==`function`&&await n.pageBarSortOptions.beforeStart(e,a),t=a.toArray()},onUpdate:async e=>{await r.sort(t[e.oldIndex],t[e.newIndex]),typeof n.pageBarSortOptions?.afterUpdate==`function`&&await n.pageBarSortOptions.afterUpdate(e,a)},...n.pageBarSortOptions?n.pageBarSortOptions:{}};if(!e)return;let a=new Sortable(e,i)}})},{immediate:!0}),t({itemsContainerWidth:l,scroll:m,scrollTo:g,getTranslateLeft(){return p}}),(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$j,[renderSlot(t.$slots,`prepend`),e.length?(openBlock(),createElementBlock(`div`,_hoisted_2$8,[renderSlot(t.$slots,`default`)],512)):createCommentVNode(`v-if`,!0),o.value?(openBlock(),createElementBlock(`div`,{key:1,class:`m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-left-icon`,onClick:n[0]||(n[0]=e=>m(`left`))},[createVNode(_sfc_main$1s,{icon:unref(arrow_left_bold_default)},null,8,[`icon`])])):createCommentVNode(`v-if`,!0),o.value?(openBlock(),createElementBlock(`div`,{key:2,class:`m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-right-icon`,onClick:n[1]||(n[1]=e=>m(`right`))},[createVNode(_sfc_main$1s,{icon:unref(arrow_right_bold_default)},null,8,[`icon`])])):createCommentVNode(`v-if`,!0)],512))}}),_hoisted_1$i={key:0,id:`m-editor-page-bar-list-icon`,class:`m-editor-page-bar-item m-editor-page-bar-item-icon`},_hoisted_2$7={class:`page-bar-popover-wrapper`},_hoisted_3$3={class:`page-bar-popover-inner`},_sfc_main$x=defineComponent({name:`MEditorPageList`,__name:`PageList`,props:{list:{}},setup(e){let{editorService:t,uiService:n}=useServices(),r=computed$1(()=>n.get(`showPageListButton`)),i=computed$1(()=>t.get(`page`)),a=async e=>{await t.select(e)};return(t,n)=>r.value?(openBlock(),createElementBlock(`div`,_hoisted_1$i,[createVNode(unref(_sfc_main$h$2),{"popper-class":`page-bar-popover`,placement:`top`,trigger:`hover`,width:160,"destroy-on-close":!0},{reference:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{class:`m-editor-page-list-menu-icon`},{default:withCtx(()=>[createVNode(unref(files_default))]),_:1})]),default:withCtx(()=>[createBaseVNode(`div`,_hoisted_2$7,[createBaseVNode(`div`,_hoisted_3$3,[renderSlot(t.$slots,`page-list-popover`,{list:e.list},()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.list,(e,t)=>(openBlock(),createBlock(_sfc_main$A,{data:{type:`button`,text:e.devconfig?.tabName||e.name||e.id,className:e.id===i.value?.id?`active`:``,handler:()=>a(e.id)},key:t},null,8,[`data`]))),128))])])])]),_:3})])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$h={class:`m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search`},_sfc_main$w=defineComponent({__name:`Search`,props:{query:{},queryModifiers:{}},emits:mergeModels([`search`],[`update:query`]),setup(e,{emit:t}){let n=t,r=useModel(e,`query`),i=createForm([{type:`checkbox-group`,name:`pageType`,options:[{value:NodeType.PAGE,text:`页面`},{value:NodeType.PAGE_FRAGMENT,text:`页面片段`}]},{name:`keyword`,type:`text`,placeholder:`请输入关键字`,clearable:!0}]),a=ref$1(!1),o=e=>{r.value=e,n(`search`,e)};return(e,t)=>(openBlock(),createElementBlock(`div`,_hoisted_1$h,[createVNode(_sfc_main$1s,{icon:unref(search_default),onClick:t[0]||(t[0]=e=>a.value=!a.value),class:normalizeClass({"icon-active":a.value})},null,8,[`icon`,`class`]),a.value?(openBlock(),createBlock(Teleport,{key:0,to:`.m-editor-page-bar-tabs`},[r.value?(openBlock(),createBlock(unref(_sfc_main$g$1),{key:0,class:`m-editor-page-bar-search-panel`,inline:!0,config:unref(i),"init-values":r.value,"prevent-submit-default":!0,onChange:o},null,8,[`config`,`init-values`])):createCommentVNode(`v-if`,!0)])):createCommentVNode(`v-if`,!0)]))}}),_hoisted_1$g={class:`m-editor-page-bar-tabs`},_hoisted_2$6=[`data-page-id`,`onClick`],_hoisted_3$2={class:`m-editor-page-bar-title`},_hoisted_4$2=[`title`],_sfc_main$v=defineComponent({name:`MEditorPageBar`,__name:`PageBar`,props:{disabledPageFragment:{type:Boolean},pageBarSortOptions:{},filterFunction:{type:Function,default:(e,t)=>e.name?.includes(t)||`${e.id}`.includes(t)}},setup(e){let t=e,{editorService:n}=useServices(),r=computed$1(()=>n.get(`root`)),i=computed$1(()=>n.get(`page`)),a=ref$1({pageType:[NodeType.PAGE,NodeType.PAGE_FRAGMENT],keyword:``}),o=computed$1(()=>{let{pageType:e,keyword:n}=a.value;return e.length===0?[]:(r.value?.items||[]).filter(r=>e.includes(r.type)?n?t.filterFunction(r,n):!0:!1)}),s=e=>{n.select(e)},c=e=>{e&&n.copy(e),n.paste({left:0,top:0})},l=e=>{n.remove(e)},u=useTemplateRef(`pageBarScrollContainer`),d=useTemplateRef(`pageBarItems`);return watch(i,e=>{if(!e||!u.value?.itemsContainerWidth||!d.value||d.value.length<2)return;let t=d.value[0],n=d.value[d.value.length-1];if(e.id===t.dataset.pageId)u.value.scroll(`start`);else if(e.id===n.dataset.pageId)u.value.scroll(`end`);else{let n=d.value.find(t=>t.dataset.pageId===e.id);if(!n)return;let r=n.getBoundingClientRect(),i=r.left-t.getBoundingClientRect().left,{itemsContainerWidth:a}=u.value,o=a-i-r.width,s=u.value.getTranslateLeft();(i+s<0||i+r.width>a-s)&&u.value.scrollTo(o)}}),(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$g,[createVNode(_sfc_main$y,{ref:`pageBarScrollContainer`,"page-bar-sort-options":e.pageBarSortOptions,length:o.value.length},{prepend:withCtx(()=>[renderSlot(t.$slots,`page-bar-add-button`,{},()=>[createVNode(_sfc_main$z)]),createVNode(_sfc_main$w,{query:a.value,"onUpdate:query":n[0]||(n[0]=e=>a.value=e)},null,8,[`query`]),createVNode(_sfc_main$x,{list:o.value},{"page-list-popover":withCtx(({list:e})=>[renderSlot(t.$slots,`page-list-popover`,{list:e})]),_:3},8,[`list`])]),default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(o.value,e=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-editor-page-bar-item`,{active:i.value?.id===e.id}]),ref_for:!0,ref:`pageBarItems`,key:e.id,"data-page-id":e.id,onClick:t=>s(e.id)},[createBaseVNode(`div`,_hoisted_3$2,[renderSlot(t.$slots,`page-bar-title`,{page:e},()=>[createBaseVNode(`span`,{title:e.name},toDisplayString(e.name||e.id),9,_hoisted_4$2)])]),createVNode(unref(_sfc_main$h$2),{"popper-class":`page-bar-popover`,placement:`top`,trigger:`hover`,width:160,"destroy-on-close":!0},{reference:withCtx(()=>[createVNode(unref(_sfc_main$n$2),{class:`m-editor-page-bar-menu-icon`},{default:withCtx(()=>[createVNode(unref(caret_bottom_default))]),_:1})]),default:withCtx(()=>[createBaseVNode(`div`,null,[renderSlot(t.$slots,`page-bar-popover`,{page:e},()=>[createVNode(_sfc_main$A,{data:{type:`button`,text:`复制`,icon:unref(document_copy_default),handler:()=>c(e)}},null,8,[`data`]),createVNode(_sfc_main$A,{data:{type:`button`,text:`删除`,icon:unref(delete_default),handler:()=>l(e)}},null,8,[`data`])])])]),_:2},1024)],10,_hoisted_2$6))),128))]),_:3},8,[`page-bar-sort-options`,`length`])]))}}),_hoisted_1$f={class:`m-editor-empty-panel`},_hoisted_2$5={class:`m-editor-empty-content`},_sfc_main$u=defineComponent({name:`MEditorAddPageBox`,__name:`AddPageBox`,props:{disabledPageFragment:{type:Boolean}},setup(e){let{editorService:t}=useServices(),n=e=>{let n=toRaw(t.get(`root`));if(!n)throw Error(`root 不能为空`);t.add({type:e,name:generatePageNameByApp(n,e),items:[]})};return(t,r)=>(openBlock(),createElementBlock(`div`,_hoisted_1$f,[createBaseVNode(`div`,_hoisted_2$5,[createBaseVNode(`div`,{class:`m-editor-empty-button`,onClick:r[0]||(r[0]=e=>n(unref(NodeType).PAGE))},[createBaseVNode(`div`,null,[createVNode(_sfc_main$1s,{icon:unref(plus_default)},null,8,[`icon`])]),r[2]||(r[2]=createBaseVNode(`p`,null,`新增页面`,-1))]),e.disabledPageFragment?createCommentVNode(`v-if`,!0):(openBlock(),createElementBlock(`div`,{key:0,class:`m-editor-empty-button`,onClick:r[1]||(r[1]=e=>n(unref(NodeType).PAGE_FRAGMENT))},[createBaseVNode(`div`,null,[createVNode(_sfc_main$1s,{icon:unref(plus_default)},null,8,[`icon`])]),r[3]||(r[3]=createBaseVNode(`p`,null,`新增页面片`,-1))]))])]))}}),_hoisted_1$e={class:`m-editor`,ref:`content`,style:{"min-width":`900px`}},_sfc_main$t=defineComponent({name:`MEditorFramework`,__name:`Framework`,props:{disabledPageFragment:{type:Boolean},pageBarSortOptions:{},pageFilterFunction:{type:Function}},setup(e){let t=inject(`codeOptions`,{}),{editorService:n,uiService:r,storageService:i}=useServices(),a=useTemplateRef(`content`),o=useTemplateRef(`splitView`),s=computed$1(()=>n.get(`root`)),c=computed$1(()=>n.get(`page`)),l=computed$1(()=>n.get(`pageLength`)||0),u=computed$1(()=>r.get(`showSrc`)),d=computed$1(()=>r.get(`columnWidth`));watch(l,()=>{o.value?.updateWidth()}),watch(()=>r.get(`hideSlideBar`),e=>{r.set(`columnWidth`,{...d.value,left:e?0:i.getItem(`$MagicEditorLeftColumnWidthData`,{protocol:Protocol.NUMBER})||310})});let f=e=>{i.setItem(LEFT_COLUMN_WIDTH_STORAGE_KEY,e.left,{protocol:Protocol.NUMBER}),i.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY,e.right,{protocol:Protocol.NUMBER}),r.set(`columnWidth`,e)},p=computed$1(()=>r.get(`frameworkRect`)),m=new ResizeObserver(e=>{let{contentRect:t}=e[0];r.set(`frameworkRect`,{width:t.width,height:t.height,left:t.left,top:t.top})});onMounted(()=>{a.value&&m.observe(a.value)}),onBeforeUnmount(()=>{m.disconnect()});let g=e=>{try{let t=getEditorConfig(`parseDSL`);n.set(`root`,t(e))}catch(e){console.error(e)}};return(n,r)=>(openBlock(),createElementBlock(`div`,_hoisted_1$e,[renderSlot(n.$slots,`header`),renderSlot(n.$slots,`nav`),renderSlot(n.$slots,`content-before`),u.value?renderSlot(n.$slots,`src-code`,{key:0},()=>[createVNode(_sfc_main$1r,{class:`m-editor-content`,"editor-custom-type":`m-editor-content`,"init-values":s.value,options:unref(t),onSave:g},null,8,[`init-values`,`options`])]):createCommentVNode(`v-if`,!0),withDirectives(createVNode(_sfc_main$B,{ref:`splitView`,class:`m-editor-content`,"left-class":`m-editor-framework-left`,"center-class":`m-editor-framework-center`,"right-class":`m-editor-framework-right`,left:d.value.left,right:d.value.right,"min-left":unref(200),"min-right":unref(300),"min-center":unref(400),width:p.value.width,onChange:f},createSlots({left:withCtx(()=>[renderSlot(n.$slots,`sidebar`)]),center:withCtx(()=>[c.value?renderSlot(n.$slots,`workspace`,{key:0}):renderSlot(n.$slots,`empty`,{key:1},()=>[createVNode(_sfc_main$u,{"disabled-page-fragment":e.disabledPageFragment},null,8,[`disabled-page-fragment`])]),renderSlot(n.$slots,`page-bar`,{},()=>[createVNode(_sfc_main$v,{"disabled-page-fragment":e.disabledPageFragment,"page-bar-sort-options":e.pageBarSortOptions,"filter-function":e.pageFilterFunction},{"page-bar-add-button":withCtx(()=>[renderSlot(n.$slots,`page-bar-add-button`)]),"page-bar-title":withCtx(({page:e})=>[renderSlot(n.$slots,`page-bar-title`,{page:e})]),"page-bar-popover":withCtx(({page:e})=>[renderSlot(n.$slots,`page-bar-popover`,{page:e})]),"page-list-popover":withCtx(({list:e})=>[renderSlot(n.$slots,`page-list-popover`,{list:e})]),_:3},8,[`disabled-page-fragment`,`page-bar-sort-options`,`filter-function`])])]),_:2},[c.value?{name:`right`,fn:withCtx(()=>[renderSlot(n.$slots,`props-panel`)]),key:`0`}:void 0]),1032,[`left`,`right`,`min-left`,`min-right`,`min-center`,`width`]),[[vShow,!u.value]]),renderSlot(n.$slots,`content-after`),renderSlot(n.$slots,`footer`)],512))}}),_sfc_main$s=defineComponent({name:`MEditorNavMenu`,__name:`NavMenu`,props:{data:{default:()=>({})},height:{default:35}},setup(e){let t=e,{uiService:n,editorService:r,historyService:i}=useServices(),a=computed$1(()=>n.get(`columnWidth`)),o=Object.values(ColumnLayout),s=computed$1(()=>n.get(`showGuides`)),c=computed$1(()=>n.get(`showRule`)),l=computed$1(()=>n.get(`zoom`)),u=/mac os x/.test(navigator.userAgent.toLowerCase())?`Command`:`Ctrl`,d=e=>{if(typeof e!=`string`)return[e];let t=[];switch(e){case`/`:t.push({type:`divider`,className:`divider`});break;case`zoom`:t.push(...d(`zoom-out`),...d(`${parseInt(`${l.value*100}`,10)}%`),...d(`zoom-in`),...d(`scale-to-original`),...d(`scale-to-fit`));break;case`delete`:t.push({type:`button`,className:`delete`,icon:markRaw(delete_default),tooltip:`刪除(Delete)`,disabled:()=>r.get(`node`)?.type===NodeType.PAGE,handler:()=>{let e=r.get(`node`);e&&r.remove(e)}});break;case`undo`:t.push({type:`button`,className:`undo`,icon:markRaw(back_default),tooltip:`后退(${u}+z)`,disabled:()=>!i.state.canUndo,handler:()=>r.undo()});break;case`redo`:t.push({type:`button`,className:`redo`,icon:markRaw(right_default),tooltip:`前进(${u}+Shift+z)`,disabled:()=>!i.state.canRedo,handler:()=>r.redo()});break;case`zoom-in`:t.push({type:`button`,className:`zoom-in`,icon:markRaw(zoom_in_default),tooltip:`放大(${u}+=)`,handler:()=>n?.zoom(.1)});break;case`zoom-out`:t.push({type:`button`,className:`zoom-out`,icon:markRaw(zoom_out_default),tooltip:`縮小(${u}+-)`,handler:()=>n?.zoom(-.1)});break;case`scale-to-original`:t.push({type:`button`,className:`scale-to-original`,icon:markRaw(scale_to_original_default),tooltip:`缩放到实际大小(${u}+1)`,handler:()=>n?.set(`zoom`,1)});break;case`scale-to-fit`:t.push({type:`button`,className:`scale-to-fit`,icon:markRaw(full_screen_default),tooltip:`缩放以适应(${u}+0)`,handler:async()=>n?.set(`zoom`,await n.calcZoom())});break;case`rule`:t.push({type:`button`,className:`rule`,icon:markRaw(memo_default),tooltip:c.value?`隐藏标尺`:`显示标尺`,handler:()=>n?.set(`showRule`,!c.value)});break;case`guides`:t.push({type:`button`,className:`guides`,icon:markRaw(grid_default),tooltip:s.value?`隐藏参考线`:`显示参考线`,handler:()=>n?.set(`showGuides`,!s.value)});break;default:t.push({type:`text`,text:e})}return t},f=computed$1(()=>{let e={[ColumnLayout.LEFT]:[],[ColumnLayout.CENTER]:[],[ColumnLayout.RIGHT]:[]};return o.forEach(n=>{(t.data[n]||[]).forEach(t=>{e[n].push(...d(t))})}),e}),p=useTemplateRef(`navMenu`),m=new ResizeObserver(()=>{let e=p.value?.getBoundingClientRect();e&&n.set(`navMenuRect`,{left:e.left,top:e.top,width:e.width,height:e.height})});return onMounted(()=>{p.value&&m.observe(p.value)}),onBeforeUnmount(()=>{m.disconnect()}),(t,n)=>(openBlock(),createElementBlock(`div`,{class:`m-editor-nav-menu`,style:normalizeStyle({height:`${e.height}px`}),ref:`navMenu`},[(openBlock(!0),createElementBlock(Fragment,null,renderList(unref(o),e=>(openBlock(),createElementBlock(`div`,{class:normalizeClass(`menu-${e}`),key:e,style:normalizeStyle(`width: ${a.value?.[e]}px`)},[(openBlock(!0),createElementBlock(Fragment,null,renderList(f.value[e],(e,t)=>(openBlock(),createBlock(_sfc_main$A,{data:e,key:t},null,8,[`data`]))),128))],6))),128))],4))}}),_hoisted_1$d={class:`m-editor-props-form-panel`},_sfc_main$r=defineComponent({name:`MEditorFormPanel`,__name:`FormPanel`,props:{config:{},values:{},disabledShowSrc:{type:Boolean},labelWidth:{},codeValueKey:{},labelPosition:{},extendState:{type:Function}},emits:[`submit`,`submit-error`,`form-error`,`mounted`,`unmounted`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=useServices(),{editorService:o,uiService:s}=a,c=inject(`codeOptions`,{}),l=ref$1(!1),u=computed$1(()=>s.get(`propsPanelSize`)||`small`),{height:d}=useEditorContentHeight(),f=computed$1(()=>o.get(`stage`)),p=useTemplateRef(`configForm`);watchEffect(()=>{p.value&&(p.value.formState.stage=f.value,p.value.formState.services=a)});let m=getCurrentInstance$1();onMounted(()=>{i(`mounted`,m?.proxy)}),onUnmounted(()=>{i(`unmounted`)});let g=async(e,t)=>{try{i(`submit`,await p.value?.submitForm(),t)}catch(e){i(`submit-error`,e)}},_=e=>{i(`form-error`,e)},v=e=>{i(`submit`,r.codeValueKey?{[r.codeValueKey]:e}:e)};return t({configForm:p,submit:g}),(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$d,[renderSlot(t.$slots,`props-form-panel-header`),createVNode(unref(_sfc_main$c$2),null,{default:withCtx(()=>[createVNode(unref(_sfc_main$g$1),{ref:`configForm`,class:normalizeClass(u.value),"popper-class":`m-editor-props-panel-popper ${u.value}`,"label-width":e.labelWidth,"label-position":e.labelPosition,size:u.value,"init-values":e.values,config:e.config,"extend-state":e.extendState,onChange:g,onError:_},null,8,[`class`,`popper-class`,`label-width`,`label-position`,`size`,`init-values`,`config`,`extend-state`])]),_:1}),e.disabledShowSrc?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,class:`m-editor-props-panel-src-icon`,circle:``,title:`源码`,type:l.value?`primary`:``,onClick:n[0]||(n[0]=e=>l.value=!l.value)},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(document_default)},null,8,[`icon`])]),_:1},8,[`type`])),l.value?(openBlock(),createBlock(_sfc_main$1r,{key:1,class:`m-editor-props-panel-src-code`,"editor-custom-type":`m-editor-props-panel-src-code`,height:`${unref(d)}px`,"init-values":e.codeValueKey?e.values[e.codeValueKey]:e.values,options:unref(c),parse:!0,onSave:v},null,8,[`height`,`init-values`,`options`])):createCommentVNode(`v-if`,!0)]))}}),useStylePanel=({uiService:e,storageService:t},n)=>{let r=`props-panel-show-style-panel`,i=t.getItem(r,{protocol:Protocol.BOOLEAN});typeof i==`boolean`&&e.set(`showStylePanel`,i);let a=computed$1(()=>o.value&&(e.get(`showStylePanel`)??!0)),o=computed$1(()=>e.get(`frameworkRect`).width>=1280);watch(()=>e.get(`frameworkRect`).width,()=>{e.get(`columnWidth`).right<n.value&&s(!1)});let s=i=>{e.set(`showStylePanel`,i),t.setItem(r,i,{protocol:Protocol.BOOLEAN});let a={...e.get(`columnWidth`)};i?(a.right+=n.value,a.center-=n.value):(a.right-=n.value,a.center+=n.value),a.center<0&&(a.right=a.right+a.center-400,a.center=400,n.value=a.right/2),t.setItem(RIGHT_COLUMN_WIDTH_STORAGE_KEY,a.right,{protocol:Protocol.NUMBER}),e.set(`columnWidth`,a)};return{showStylePanel:a,showStylePanelToggleButton:o,toggleStylePanel:s}},_hoisted_1$c={ref:`propsPanel`,class:`m-editor-props-panel`},_hoisted_2$4={class:`m-editor-props-style-panel-title`},_sfc_main$q=defineComponent({name:`MEditorPropsPanel`,__name:`PropsPanel`,props:{disabledShowSrc:{type:Boolean},extendState:{type:Function}},emits:[`submit-error`,`form-error`,`mounted`,`unmounted`],setup(e,{expose:t,emit:n}){let r=n,{editorService:i,uiService:a,propsService:o,storageService:s}=useServices(),c=ref$1({}),l=ref$1([]),u=computed$1(()=>i.get(`node`)),d=computed$1(()=>i.get(`nodes`)),f=[{tabPosition:`right`,items:styleTabConfig.items}],p=async()=>{if(!u.value){l.value=[];return}let e=u.value.type||(u.value.items?`container`:`text`);l.value=await o.getPropsConfig(e),c.value=u.value};watchEffect(p),o.on(`props-configs-change`,p),onBeforeUnmount(()=>{o.off(`props-configs-change`,p)});let m=async(e,t)=>{try{e.id||(e.id=c.value.id);let n={...e,style:{}};e.style&&(Object.entries(e.style).forEach(([e,t])=>{t!==``&&n.style&&(n.style[e]=t)}),t?.changeRecords?.forEach(e=>{e.propPath?.startsWith(`style`)&&e.value===``&&setValueByKeyPath(e.propPath,e.value,n)})),i.update(n,{changeRecords:t?.changeRecords})}catch(e){r(`submit-error`,e)}},g=e=>{r(`form-error`,e)},_=()=>{T.value&&r(`mounted`,T.value)},v=()=>{r(`unmounted`)},y=useTemplateRef(`propsPanel`),b=ref$1(s.getItem(`$MagicEditorPropsPanelWidthData`,{protocol:Protocol.NUMBER})||300);onMounted(()=>{y.value?.style.setProperty(`--props-style-panel-width`,`${Math.max(b.value,0)}px`)});let x=({deltaX:e})=>{if(!y.value)return;let t=globalThis.parseFloat(getComputedStyle(y.value).getPropertyValue(`--props-style-panel-width`))-e;t>a.get(`columnWidth`).right&&(t=a.get(`columnWidth`).right-40),b.value=Math.max(t,0)};watch(b,e=>{y.value?.style.setProperty(`--props-style-panel-width`,`${e}px`),s.setItem(PROPS_PANEL_WIDTH_STORAGE_KEY,e,{protocol:Protocol.NUMBER})});let{showStylePanel:S,showStylePanelToggleButton:C,toggleStylePanel:w}=useStylePanel({storageService:s,uiService:a},b),T=useTemplateRef(`propertyFormPanel`);return t({getFormState(){return T.value?.configForm?.formState},submit:m}),(t,n)=>withDirectives((openBlock(),createElementBlock(`div`,_hoisted_1$c,[renderSlot(t.$slots,`props-panel-header`),createVNode(_sfc_main$r,{ref:`propertyFormPanel`,class:normalizeClass([`m-editor-props-property-panel`,{"show-style-panel":unref(S)}]),config:l.value,values:c.value,disabledShowSrc:e.disabledShowSrc,extendState:e.extendState,onSubmit:m,onSubmitError:g,onFormError:g,onMounted:_,onUnmounted:v},null,8,[`class`,`config`,`values`,`disabledShowSrc`,`extendState`]),unref(S)?(openBlock(),createBlock(_sfc_main$C,{key:0,onChange:x})):createCommentVNode(`v-if`,!0),unref(S)?(openBlock(),createBlock(_sfc_main$r,{key:1,class:`m-editor-props-style-panel`,"label-position":`top`,"code-value-key":`style`,config:f,values:c.value,disabledShowSrc:e.disabledShowSrc,extendState:e.extendState,onSubmit:m,onSubmitError:g,onFormError:g},{"props-form-panel-header":withCtx(()=>[createBaseVNode(`div`,_hoisted_2$4,[n[2]||(n[2]=createBaseVNode(`span`,null,`样式`,-1)),createBaseVNode(`div`,null,[createVNode(unref(_sfc_main$F$1),{link:``,size:`small`,onClick:n[0]||(n[0]=e=>unref(w)(!1))},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(close_default)},null,8,[`icon`])]),_:1})])])]),_:1},8,[`values`,`disabledShowSrc`,`extendState`])):createCommentVNode(`v-if`,!0),unref(C)&&!unref(S)?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:2,class:`m-editor-props-panel-style-icon`,circle:``,onClick:n[1]||(n[1]=e=>unref(w)(!0))},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(sugar_default)},null,8,[`icon`])]),_:1})):createCommentVNode(`v-if`,!0)],512)),[[vShow,d.value.length===1]])}}),_sfc_main$p=defineComponent({name:`MEditorContentMenu`,__name:`ContentMenu`,props:{menuData:{default:()=>[]},isSubMenu:{type:Boolean,default:!1},active:{},autoHide:{type:Boolean,default:!0}},emits:[`hide`,`show`,`mouseenter`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=useTemplateRef(`menu`),o=useTemplateRef(`buttons`),s=useTemplateRef(`subMenu`),c=ref$1(!1),l=ref$1([]),u=useZIndex(),d=ref$1(0),f=ref$1({left:0,top:0}),p=computed$1(()=>({top:`${f.value.top+2}px`,left:`${f.value.left+2}px`,zIndex:d.value})),m=e=>a.value?.contains(e)||s.value?.contains(e),g=()=>{c.value&&(c.value=!1,s.value?.hide(),i(`hide`))},_=e=>{r.autoHide&&e.button===0&&g()},v=e=>{if(!r.autoHide)return;let t=e.target;!c.value||!t||m(t)||g()},y=e=>{let t=a.value?.clientHeight||0,n=e.clientY;t+e.clientY>document.body.clientHeight&&(n=document.body.clientHeight-t),f.value={top:n,left:e.clientX}},b=e=>{c.value=!0,nextTick(()=>{e&&y(e),d.value=u.nextZIndex(),i(`show`)})},x=(e,t)=>{typeof e==`object`&&(l.value=e.items||[],setTimeout(()=>{if(c.value&&a.value){let e=a.value.offsetTop;o.value?.[t].$el&&(e=(o.value?.[t].$el.getBoundingClientRect()).top),s.value?.show({clientX:a.value.offsetLeft+a.value.clientWidth-2,clientY:e})}},0))},S=()=>{i(`mouseenter`)};return onMounted(()=>{r.isSubMenu||globalThis.addEventListener(`mousedown`,v,!0)}),onBeforeUnmount(()=>{r.isSubMenu||globalThis.removeEventListener(`mousedown`,v,!0)}),t({menu:a,menuPosition:f,hide:g,show:b,contains:m,setPosition:y}),(t,n)=>{let r=resolveComponent(`content-menu`,!0);return openBlock(),createBlock(Transition,{name:`fade`,persisted:``},{default:withCtx(()=>[withDirectives(createBaseVNode(`div`,{class:`magic-editor-content-menu`,ref:`menu`,style:normalizeStyle(p.value),onMouseenter:n[0]||(n[0]=e=>S()),onContextmenu:n[1]||(n[1]=withModifiers(()=>{},[`prevent`]))},[renderSlot(t.$slots,`title`),createBaseVNode(`div`,null,[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.menuData,(t,n)=>(openBlock(),createBlock(_sfc_main$A,{"event-type":`mouseup`,ref_for:!0,ref:`buttons`,class:normalizeClass({active:e.active&&t.id===e.active}),data:t,key:n,onMouseup:_,onMouseenter:e=>x(t,n)},null,8,[`class`,`data`,`onMouseenter`]))),128))]),(openBlock(),createBlock(Teleport,{to:`body`},[l.value.length?(openBlock(),createBlock(r,{key:0,class:`sub-menu`,ref:`subMenu`,active:e.active,"menu-data":l.value,"is-sub-menu":!0,onHide:g},null,8,[`active`,`menu-data`])):createCommentVNode(`v-if`,!0)]))],36),[[vShow,c.value]])]),_:3})}}}),_sfc_main$o=defineComponent({name:`MEditorSearchInput`,__name:`SearchInput`,emits:[`search`],setup(e,{emit:t}){let n=t,r=ref$1(``),i=null,a=()=>{i&&clearTimeout(i),i=setTimeout(()=>{n(`search`,r.value),i=null},300)};return(e,t)=>(openBlock(),createBlock(unref(_sfc_main$m$2),{modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=e=>r.value=e),class:`search-input`,size:`small`,placeholder:`输入关键字进行过滤`,clearable:``,onInput:a},{prefix:withCtx(()=>[createVNode(unref(_sfc_main$n$2),null,{default:withCtx(()=>[createVNode(unref(search_default))]),_:1})]),_:1},8,[`modelValue`]))}}),_hoisted_1$b=[`draggable`,`data-node-id`,`data-parent-id`,`data-parents-id`,`data-is-container`],_hoisted_2$3={class:`tree-node-label`},_hoisted_3$1={class:`tree-node-tool`},_hoisted_4$1={key:0,class:`m-editor-tree-node-children`},_sfc_main$n=defineComponent({name:`MEditorTreeNode`,__name:`TreeNode`,props:{data:{},parent:{},parentsId:{default:()=>[]},nodeStatusMap:{},indent:{default:0},nextLevelIndentIncrement:{default:11}},emits:[`node-dragstart`,`node-dragleave`,`node-dragend`,`node-contextmenu`,`node-mouseenter`,`node-click`],setup(e,{emit:t}){let n=inject(`treeEmit`),r=e,i=computed$1(()=>r.nodeStatusMap?.get(r.data.id)||{selected:!1,expand:!1,visible:!1,draggable:!1}),a=computed$1(()=>i.value.expand),o=computed$1(()=>i.value.selected),s=computed$1(()=>i.value.visible),c=computed$1(()=>i.value.draggable),l=computed$1(()=>Array.isArray(r.data.items)&&r.data.items.some(e=>r.nodeStatusMap.get(e.id)?.visible)),u=e=>{n?.(`node-dragstart`,e,r.data)},d=e=>{n?.(`node-dragleave`,e,r.data)},f=e=>{n?.(`node-dragend`,e,r.data)},p=e=>{n?.(`node-contextmenu`,e,r.data)},m=e=>{n?.(`node-mouseenter`,e,r.data)},g=()=>{updateStatus(r.nodeStatusMap,r.data.id,{expand:!a.value})},_=e=>{n?.(`node-click`,e,r.data)};return(t,n)=>{let r=resolveComponent(`TreeNode`,!0);return withDirectives((openBlock(),createElementBlock(`div`,{class:`m-editor-tree-node`,draggable:c.value,"data-node-id":e.data.id,"data-parent-id":e.parent?.id,"data-parents-id":e.parentsId,"data-is-container":Array.isArray(e.data.items),onDragstart:u,onDragleave:d,onDragend:f},[createBaseVNode(`div`,{class:normalizeClass([`tree-node`,{selected:o.value,expanded:a.value}]),style:normalizeStyle(`padding-left: ${e.indent}px`),onContextmenu:p,onMouseenter:m},[createVNode(_sfc_main$1s,{class:`expand-icon`,style:normalizeStyle(l.value?``:`color: transparent; cursor: default`),icon:a.value?unref(arrow_down_default):unref(arrow_right_default),onClick:g},null,8,[`style`,`icon`]),createBaseVNode(`div`,{class:`tree-node-content`,onClick:_},[renderSlot(t.$slots,`tree-node-content`,{data:e.data},()=>[createBaseVNode(`div`,_hoisted_2$3,[renderSlot(t.$slots,`tree-node-label`,{data:e.data},()=>[createTextVNode(toDisplayString(`${e.data.name} (${e.data.id})`),1)])]),createBaseVNode(`div`,_hoisted_3$1,[renderSlot(t.$slots,`tree-node-tool`,{data:e.data})])])])],38),l.value&&a.value?(openBlock(),createElementBlock(`div`,_hoisted_4$1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.data.items,n=>(openBlock(),createBlock(r,{key:n.id,data:n,parent:e.data,parentsId:[...e.parentsId,e.data.id],"node-status-map":e.nodeStatusMap,indent:e.indent+e.nextLevelIndentIncrement},{"tree-node-content":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-content`,{data:e})]),"tree-node-label":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-label`,{data:e})]),"tree-node-tool":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-tool`,{data:e})]),_:3},8,[`data`,`parent`,`parentsId`,`node-status-map`,`indent`]))),128))])):createCommentVNode(`v-if`,!0)],40,_hoisted_1$b)),[[vShow,s.value]])}}}),_hoisted_1$a={key:1,class:`m-editor-tree-empty`},_sfc_main$m=defineComponent({name:`MEditorTree`,__name:`Tree`,props:{data:{},nodeStatusMap:{},indent:{default:0},nextLevelIndentIncrement:{},emptyText:{default:`暂无数据`}},emits:[`node-dragover`,`node-dragstart`,`node-dragleave`,`node-dragend`,`node-contextmenu`,`node-mouseenter`,`node-click`],setup(e,{emit:t}){let n=t;provide(`treeEmit`,n);let r=e=>{n(`node-dragover`,e)};return(t,n)=>(openBlock(),createElementBlock(`div`,{class:`m-editor-tree`,onDragover:r},[e.data?.length?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(e.data,n=>(openBlock(),createBlock(_sfc_main$n,{key:n.id,data:n,indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,"node-status-map":e.nodeStatusMap},{"tree-node-content":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-content`,{data:e})]),"tree-node-label":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-label`,{data:e})]),"tree-node-tool":withCtx(({data:e})=>[renderSlot(t.$slots,`tree-node-tool`,{data:e})]),_:3},8,[`data`,`indent`,`next-level-indent-increment`,`node-status-map`]))),128)):(openBlock(),createElementBlock(`div`,_hoisted_1$a,[createBaseVNode(`p`,null,toDisplayString(e.emptyText),1)]))],32))}}),_sfc_main$l=defineComponent({name:`MEditorCodeBlockList`,__name:`CodeBlockList`,props:{indent:{},nextLevelIndentIncrement:{},customError:{type:Function}},emits:[`edit`,`remove`,`node-contextmenu`],setup(e,{expose:t,emit:n}){let r=e,i=n,{codeBlockService:a,depService:o,editorService:s}=useServices(),c=computed$1(()=>Object.entries(a.getCodeDsl()||{}).map(([e,t])=>{let n=o.getTarget(e,DepTargetType.CODE_BLOCK),r=s.get(`root`)?.items.map(t=>({name:t.devconfig?.tabName||t.name,type:`node`,id:`${e}_${t.id}`,key:t.id,items:[]}))||[];return n&&Object.entries(n.deps).forEach(([e,t])=>{let i=r.find(e=>e.key===t.data?.pageId);i?.items?.push({name:t.name,type:`node`,id:`${i.id}_${e}`,key:e,items:t.keys.map(t=>({name:`${t}`,id:`${n.id}_${e}_${t}`,type:`key`}))})}),{id:e,key:e,name:t.name,type:`code`,codeBlockContent:a.getCodeContentById(e),items:r.length>1?r.filter(e=>e.items?.length):r[0]?.items||[]}})),l=(e,t)=>e?`${t.name}${t.id}`.toLocaleLowerCase().includes(e.toLocaleLowerCase()):!0,{nodeStatusMap:u}=useNodeStatus$1(c),{filterTextChangeHandler:d}=useFilter(c,u,l),f=computed$1(()=>a.getEditStatus()),p=e=>{let t=s.get(`stage`);s.select(e),t?.select(e)},m=(e,t)=>{t.type===`node`&&p(t.key)},g=e=>{i(`edit`,e)},_=async e=>{let t=!!c.value.find(t=>t.id===e)?.items?.length,n=a.getUndeletableList()||[];!t&&!n.includes(e)?(await tMagicMessageBox.confirm(`确定删除该代码块吗?`,`提示`,{confirmButtonText:`确定`,cancelButtonText:`取消`,type:`warning`}),i(`remove`,e)):typeof r.customError==`function`?r.customError(e,t?CodeDeleteErrorType.BIND:CodeDeleteErrorType.UNDELETEABLE):t?tMagicMessage.error(`代码块存在绑定关系,不可删除`):tMagicMessage.error(`代码块不可删除`)},v=(e,t)=>{i(`node-contextmenu`,e,t)};return t({nodeStatusMap:u,filter:d,deleteCode:_}),(t,n)=>(openBlock(),createBlock(_sfc_main$m,{data:c.value,"node-status-map":unref(u),indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,onNodeClick:m,onNodeContextmenu:v},{"tree-node-label":withCtx(({data:e})=>[createBaseVNode(`div`,{class:normalizeClass({code:e.type===`code`,hook:e.type===`key`,disabled:e.type===`key`||e.type===`code`})},toDisplayString(e.name)+` `+toDisplayString(e.key?`(${e.key})`:``),3)]),"tree-node-tool":withCtx(({data:e})=>[e.type===`code`?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,effect:`dark`,content:f.value?`编辑`:`查看`,placement:`bottom`},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:f.value?unref(edit_default):unref(view_default),class:`edit-icon`,onClick:withModifiers(t=>g(`${e.key}`),[`stop`])},null,8,[`icon`,`onClick`])]),_:2},1032,[`content`])):createCommentVNode(`v-if`,!0),e.type===`code`&&f.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:1,effect:`dark`,content:`删除`,placement:`bottom`},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(close_default),class:`edit-icon`,onClick:withModifiers(t=>_(`${e.key}`),[`stop`])},null,8,[`icon`,`onClick`])]),_:2},1024)):createCommentVNode(`v-if`,!0),renderSlot(t.$slots,`code-block-panel-tool`,{id:e.key,data:e})]),_:3},8,[`data`,`node-status-map`,`indent`,`next-level-indent-increment`]))}}),useContentMenu$1=e=>{let t=inject(`eventBus`),n=useTemplateRef(`menu`),r=``;return{menuData:[{type:`button`,text:`编辑`,icon:edit_default,display:({codeBlockService:e})=>e.getEditStatus(),handler:()=>{r&&t?.emit(`edit-code`,r)}},{type:`button`,text:`复制并粘贴至当前`,icon:markRaw(copy_document_default),handler:async({codeBlockService:e})=>{if(!r)return;let t=e.getCodeContentById(r);if(!t)return;let n=await e.getUniqueId();e.setCodeDslById(n,cloneDeep(t))}},{type:`button`,text:`删除`,icon:delete_default,handler:()=>{r&&e(r)}}],nodeContentMenuHandler:(e,t)=>{e.preventDefault(),t.type===`code`&&(n.value?.show(e),r=t.id?`${t.id}`:``)},contentMenuHideHandler:()=>{r=``}}},_hoisted_1$9={class:`search-wrapper`},_sfc_main$k=defineComponent({name:`MEditorCodeBlockListPanel`,__name:`CodeBlockListPanel`,props:{indent:{},nextLevelIndentIncrement:{},customError:{type:Function},customContentMenu:{type:Function}},setup(e){let t=e,n=inject(`eventBus`),{codeBlockService:r}=useServices(),i=computed$1(()=>r.getEditStatus()),{codeId:a,codeBlockEditor:o,codeConfig:s,editCode:c,deleteCode:l,createCodeBlock:u,submitCodeBlockHandler:d}=useCodeBlockEdit(r),f=useTemplateRef(`codeBlockList`),p=e=>{f.value?.filter(e)};n?.on(`edit-code`,e=>{c(e)}),watch(a,()=>{if(f.value)for(let[e,t]of f.value.nodeStatusMap.entries())t.selected=e===a.value});let m=()=>{if(f.value)for(let[,e]of f.value.nodeStatusMap.entries())e.selected=!1},{nodeContentMenuHandler:g,menuData:_,contentMenuHideHandler:v}=useContentMenu$1(e=>{f.value?.deleteCode(e)}),y=computed$1(()=>t.customContentMenu(_,`code-block`));return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[createVNode(unref(_sfc_main$c$2),{class:`m-editor-code-block-list m-editor-layer-panel`},{default:withCtx(()=>[renderSlot(t.$slots,`code-block-panel-header`,{},()=>[createBaseVNode(`div`,_hoisted_1$9,[createVNode(_sfc_main$o,{onSearch:p}),i.value?(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,class:`create-code-button`,type:`primary`,size:`small`,onClick:unref(u)},{default:withCtx(()=>[...n[0]||(n[0]=[createTextVNode(`新增`,-1)])]),_:1},8,[`onClick`])):createCommentVNode(`v-if`,!0),renderSlot(t.$slots,`code-block-panel-search`)])]),createCommentVNode(` 代码块列表 `),createVNode(_sfc_main$l,{ref:`codeBlockList`,"custom-error":e.customError,indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,onEdit:unref(c),onRemove:unref(l),onNodeContextmenu:unref(g)},{"code-block-panel-tool":withCtx(({id:e,data:n})=>[renderSlot(t.$slots,`code-block-panel-tool`,{id:e,data:n})]),_:3},8,[`custom-error`,`indent`,`next-level-indent-increment`,`onEdit`,`onRemove`,`onNodeContextmenu`])]),_:3}),unref(s)?(openBlock(),createBlock(_sfc_main$1f,{key:0,ref_key:`codeBlockEditor`,ref:o,disabled:!i.value,content:unref(s),onSubmit:unref(d),onClose:m},null,8,[`disabled`,`content`,`onSubmit`])):createCommentVNode(`v-if`,!0),(openBlock(),createBlock(Teleport,{to:`body`},[y.value.length?(openBlock(),createBlock(_sfc_main$p,{key:0,"menu-data":y.value,ref:`menu`,style:{overflow:`initial`},onHide:unref(v)},null,8,[`menu-data`,`onHide`])):createCommentVNode(`v-if`,!0)]))],64))}}),useDataSourceEdit=e=>{let t=ref$1(``),n=ref$1(),r=ref$1({});return{dialogTitle:t,editDialog:n,dataSourceValues:r,editable:computed$1(()=>e.get(`editable`)),editHandler:i=>{n.value&&(r.value={...e.getDataSourceById(i)||{}},t.value=`编辑${r.value.title||``}`,n.value.show())},submitDataSourceHandler:(t,r)=>{t.id?e.update(t,{changeRecords:r.changeRecords}):e.add(t),n.value?.hide()}}},_sfc_main$j=defineComponent({name:`MEditorDataSourceAddButton`,__name:`DataSourceAddButton`,props:{datasourceTypeList:{},addButtonConfig:{},addButtonText:{}},emits:[`add`],setup(e){return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$h$2),{placement:`right`,trigger:`hover`,"popper-class":`data-source-list-panel-add-menu`,"destroy-on-close":!0},{reference:withCtx(()=>[createVNode(unref(_sfc_main$F$1),normalizeProps(guardReactiveProps(e.addButtonConfig||{})),{default:withCtx(()=>[createTextVNode(toDisplayString(e.addButtonText||``),1)]),_:1},16)]),default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(e.datasourceTypeList,(e,n)=>(openBlock(),createBlock(_sfc_main$A,{data:{type:`button`,text:e.text,handler:()=>{t.$emit(`add`,e.type)}},key:n},null,8,[`data`]))),128))]),_:1}))}}),_sfc_main$i=defineComponent({name:`MEditorDataSourceConfigPanel`,__name:`DataSourceConfigPanel`,props:mergeModels({title:{},values:{},disabled:{type:Boolean}},{visible:{type:Boolean,default:!1},visibleModifiers:{},width:{default:670},widthModifiers:{}}),emits:mergeModels([`submit`,`close`,`open`],[`update:visible`,`update:width`]),setup(e,{expose:t,emit:n}){let r=e,i=useModel(e,`visible`),a=useModel(e,`width`),o=n,{uiService:s,dataSourceService:c}=useServices(),l=ref$1({}),u=ref$1([]),{height:d}=useEditorContentHeight(),{boxPosition:f,calcBoxPosition:p}=useNextFloatBoxPosition(s,inject(`parentFloating`,ref$1(null)));watchEffect(()=>{l.value=r.values,u.value=c.getFormConfig(l.value.type)});let m=(e,t)=>{o(`submit`,e,t)},g=e=>{tMagicMessage.error(e.message)};return watch(i,e=>{nextTick(()=>{e?l.value?.id&&o(`open`,l.value.id):o(`close`)})}),t({show(){p(),i.value=!0},hide(){i.value=!1}}),(t,n)=>(openBlock(),createBlock(_sfc_main$1k,{visible:i.value,"onUpdate:visible":n[0]||(n[0]=e=>i.value=e),width:a.value,"onUpdate:width":n[1]||(n[1]=e=>a.value=e),height:unref(d),"onUpdate:height":n[2]||(n[2]=e=>isRef(d)?d.value=e:null),title:e.title,position:unref(f)},{body:withCtx(()=>[createVNode(unref(_sfc_main$23),{"label-width":`80px`,title:e.title,config:u.value,values:l.value,disabled:e.disabled,style:{height:`100%`},onSubmit:m,onError:g},null,8,[`title`,`config`,`values`,`disabled`])]),_:1},8,[`visible`,`width`,`height`,`title`,`position`]))}}),_sfc_main$h=defineComponent({name:`MEditorDataSourceList`,__name:`DataSourceList`,props:{indent:{},nextLevelIndentIncrement:{}},emits:[`edit`,`remove`,`node-contextmenu`],setup(e,{expose:t,emit:n}){let r=n,{depService:i,editorService:a,dataSourceService:o}=useServices(),s=computed$1(()=>o.get(`editable`)),c=computed$1(()=>o.get(`dataSources`)),l=computed$1(()=>i.getTargets(DepTargetType.DATA_SOURCE)),u=computed$1(()=>i.getTargets(DepTargetType.DATA_SOURCE_METHOD)),d=computed$1(()=>i.getTargets(DepTargetType.DATA_SOURCE_COND)),f=(e,t,n)=>e.keys.map(e=>({name:e,id:`${n}_${e}`,type:`key`,isMethod:t===`method`,isCond:t===`cond`})),p=(e,t,n,r)=>({name:t.name,type:`node`,id:`${r}_${e}`,key:e,items:f(t,n,`${r}_${e}`)}),m=(e,t,n,r)=>{Object.entries(n).forEach(([e,n])=>{let i=t.find(e=>e.key===n.data?.pageId),a=i?.items.find(t=>t.key===e);a?a.items=a.items.concat(f(n,r,a.key)):i?.items.push(p(e,n,r,i.id))})},g=computed$1(()=>c.value.map(e=>{let t=l.value[e.id]?.deps||{},n=u.value[e.id]?.deps||{},r=d.value[e.id]?.deps||{},i=a.get(`root`)?.items.map(t=>({name:t.devconfig?.tabName||t.name,type:`node`,id:`${e.id}_${t.id}`,key:t.id,items:[]}))||[];return m(e.id,i,t),m(e.id,i,n,`method`),m(e.id,i,r,`cond`),{id:e.id,key:e.id,name:e.title,type:`ds`,items:i.length>1?i.filter(e=>e.items.length):i[0]?.items||[]}})),_=(e,t)=>e?`${t.name}${t.id}`.toLocaleLowerCase().includes(e.toLocaleLowerCase()):!0,{nodeStatusMap:v}=useNodeStatus$1(g),{filterTextChangeHandler:y}=useFilter(g,v,_),b=e=>{r(`edit`,e)},x=async e=>{r(`remove`,e)},S=e=>{let t=a.get(`stage`);a.select(e),t?.select(e)},C=(e,t)=>{t.type===`node`&&S(t.key)},w=(e,t)=>{r(`node-contextmenu`,e,t)};return t({nodeStatusMap:v,filter:y}),(t,n)=>(openBlock(),createBlock(_sfc_main$m,{data:g.value,"node-status-map":unref(v),indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,onNodeClick:C,onNodeContextmenu:w},{"tree-node-label":withCtx(({data:e})=>[createBaseVNode(`div`,{class:normalizeClass({ds:e.type===`ds`,hook:e.type===`key`,disabled:e.type===`key`||e.type===`ds`})},toDisplayString(e.name)+` `+toDisplayString(e.key?`(${e.key})`:``),3)]),"tree-node-tool":withCtx(({data:e})=>[e.type===`ds`?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,effect:`dark`,content:s.value?`编辑`:`查看`,placement:`bottom`},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:s.value?unref(edit_default):unref(view_default),class:`edit-icon`,onClick:withModifiers(t=>b(`${e.key}`),[`stop`])},null,8,[`icon`,`onClick`])]),_:2},1032,[`content`])):createCommentVNode(`v-if`,!0),e.type===`ds`&&s.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:1,effect:`dark`,content:`删除`,placement:`bottom`},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(close_default),class:`edit-icon`,onClick:withModifiers(t=>x(`${e.key}`),[`stop`])},null,8,[`icon`,`onClick`])]),_:2},1024)):createCommentVNode(`v-if`,!0),renderSlot(t.$slots,`data-source-panel-tool`,{data:e})]),_:3},8,[`data`,`node-status-map`,`indent`,`next-level-indent-increment`]))}}),useContentMenu=()=>{let e=inject(`eventBus`),t=useTemplateRef(`menu`),n=``;return{menuData:[{type:`button`,text:`编辑`,icon:edit_default,display:({dataSourceService:e})=>e.get(`editable`),handler:()=>{n&&e?.emit(`edit-data-source`,n)}},{type:`button`,text:`复制并粘贴至当前`,icon:markRaw(copy_document_default),handler:({dataSourceService:e})=>{if(!n)return;let t=e.getDataSourceById(n);t&&e.add(cloneDeep(t))}},{type:`button`,text:`删除`,icon:delete_default,handler:()=>{n&&e?.emit(`remove-data-source`,n)}}],nodeContentMenuHandler:(e,r)=>{e.preventDefault(),r.type===`ds`&&(t.value?.show(e),n=r.id?`${r.id}`:``)},contentMenuHideHandler:()=>{n=``}}},_hoisted_1$8={class:`search-wrapper`},_sfc_main$g=defineComponent({name:`MEditorDataSourceListPanel`,__name:`DataSourceListPanel`,props:{indent:{},nextLevelIndentIncrement:{},customContentMenu:{type:Function}},setup(e){let t=e,n=inject(`eventBus`),{dataSourceService:r}=useServices(),{editDialog:i,dataSourceValues:a,dialogTitle:o,editable:s,editHandler:c,submitDataSourceHandler:l}=useDataSourceEdit(r),u=()=>{if(m.value)for(let[,e]of m.value.nodeStatusMap.entries())e.selected=!1};watch(a,e=>{if(m.value&&e.id)for(let[t,n]of m.value.nodeStatusMap.entries())n.selected=t===e.id});let d=computed$1(()=>[{text:`基础`,type:`base`},{text:`HTTP`,type:`http`}].concat(r.get(`datasourceTypeList`))),f=e=>{if(!i.value)return;let t=d.value.find(t=>t.type===e);a.value=mergeWith({type:e,title:t?.text},r.getFormValue(e),(e,t)=>{if(Array.isArray(t))return t}),o.value=`新增${t?.text||``}`,i.value.show()},p=async e=>{await tMagicMessageBox.confirm(`确定删除?`,`提示`,{confirmButtonText:`确定`,cancelButtonText:`取消`,type:`warning`}),r.remove(e)},m=useTemplateRef(`dataSourceList`),g=e=>{m.value?.filter(e)};n?.on(`edit-data-source`,e=>{c(e)}),n?.on(`remove-data-source`,e=>{p(e)});let{nodeContentMenuHandler:_,menuData:v,contentMenuHideHandler:y}=useContentMenu(),b=computed$1(()=>t.customContentMenu(v,`data-source`));return(t,n)=>(openBlock(),createElementBlock(Fragment,null,[createVNode(unref(_sfc_main$c$2),{class:`data-source-list-panel m-editor-layer-panel`},{default:withCtx(()=>[createBaseVNode(`div`,_hoisted_1$8,[createVNode(_sfc_main$o,{onSearch:g}),unref(s)?(openBlock(),createBlock(_sfc_main$j,{key:0,"add-button-text":`新增`,"add-button-config":{type:`primary`,size:`small`},"datasource-type-list":d.value,onAdd:f},null,8,[`datasource-type-list`])):createCommentVNode(`v-if`,!0),renderSlot(t.$slots,`data-source-panel-search`)]),createCommentVNode(` 数据源列表 `),createVNode(_sfc_main$h,{ref:`dataSourceList`,indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,onEdit:unref(c),onRemove:p,onNodeContextmenu:unref(_)},null,8,[`indent`,`next-level-indent-increment`,`onEdit`,`onNodeContextmenu`])]),_:3}),createVNode(_sfc_main$i,{ref_key:`editDialog`,ref:i,disabled:!unref(s),values:unref(a),title:unref(o),onSubmit:unref(l),onClose:u},null,8,[`disabled`,`values`,`title`,`onSubmit`]),(openBlock(),createBlock(Teleport,{to:`body`},[b.value.length?(openBlock(),createBlock(_sfc_main$p,{key:0,"menu-data":b.value,ref:`menu`,style:{overflow:`initial`},onHide:unref(y)},null,8,[`menu-data`,`onHide`])):createCommentVNode(`v-if`,!0)]))],64))}}),_hoisted_1$7={width:`1em`,height:`1em`,viewBox:`0 0 16 16`,class:`bi bi-folder-minus`,fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`},_sfc_main$f=defineComponent({name:`MEditorFolderMinusIcon`,__name:`FolderMinusIcon`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,_hoisted_1$7,[...t[0]||(t[0]=[createBaseVNode(`path`,{"fill-rule":`evenodd`,d:`M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z`},null,-1),createBaseVNode(`path`,{"fill-rule":`evenodd`,d:`M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z`},null,-1)])]))}}),useDeleteMenu=()=>({type:`button`,text:`删除`,icon:delete_default,display:({editorService:e})=>{let t=e.get(`node`);return t?.type!==NodeType.ROOT&&!isPage(t)&&!isPageFragment(t)},handler:({editorService:e})=>{let t=e.get(`nodes`);t&&e.remove(t)}}),useCopyMenu=()=>({type:`button`,text:`复制`,icon:markRaw(copy_document_default),handler:({editorService:e})=>{let t=e?.get(`nodes`);t&&e?.copy(t)}}),usePasteMenu=e=>({type:`button`,text:`粘贴`,icon:markRaw(document_copy_default),display:({storageService:e})=>!!e.getItem(COPY_STORAGE_KEY),handler:({editorService:t,uiService:n})=>{let r=t?.get(`nodes`);if(!(!r||r.length===0))if(e?.value?.$el){let r=t.get(`stage`),i=e.value.$el.getBoundingClientRect(),a=r?.container?.getBoundingClientRect(),o=calcValueByFontsize(r?.renderer?.getDocument(),(i.left||0)-(a?.left||0))/n.get(`zoom`),s=calcValueByFontsize(r?.renderer?.getDocument(),(i.top||0)-(a?.top||0))/n.get(`zoom`);t.paste({left:o,top:s})}else t.paste()}}),moveTo=(e,{editorService:t})=>{let n=t.get(`nodes`)||[],r=t.getNodeById(e);r&&(t.add(n,r),t.remove(n))},useMoveToMenu=({editorService:e})=>({type:`button`,text:`移动至`,display:({editorService:e})=>{let t=e.get(`node`),n=e.get(`pageLength`);return!isPage(t)&&n>1},items:(computed$1(()=>e.get(`root`)).value?.items||[]).filter(t=>t.id!==e.get(`page`)?.id).map(e=>({text:`${e.name}(${e.id})`,type:`button`,handler:t=>{moveTo(e.id,t)}}))}),_sfc_main$e=defineComponent({name:`MEditorLayerMenu`,__name:`LayerMenu`,props:{layerContentMenu:{},customContentMenu:{type:Function}},emits:[`collapse-all`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=useServices(),{editorService:o,componentListService:s}=a,c=useTemplateRef(`menu`),l=computed$1(()=>o.get(`node`)),u=computed$1(()=>o.get(`nodes`)),d=computed$1(()=>s.getList()),f=e=>e.items.map(e=>({text:e.text,type:`button`,icon:e.icon,handler:()=>{o.add({name:e.text,type:e.type,...e.data||{}})}})),p=computed$1(()=>l.value?.type===`tabs`?[{text:`标签页`,type:`button`,icon:files_default,handler:()=>{o.add({type:`tab-pane`})}}]:l.value?.items&&d.value.reduce((e,t,n)=>e.concat(f(t),n<d.value.length-1?[{type:`divider`,direction:`horizontal`}]:[]),[])||[]),m=computed$1(()=>r.customContentMenu([{type:`button`,text:`全部折叠`,icon:_sfc_main$f,display:()=>isPage(l.value)||isPageFragment(l.value),handler:()=>{i(`collapse-all`)}},{type:`button`,text:`新增`,icon:markRaw(plus_default),display:()=>l.value?.items&&u.value?.length===1,items:p.value},useCopyMenu(),usePasteMenu(),useDeleteMenu(),useMoveToMenu(a),...r.layerContentMenu],`layer`));return t({show:e=>{c.value?.show(e)}}),(e,t)=>(openBlock(),createBlock(_sfc_main$p,{"menu-data":m.value,ref:`menu`,style:{overflow:`initial`}},null,8,[`menu-data`]))}}),_sfc_main$d=defineComponent({__name:`LayerNodeTool`,props:{data:{}},setup(e){let t=e,{editorService:n}=useServices(),r=e=>{n.update({id:t.data.id,visible:e})};return(t,n)=>e.data.type===`page`?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(unref(_sfc_main$F$1),{key:0,link:``,type:e.data.visible===!1?`primary`:`default`,icon:e.data.visible===!1?unref(hide_default):unref(view_default),title:e.data.visible===!1?`点击显示`:`点击隐藏`,onClick:n[0]||(n[0]=withModifiers(t=>r(e.data.visible===!1),[`stop`]))},null,8,[`type`,`icon`,`title`]))}}),useClick=({editorService:e,stageOverlayService:t,uiService:n},r,i,a)=>{let o=computed$1(()=>r.value&&!e.get(`disabledMultiSelect`)),s=async n=>{if(!n.id)throw Error(`没有id`);o.value?c(n):(await e.select(n),e.get(`stage`)?.select(n.id),t.get(`stage`)?.select(n.id))},c=async n=>{if(isPage(n)||isPageFragment(n))return;let r=e.get(`nodes`)||[],i=[],a=!1;r.forEach(e=>{if(e.id===n.id){a=!0;return}isPage(e)||isPageFragment(e)||i.push(e.id)}),(!a||i.length===0)&&i.push(n.id),await e.multiSelect(i),e.get(`stage`)?.multiSelect(i),t.get(`stage`)?.multiSelect(i)},l=throttle$2((e,t)=>{u(t)},300),u=n=>{e.highlight(n),e.get(`stage`)?.highlight(n.id),t.get(`stage`)?.highlight(n.id)},d=(e,t)=>{if(i?.value){if(n.get(`uiSelectMode`)){document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME,{detail:t}));return}t.items&&t.items.length>0&&!o.value&&updateStatus(i.value,t.id,{expand:!0}),nextTick(()=>{s(t)})}};return{menuRef:a,nodeClickHandler:d,nodeContentMenuHandler(t,n){t.preventDefault();let r=e.get(`nodes`)||[];(r.length<2||!r.includes(n))&&d(t,n),a.value?.show(t)},highlightHandler:l}},dragState={dragOverNodeId:``,dropType:``,container:null},getNodeEl=e=>{if(e.dataset.nodeId)return e;if(e.parentElement)return getNodeEl(e.parentElement)},removeStatusClass=e=>{e&&[`drag-before`,`drag-after`,`drag-inner`].forEach(t=>{e.querySelectorAll(`.${t}`).forEach(e=>{removeClassName(e,t)})})},useDrag=({editorService:e})=>({handleDragStart:e=>{if(!e.dataTransfer||!e.target||!e.currentTarget)return;let t=getNodeEl(e.target);if(!(!t||t!==e.currentTarget)){e.dataTransfer.effectAllowed=`move`,dragState.nodeId=t.dataset.nodeId;try{e.dataTransfer.setData(`text/json`,JSON.stringify({dragType:DragType.LAYER_TREE}))}catch{}}},handleDragEnd:(t,n)=>{if(!t.target||!t.currentTarget)return;let r=getNodeEl(t.target);if(!(!r||r!==t.currentTarget)){if(removeStatusClass(dragState.container),n&&dragState.dragOverNodeId&&dragState.dropType){if(dragState.dragOverNodeId===n.id)return;let t=e.getNodeInfo(dragState.dragOverNodeId,!1),r=t.node,i=t.parent;if(!i||!r)return;let a=-1;Array.isArray(r.items)&&dragState.dropType===`inner`?(a=r.items.length,i=r):a=getNodeIndex(dragState.dragOverNodeId,i),dragState.dropType===`after`&&(a+=1);let o=e.get(`nodes`);o.find(e=>`${e.id}`==`${n.id}`)?e.dragTo(o,i,a):e.dragTo([n],i,a)}dragState.dragOverNodeId=``,dragState.dropType=``,dragState.container=null}},handleDragLeave:e=>{if(!e.target||!e.currentTarget)return;let t=getNodeEl(e.target);if(!t||t!==e.currentTarget)return;let n=t.children[0];removeClassName(n,`drag-before`,`drag-after`,`drag-inner`)},handleDragOver:e=>{if(!e.target)return;let t=getNodeEl(e.target);if(!t?.draggable)return;let n=t.children[0];if(!n)return;removeClassName(n,`drag-before`,`drag-after`,`drag-inner`);let{top:r,height:i}=n.getBoundingClientRect(),a=e.clientY-r,o=t.dataset.isContainer===`true`,s=t.dataset.nodeId,{nodeId:c}=dragState,l=t.dataset.parentsId?.split(`,`);if(s){if(l){let e=-1;for(let t=0,n=l.length;t<n;t++)if(c===l[t]&&(e=t),l.includes(`${c}`)&&t>=e)return}a<i/3?(dragState.dropType=`before`,addClassName(n,globalThis.document,`drag-before`)):a>i*2/3?(dragState.dropType=`after`,addClassName(n,globalThis.document,`drag-after`)):o&&(dragState.dropType=`inner`,addClassName(n,globalThis.document,`drag-inner`)),dragState.dropType&&(dragState.dragOverNodeId=s,dragState.container=e.currentTarget,e.preventDefault())}}}),KeyBindingContainerKey=(e=>(e.STAGE=`stage`,e.LAYER_PANEL=`layer-panel`,e))(KeyBindingContainerKey||{}),keybindingConfig=[{command:KeyBindingCommand.DELETE_NODE,keybinding:[`delete`,`backspace`],when:[[`stage`,`keyup`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.COPY_NODE,keybinding:`ctrl+c`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.PASTE_NODE,keybinding:`ctrl+v`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.CUT_NODE,keybinding:`ctrl+x`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.UNDO,keybinding:`ctrl+z`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.REDO,keybinding:`ctrl+shift+z`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.MOVE_UP_1,keybinding:`up`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_DOWN_1,keybinding:`down`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_LEFT_1,keybinding:`left`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_RIGHT_1,keybinding:`right`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_UP_10,keybinding:`ctrl+up`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_DOWN_10,keybinding:`ctrl+down`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_LEFT_10,keybinding:`ctrl+left`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.MOVE_RIGHT_10,keybinding:`ctrl+right`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.SWITCH_NODE,keybinding:`tab`,when:[[`stage`,`keydown`],[`layer-panel`,`keydown`]]},{command:KeyBindingCommand.ZOOM_IN,keybinding:[`ctrl+=`,`ctrl+numpadplus`],when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.ZOOM_OUT,keybinding:[`ctrl+-`,`ctrl+numpad-`],when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.ZOOM_FIT,keybinding:`ctrl+0`,when:[[`stage`,`keydown`]]},{command:KeyBindingCommand.ZOOM_RESET,keybinding:`ctrl+1`,when:[[`stage`,`keydown`]]}],useKeybinding=({keybindingService:e},t)=>{let n=ref$1(!1),r=()=>{n.value=!1};return e.registerCommand(`layer-panel-global-keyup`,()=>{n.value=!1}),e.registerCommand(`layer-panel-global-keydown`,()=>{n.value=!0}),e.register([{command:`layer-panel-global-keydown`,keybinding:`ctrl`,when:[[`global`,`keydown`]]},{command:`layer-panel-global-keyup`,keybinding:`ctrl`,when:[[`global`,`keyup`]]}]),watchEffect(()=>{t.value?(globalThis.addEventListener(`blur`,r),e.registerEl(KeyBindingContainerKey.LAYER_PANEL,t.value.$el)):(globalThis.removeEventListener(`blur`,r),e.unregisterEl(KeyBindingContainerKey.LAYER_PANEL))}),{isCtrlKeyDown:n}},createPageNodeStatus=(e,t)=>{let n=new Map;return n.set(e.id,{visible:!0,expand:!0,selected:!0,draggable:!1}),e.items.forEach(e=>traverseNode(e,e=>{n.set(e.id,t?.get(e.id)||{visible:!0,expand:!1,selected:!1,draggable:!0})})),n},useNodeStatus=({editorService:e})=>{let t=computed$1(()=>e.get(`page`)),n=computed$1(()=>e.get(`nodes`)),r=ref$1(new Map),i=computed$1(()=>t.value?r.value.get(t.value.id):new Map);watch(()=>t.value?.id,e=>{e&&r.value.set(e,createPageNodeStatus(t.value,r.value.get(e)))},{immediate:!0}),watch(n,e=>{if(i.value)for(let[n,r]of i.value.entries())r.selected=e.some(e=>e.id===n),r.selected&&getNodePath(n,t.value?.items).forEach(e=>{updateStatus(i.value,e.id,{expand:!0})})},{immediate:!0});let a=e=>{e.forEach(e=>{isPage(e)||isPageFragment(e)||traverseNode(e,e=>{i.value?.set(e.id,{visible:!0,expand:Array.isArray(e.items),selected:!0,draggable:!0})})})};e.on(`add`,a);let o=e=>{e.forEach(e=>{traverseNode(e,e=>{i.value?.delete(e.id)})})};return e.on(`remove`,o),onBeforeUnmount(()=>{e.off(`remove`,o),e.off(`add`,a)}),{nodeStatusMaps:r,nodeStatusMap:i}},_sfc_main$c=defineComponent({name:`MEditorLayerPanel`,__name:`LayerPanel`,props:{layerContentMenu:{},indent:{},nextLevelIndentIncrement:{},customContentMenu:{type:Function}},setup(e){let t=useServices(),{editorService:n}=t,r=useTemplateRef(`tree`),i=computed$1(()=>n.get(`page`)),a=computed$1(()=>i.value?[i.value]:[]),{nodeStatusMap:o}=useNodeStatus(t),{isCtrlKeyDown:s}=useKeybinding(t,r),{filterTextChangeHandler:c}=useFilter(a,o,(e,t)=>{let n=``;return t.name?n=t.name:t.items&&(n=`container`),`${t.id}${n}${t.type}`.includes(e)}),l=()=>{if(!i.value||!o.value)return;let e=o.value.entries();for(let[t,n]of e)t!==i.value.id&&(n.expand=!1)},{handleDragStart:u,handleDragEnd:d,handleDragLeave:f,handleDragOver:p}=useDrag(t),{nodeClickHandler:m,nodeContentMenuHandler:g,highlightHandler:_}=useClick(t,s,o,useTemplateRef(`menu`));return(t,n)=>(openBlock(),createBlock(unref(_sfc_main$c$2),{class:`m-editor-layer-panel`},{default:withCtx(()=>[renderSlot(t.$slots,`layer-panel-header`),createVNode(_sfc_main$o,{onSearch:unref(c)},null,8,[`onSearch`]),i.value&&unref(o)?(openBlock(),createBlock(_sfc_main$m,{key:0,tabindex:`-1`,ref:`tree`,data:a.value,"node-status-map":unref(o),indent:e.indent,"next-level-indent-increment":e.nextLevelIndentIncrement,onNodeDragover:unref(p),onNodeDragstart:unref(u),onNodeDragleave:unref(f),onNodeDragend:unref(d),onNodeContextmenu:unref(g),onNodeMouseenter:unref(_),onNodeClick:unref(m)},{"tree-node-content":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-content`,{data:e})]),"tree-node-tool":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-tool`,{data:e},()=>[createVNode(_sfc_main$d,{data:e},null,8,[`data`])])]),"tree-node-label":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-label`,{data:e})]),_:3},8,[`data`,`node-status-map`,`indent`,`next-level-indent-increment`,`onNodeDragover`,`onNodeDragstart`,`onNodeDragleave`,`onNodeDragend`,`onNodeContextmenu`,`onNodeMouseenter`,`onNodeClick`])):createCommentVNode(`v-if`,!0),(openBlock(),createBlock(Teleport,{to:`body`},[createVNode(_sfc_main$e,{ref:`menu`,"layer-content-menu":e.layerContentMenu,"custom-content-menu":e.customContentMenu,onCollapseAll:l},null,8,[`layer-content-menu`,`custom-content-menu`])]))]),_:3}))}}),_hoisted_1$6=[`onClick`,`onDragstart`],_hoisted_2$2$1=[`title`],_sfc_main$b=defineComponent({name:`MEditorComponentListPanel`,__name:`ComponentListPanel`,setup(e){let t=ref$1(``),n=e=>{t.value=e},{editorService:r,componentListService:i}=useServices(),a=inject(`stageOptions`),o=computed$1(()=>r.get(`stage`)),s=computed$1(()=>i.getList().map(e=>({...e,items:e.items.filter(e=>e.text.includes(t.value))}))),c=ref$1();watch(s,()=>{c.value=Array(s.value?.length).fill(1).map((e,t)=>`${t}`)},{immediate:!0});let l,u,d,f=({text:e,type:t,data:n={}})=>{r.add({name:e,type:t,...n})},p=({text:e,type:t,data:n={}},r)=>{r.dataTransfer?.setData(`text/json`,(0,import_serialize_javascript.default)({dragType:DragType.COMPONENT_LIST,data:{name:e,type:t,...n}}))},m=()=>{l&&(globalThis.clearTimeout(l),l=void 0);let e=o.value?.renderer?.getDocument();e&&a?.containerHighlightClassName&&removeClassNameByClassName(e,a.containerHighlightClassName),u=0,d=0},g=e=>{if(e.clientX!==u||e.clientY!==d){u=e.clientX,d=e.clientY,l&&(globalThis.clearTimeout(l),l=void 0);return}l||!o.value||(l=o.value.delayedMarkContainer(e))};return(e,t)=>(openBlock(),createBlock(unref(_sfc_main$c$2),null,{default:withCtx(()=>[renderSlot(e.$slots,`component-list-panel-header`),createVNode(_sfc_main$o,{onSearch:n}),renderSlot(e.$slots,`component-list`,{componentGroupList:s.value},()=>[createVNode(unref(_sfc_main$z$2),{class:`ui-component-panel`,modelValue:c.value,"onUpdate:modelValue":t[0]||(t[0]=e=>c.value=e)},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(s.value,(t,n)=>(openBlock(),createElementBlock(Fragment,null,[t.items&&t.items.length?(openBlock(),createBlock(unref(_sfc_main$y$2),{key:n,name:`${n}`},{title:withCtx(()=>[createVNode(_sfc_main$1s,{icon:unref(grid_default)},null,8,[`icon`]),createTextVNode(toDisplayString(t.title),1)]),default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(t.items,t=>(openBlock(),createElementBlock(`div`,{class:`component-item`,draggable:`true`,key:t.type,onClick:e=>f(t),onDragstart:e=>p(t,e),onDragend:m,onDrag:g},[renderSlot(e.$slots,`component-list-item`,{component:t},()=>[createVNode(unref(_sfc_main$2$19),{placement:`right`,disabled:!t.desc,content:t.desc},{default:withCtx(()=>[createVNode(_sfc_main$1s,{icon:t.icon},null,8,[`icon`])]),_:2},1032,[`disabled`,`content`]),createBaseVNode(`span`,{title:t.text},toDisplayString(t.text),9,_hoisted_2$2$1)])],40,_hoisted_1$6))),128))]),_:2},1032,[`name`])):createCommentVNode(`v-if`,!0)],64))),256))]),_:3},8,[`modelValue`])])]),_:3}))}}),_hoisted_1$5={key:0,class:`m-editor-sidebar`},_hoisted_2$1$1={class:`m-editor-sidebar-header`},_hoisted_3$8=[`draggable`,`onClick`,`onDragend`],_hoisted_4={key:1,class:`magic-editor-tab-panel-title`},_hoisted_5={key:0,class:`m-editor-sidebar-tips`},_hoisted_6={class:`m-editor-slide-list-box`},_sfc_main$a=defineComponent({name:`MEditorSidebar`,__name:`Sidebar`,props:{data:{default:()=>({type:`tabs`,status:`组件`,items:[SideItemKey.COMPONENT_LIST,SideItemKey.LAYER,SideItemKey.CODE_BLOCK,SideItemKey.DATA_SOURCE]})},layerContentMenu:{},indent:{},nextLevelIndentIncrement:{},customContentMenu:{}},setup(e,{expose:t}){let n=e,{depService:r,uiService:i,propsService:a}=useServices(),o=computed$1(()=>r.get(`collecting`)),s=computed$1(()=>r.get(`taskLength`)),c=ref$1(!0),l=computed$1(()=>i.get(`columnWidth`)[ColumnLayout.LEFT]),{height:u}=useEditorContentHeight(),d=ref$1(0),f=watch(u,e=>{e&&(d.value=e*.5,nextTick().then(()=>{f()}))},{immediate:!0}),p=ref$1(n.data?.status),m=e=>{let t={[SideItemKey.COMPONENT_LIST]:{$key:SideItemKey.COMPONENT_LIST,type:`component`,icon:goods_default,text:`组件`,component:_sfc_main$b,slots:{}},layer:{$key:`layer`,type:`component`,icon:list_default,text:`已选组件`,props:{layerContentMenu:n.layerContentMenu,customContentMenu:n.customContentMenu,indent:n.indent,nextLevelIndentIncrement:n.nextLevelIndentIncrement},component:_sfc_main$c,slots:{}},[SideItemKey.CODE_BLOCK]:{$key:`code-block`,type:`component`,icon:edit_pen_default,text:`代码编辑`,component:_sfc_main$k,props:{indent:n.indent,nextLevelIndentIncrement:n.nextLevelIndentIncrement,customContentMenu:n.customContentMenu},slots:{}},[SideItemKey.DATA_SOURCE]:{$key:SideItemKey.DATA_SOURCE,type:`component`,icon:coin_default,text:`数据源`,component:_sfc_main$g,props:{indent:n.indent,nextLevelIndentIncrement:n.nextLevelIndentIncrement,customContentMenu:n.customContentMenu},slots:{}}};return typeof e==`string`?t[e]:e},g=computed$1(()=>n.data.items.map(e=>m(e)).filter(e=>e.$key===SideItemKey.DATA_SOURCE?!a.getDisabledDataSource():e.$key===SideItemKey.CODE_BLOCK?!a.getDisabledCodeBlock():!0));watch(g,e=>{i.set(`sideBarItems`,e)},{immediate:!0}),watch(()=>n.data.status,e=>{p.value=e||`0`});let{dragstartHandler:_,dragendHandler:v,floatBoxStates:y,showingBoxKeys:b}=useFloatBox(computed$1(()=>g.value.map(e=>e.$key)));watch(()=>b.value.length,()=>{if(!b.value.some(e=>p.value===g.value.find(t=>t.$key===e)?.text)&&p.value)return;let e=g.value.find(e=>!b.value.includes(e.$key));if(!e){p.value=``,i.set(`hideSlideBar`,!0);return}i.set(`hideSlideBar`,!1),p.value=e?.text});let x=async(e,t)=>{typeof e.beforeClick==`function`&&await e.beforeClick(e)===!1||(p.value=e.text||e.$key||`${t}`)};return t({activeTabName:p}),(t,n)=>(openBlock(),createElementBlock(Fragment,null,[e.data.type===`tabs`&&e.data.items.length?(openBlock(),createElementBlock(`div`,_hoisted_1$5,[createBaseVNode(`div`,_hoisted_2$1$1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(g.value,(e,t)=>withDirectives((openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-editor-sidebar-header-item`,{"is-active":p.value===e.text}]),draggable:e.draggable??!0,key:e.$key??t,style:normalizeStyle(e.tabStyle||{}),onClick:n=>x(e,t),onDragstart:n[0]||(n[0]=(...e)=>unref(_)&&unref(_)(...e)),onDragend:t=>unref(v)(e.$key,t)},[e.icon?(openBlock(),createBlock(_sfc_main$1s,{key:0,icon:e.icon},null,8,[`icon`])):createCommentVNode(`v-if`,!0),e.text?(openBlock(),createElementBlock(`div`,_hoisted_4,toDisplayString(e.text),1)):createCommentVNode(`v-if`,!0)],46,_hoisted_3$8)),[[vShow,!unref(y)[e.$key]?.status]])),128))]),(openBlock(!0),createElementBlock(Fragment,null,renderList(g.value,(e,n)=>withDirectives((openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-editor-sidebar-content`,{"m-editor-dep-collecting":o.value}]),key:e.$key??n},[e?.component&&!unref(y)[e.$key]?.status?(openBlock(),createBlock(resolveDynamicComponent(e.component),mergeProps({key:0,ref_for:!0},e.props||{},toHandlers(e?.listeners||{})),createSlots({_:2},[e.$key===`component-list`||e.slots?.componentList?{name:`component-list`,fn:withCtx(({componentGroupList:n})=>[e.$key===`component-list`?renderSlot(t.$slots,`component-list`,{key:0,componentGroupList:n}):e.slots?.componentList?(openBlock(),createBlock(resolveDynamicComponent(e.slots.componentList),{key:1})):createCommentVNode(`v-if`,!0)]),key:`0`}:void 0,e.$key===`component-list`||e.slots?.componentListPanelHeader?{name:`component-list-panel-header`,fn:withCtx(()=>[e.$key===`component-list`?renderSlot(t.$slots,`component-list-panel-header`,{key:0}):e.slots?.componentListPanelHeader?(openBlock(),createBlock(resolveDynamicComponent(e.slots.componentListPanelHeader),{key:1})):createCommentVNode(`v-if`,!0)]),key:`1`}:void 0,e.$key===`component-list`||e.slots?.componentListItem?{name:`component-list-item`,fn:withCtx(({component:n})=>[e.$key===`component-list`?renderSlot(t.$slots,`component-list-item`,{key:0,component:n}):e.slots?.componentListItem?(openBlock(),createBlock(resolveDynamicComponent(e.slots.componentListItem),{key:1,component:n},null,8,[`component`])):createCommentVNode(`v-if`,!0)]),key:`2`}:void 0,e.$key===`layer`||e.slots?.layerPanelHeader?{name:`layer-panel-header`,fn:withCtx(()=>[e.$key===`layer`?renderSlot(t.$slots,`layer-panel-header`,{key:0}):e.slots?.layerPanelHeader?(openBlock(),createBlock(resolveDynamicComponent(e.slots.layerPanelHeader),{key:1})):createCommentVNode(`v-if`,!0)]),key:`3`}:void 0,e.$key===`code-block`||e.slots?.codeBlockPanelHeader?{name:`code-block-panel-header`,fn:withCtx(()=>[e.$key===`code-block`?renderSlot(t.$slots,`code-block-panel-header`,{key:0}):e.slots?.codeBlockPanelHeader?(openBlock(),createBlock(resolveDynamicComponent(e.slots.codeBlockPanelHeader),{key:1})):createCommentVNode(`v-if`,!0)]),key:`4`}:void 0,e.$key===`code-block`||e.slots?.codeBlockPanelTool?{name:`code-block-panel-tool`,fn:withCtx(({id:n,data:r})=>[e.$key===`code-block`?renderSlot(t.$slots,`code-block-panel-tool`,{key:0,id:n,data:r}):e.slots?.codeBlockPanelTool?(openBlock(),createBlock(resolveDynamicComponent(e.slots.codeBlockPanelTool),{key:1})):createCommentVNode(`v-if`,!0)]),key:`5`}:void 0,e.$key===`code-block`||e.slots?.codeBlockPanelSearch?{name:`code-block-panel-search`,fn:withCtx(()=>[e.$key===`code-block`?renderSlot(t.$slots,`code-block-panel-search`,{key:0}):e.slots?.codeBlockPanelSearch?(openBlock(),createBlock(resolveDynamicComponent(e.slots.codeBlockPanelSearch),{key:1})):createCommentVNode(`v-if`,!0)]),key:`6`}:void 0,e.$key===`layer`||e.slots?.layerNodeContent?{name:`layer-node-content`,fn:withCtx(({data:n})=>[e.$key===`layer`?renderSlot(t.$slots,`layer-node-content`,{key:0,data:n}):e.slots?.layerNodeContent?(openBlock(),createBlock(resolveDynamicComponent(e.slots.layerNodeContent),{key:1,data:n},null,8,[`data`])):createCommentVNode(`v-if`,!0)]),key:`7`}:void 0,e.$key===`layer`||e.slots?.layerNodeLabel?{name:`layer-node-label`,fn:withCtx(({data:n})=>[e.$key===`layer`?renderSlot(t.$slots,`layer-node-label`,{key:0,data:n}):e.slots?.layerNodeLabel?(openBlock(),createBlock(resolveDynamicComponent(e.slots.layerNodeTool),{key:1,data:n},null,8,[`data`])):createCommentVNode(`v-if`,!0)]),key:`8`}:void 0,e.$key===`layer`||e.slots?.layerNodeTool?{name:`layer-node-tool`,fn:withCtx(({data:n})=>[e.$key===`layer`?renderSlot(t.$slots,`layer-node-tool`,{key:0,data:n}):e.slots?.layerNodeTool?(openBlock(),createBlock(resolveDynamicComponent(e.slots.layerNodeTool),{key:1,data:n},null,8,[`data`])):createCommentVNode(`v-if`,!0)]),key:`9`}:void 0,e.$key===`data-source`||e.slots?.dataSourcePanelTool?{name:`data-source-panel-tool`,fn:withCtx(({data:n})=>[e.$key===`data-source`?renderSlot(t.$slots,`data-source-panel-tool`,{key:0,data:n}):e.slots?.DataSourcePanelTool?(openBlock(),createBlock(resolveDynamicComponent(e.slots.DataSourcePanelTool),{key:1})):createCommentVNode(`v-if`,!0)]),key:`10`}:void 0,e.$key===`data-source`||e.slots?.dataSourcePanelSearch?{name:`data-source-panel-search`,fn:withCtx(()=>[e.$key===`data-source`?renderSlot(t.$slots,`data-source-panel-search`,{key:0}):e.slots?.dataSourcePanelSearch?(openBlock(),createBlock(resolveDynamicComponent(e.slots.dataSourcePanelSearch),{key:1})):createCommentVNode(`v-if`,!0)]),key:`11`}:void 0]),1040)):createCommentVNode(`v-if`,!0)],2)),[[vShow,[e.text,e.$key,`${n}`].includes(p.value)]])),128)),c.value&&o.value&&s.value>0?(openBlock(),createElementBlock(`div`,_hoisted_5,[createBaseVNode(`span`,null,`依赖收集中(剩余任务:`+toDisplayString(s.value)+`)`,1),createVNode(_sfc_main$1s,{icon:unref(close_default),class:`close-icon`,onClick:n[1]||(n[1]=withModifiers(e=>c.value=!1,[`stop`]))},null,8,[`icon`])])):createCommentVNode(`v-if`,!0)])):createCommentVNode(`v-if`,!0),(openBlock(),createBlock(Teleport,{to:`body`},[(openBlock(!0),createElementBlock(Fragment,null,renderList(g.value,(e,t)=>(openBlock(),createElementBlock(Fragment,null,[unref(y)[e.$key]?.status?(openBlock(),createBlock(_sfc_main$1k,{key:e.$key??t,visible:unref(y)[e.$key].status,"onUpdate:visible":t=>unref(y)[e.$key].status=t,height:d.value,"onUpdate:height":n[2]||(n[2]=e=>d.value=e),width:l.value,title:e.text,position:{left:unref(y)[e.$key].left,top:unref(y)[e.$key].top}},{body:withCtx(()=>[createBaseVNode(`div`,_hoisted_6,[e&&unref(y)[e.$key].status?(openBlock(),createBlock(resolveDynamicComponent(e.component),mergeProps({key:0,ref_for:!0},e.props||{},toHandlers(e?.listeners||{})),null,16)):createCommentVNode(`v-if`,!0)])]),_:2},1032,[`visible`,`onUpdate:visible`,`height`,`width`,`title`,`position`])):createCommentVNode(`v-if`,!0)],64))),256))]))],64))}}),_sfc_main$9=defineComponent({name:`MEditorScrollBar`,__name:`ScrollBar`,props:{size:{},scrollSize:{},isHorizontal:{type:Boolean},pos:{}},emits:[`scroll`],setup(e,{emit:t}){let n=e,r=t,i=useTemplateRef(`bar`),a=useTemplateRef(`thumb`),o=computed$1(()=>n.size*(n.size/n.scrollSize)),s=computed$1(()=>n.pos/n.scrollSize*n.size),c=computed$1(()=>({[n.isHorizontal?`width`:`height`]:`${o.value}px`,transform:`translate${n.isHorizontal?`X`:`Y`}(${s.value}px)`})),l;onMounted(()=>{a.value&&(l=new Gesto(a.value,{container:window}),l.on(`dragStart`,e=>{e.inputEvent.stopPropagation(),e.inputEvent.preventDefault()}).on(`drag`,e=>{f(d(e))}),i.value?.addEventListener(`wheel`,u,!1))}),onBeforeUnmount(()=>{l&&l.off(),i.value?.removeEventListener(`wheel`,u,!1)});let u=e=>{let t=n.isHorizontal?e.deltaX:e.deltaY;t&&e.preventDefault(),f(t)},d=e=>{let t=(n.isHorizontal?e.deltaX:e.deltaY)/n.size;return n.scrollSize*t},f=e=>{if(e<0)n.pos<=0?r(`scroll`,0):r(`scroll`,-Math.min(-e,n.pos));else{let t=n.size-(o.value+s.value);t<=0?r(`scroll`,0):r(`scroll`,Math.min(e,t))}};return(t,n)=>(openBlock(),createElementBlock(`div`,{ref:`bar`,class:normalizeClass([`m-editor-scroll-bar`,e.isHorizontal?`horizontal`:`vertical`])},[createBaseVNode(`div`,{ref:`thumb`,class:`m-editor-scroll-bar-thumb`,style:normalizeStyle(c.value)},null,4)],2))}}),_hoisted_1$4={class:`m-editor-scroll-viewer-container`,ref:`container`},_sfc_main$8=defineComponent({name:`MEditorScrollViewer`,__name:`ScrollViewer`,props:{width:{default:0},height:{default:0},wrapWidth:{default:0},wrapHeight:{default:0},zoom:{default:1},correctionScrollSize:{default:()=>({width:0,height:0})}},setup(e,{expose:t}){let n=e,r=useTemplateRef(`container`),i=useTemplateRef(`target`),a=computed$1(()=>`
|
||
width: ${isNumber$1(`${n.width}`)?`${n.width}px`:n.width};
|
||
height: ${isNumber$1(`${n.height}`)?`${n.height}px`:n.height};
|
||
position: absolute;
|
||
margin-top: 30px;
|
||
`),o=ref$1(0),s=ref$1(0),c;onMounted(()=>{!r.value||!i.value||(c=new ScrollViewer({container:r.value,target:i.value,zoom:n.zoom,correctionScrollSize:n.correctionScrollSize}),c.on(`scroll`,e=>{d.value=e.scrollLeft,l.value=e.scrollTop,o.value=e.scrollWidth,s.value=e.scrollHeight}))}),onBeforeUnmount(()=>{c.destroy()}),watch(()=>n.zoom,()=>{c.setZoom(n.zoom)});let l=ref$1(0),u=e=>{l.value+=e,c.scrollTo({top:l.value})},d=ref$1(0),f=e=>{d.value+=e,c.scrollTo({left:d.value})};return t({container:r}),(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$4,[createBaseVNode(`div`,{ref:`target`,style:normalizeStyle(a.value)},[renderSlot(t.$slots,`default`)],4),renderSlot(t.$slots,`content`),s.value>e.wrapHeight?(openBlock(),createBlock(_sfc_main$9,{key:0,"scroll-size":s.value,pos:l.value,size:e.wrapHeight,onScroll:u},null,8,[`scroll-size`,`pos`,`size`])):createCommentVNode(`v-if`,!0),o.value>e.wrapWidth?(openBlock(),createBlock(_sfc_main$9,{key:1,"is-horizontal":!0,"scroll-size":o.value,pos:d.value,size:e.wrapWidth,onScroll:f},null,8,[`scroll-size`,`pos`,`size`])):createCommentVNode(`v-if`,!0)],512))}}),_sfc_main$7=defineComponent({__name:`NodeListMenu`,setup(e){let t=useServices(),{editorService:n}=t,r=ref$1(!1),i=ref$1(!1),a=useTemplateRef(`button`),o=useTemplateRef(`box`),s=computed$1(()=>n.get(`stage`)),c=computed$1(()=>n.get(`page`)),l=computed$1(()=>n.get(`nodes`)),u=computed$1(()=>c.value?[c.value]:[]),{nodeStatusMap:d}=useNodeStatus(t),{filterTextChangeHandler:f}=useFilter(u,d,(e,t)=>t.id===e),p=watch(s,e=>{e&&(nextTick(()=>p()),e.on(`select`,(t,n)=>{let r=(e.renderer?.getElementsFromPoint(n)||[]).map(e=>getIdFromEl()(e)).filter(e=>!!e);i.value=r.length>3,f(r)}))},{immediate:!0});watch(l,e=>{if(d.value)for(let[t,n]of d.value.entries())n.selected=e.some(e=>e.id===t)},{immediate:!0});let m=async(e,t)=>{await n.select(t.id),s.value?.select(t.id)},g=ref$1({left:0,top:0});return watch(r,async e=>{if(!a.value||!e)return;await nextTick();let t=a.value.getBoundingClientRect(),n=o.value?.target?.clientHeight||0;g.value={left:t.left+t.width+5,top:t.top-n/2+t.height/2}}),(e,t)=>(openBlock(),createElementBlock(Fragment,null,[c.value&&i.value?(openBlock(),createBlock(unref(_sfc_main$2$19),{key:0,content:`点击查看当前位置下的组件`},{default:withCtx(()=>[createBaseVNode(`div`,{ref:`button`,class:`m-editor-stage-float-button`,onClick:t[0]||(t[0]=e=>r.value=!0)},`可选组件`,512)]),_:1})):createCommentVNode(`v-if`,!0),c.value&&unref(d)&&i.value?(openBlock(),createBlock(_sfc_main$1k,{key:1,ref:`box`,visible:r.value,"onUpdate:visible":t[1]||(t[1]=e=>r.value=e),title:`当前位置下的组件`,position:g.value},{body:withCtx(()=>[createVNode(_sfc_main$m,{class:`m-editor-node-list-menu magic-editor-layer-tree`,data:u.value,"node-status-map":unref(d),onNodeClick:m},null,8,[`data`,`node-status-map`])]),_:1},8,[`visible`,`position`])):createCommentVNode(`v-if`,!0)],64))}}),_hoisted_1$3$1={key:0,class:`m-editor-stage-overlay`},_sfc_main$6=defineComponent({__name:`StageOverlay`,setup(e){let{stageOverlayService:t,editorService:n,uiService:r}=useServices(),i=inject(`stageOptions`),a=useTemplateRef(`stageOverlay`),o=computed$1(()=>t.get(`stageOverlayVisible`)),s=computed$1(()=>t.get(`wrapWidth`)),c=computed$1(()=>t.get(`wrapHeight`)),l=computed$1(()=>n.get(`stage`)),u=computed$1(()=>r.get(`zoom`)),d=computed$1(()=>r.get(`columnWidth`)),f=computed$1(()=>r.get(`frameworkRect`)),p=computed$1(()=>({transform:`scale(${u.value})`}));watch(l,e=>{e?e.on(`dblclick`,async n=>{let r=await e.actionManager?.getElementFromPoint(n)||null;t.openOverlay(r)}):t.closeOverlay()}),watch(u,e=>{let n=t.get(`stage`);!n||!e||n.setZoom(e)}),watch(a,e=>{let n=t.createStage(i);if(t.set(`stage`,n),e&&n){n.mount(e);let{mask:r,renderer:i}=n,{contentWindow:a}=i;r?.showRule(!1),t.updateOverlay(),a?.magic.onRuntimeReady({})}}),onBeforeUnmount(()=>{t.get(`stage`)?.destroy(),t.set(`stage`,null)});let m=()=>{t.closeOverlay()};return(e,t)=>o.value?(openBlock(),createElementBlock(`div`,_hoisted_1$3$1,[createVNode(unref(_sfc_main$n$2),{class:`m-editor-stage-overlay-close`,size:`30`,onClick:m},{default:withCtx(()=>[createVNode(unref(close_bold_default))]),_:1}),createVNode(_sfc_main$8,{class:`m-editor-stage`,width:s.value,height:c.value,"wrap-width":d.value.center,"wrap-height":f.value.height,zoom:u.value},{default:withCtx(()=>[createBaseVNode(`div`,{ref:`stageOverlay`,class:`m-editor-stage-container`,style:normalizeStyle(p.value)},null,4)]),_:1},8,[`width`,`height`,`wrap-width`,`wrap-height`,`zoom`])])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$2$1={viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},_sfc_main$5=defineComponent({name:`MEditorCenterIcon`,__name:`CenterIcon`,setup(e){return(e,t)=>(openBlock(),createElementBlock(`svg`,_hoisted_1$2$1,[...t[0]||(t[0]=[createBaseVNode(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M2 4H21V6H2V4Z`,fill:`black`,"fill-opacity":`0.9`},null,-1),createBaseVNode(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M5 11H18V13H5V11Z`,fill:`black`,"fill-opacity":`0.9`},null,-1),createBaseVNode(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M2 18H21V20H2V18Z`,fill:`black`,"fill-opacity":`0.9`},null,-1)])]))}}),_sfc_main$4=defineComponent({name:`MEditorViewerMenu`,__name:`ViewerMenu`,props:{isMultiSelect:{type:Boolean,default:!1},stageContentMenu:{},customContentMenu:{}},setup(e,{expose:t}){let n=e,r=useServices(),{editorService:i}=r,a=useTemplateRef(`menu`),o=ref$1(!1),s=computed$1(()=>i.get(`node`)),c=computed$1(()=>i.get(`nodes`)),l=computed$1(()=>i.get(`parent`)),u=computed$1(()=>n.customContentMenu([{type:`button`,text:`水平居中`,icon:markRaw(_sfc_main$5),display:()=>o.value,handler:()=>{c.value&&i.alignCenter(c.value)}},useCopyMenu(),usePasteMenu(a),{type:`divider`,direction:`horizontal`,display:()=>s.value?!isPage(s.value)&&!isPageFragment(s.value):!1},{type:`button`,text:`上移一层`,icon:markRaw(top_default),display:()=>!isPage(s.value)&&!isPageFragment(s.value)&&!n.isMultiSelect,handler:()=>{i.moveLayer(1)}},{type:`button`,text:`下移一层`,icon:markRaw(bottom_default),display:()=>!isPage(s.value)&&!isPageFragment(s.value)&&!n.isMultiSelect,handler:()=>{i.moveLayer(-1)}},{type:`button`,text:`置顶`,icon:markRaw(top_default),display:()=>!isPage(s.value)&&!isPageFragment(s.value)&&!n.isMultiSelect,handler:()=>{i.moveLayer(LayerOffset.TOP)}},{type:`button`,text:`置底`,icon:markRaw(bottom_default),display:()=>!isPage(s.value)&&!isPageFragment(s.value)&&!n.isMultiSelect,handler:()=>{i.moveLayer(LayerOffset.BOTTOM)}},useMoveToMenu(r),{type:`divider`,direction:`horizontal`,display:()=>!isPage(s.value)&&!isPageFragment(s.value)&&!n.isMultiSelect},useDeleteMenu(),{type:`divider`,direction:`horizontal`},{type:`button`,text:`清空参考线`,handler:()=>{i.get(`stage`)?.clearGuides()}},...n.stageContentMenu],`viewer`));return watch(l,async()=>{if(!l.value)return o.value=!1;let e=await i.getLayout(l.value),t=[Layout.ABSOLUTE,Layout.FIXED].includes(e),n=c.value?.every(e=>![NodeType.ROOT,NodeType.PAGE,`pop`].includes(`${e?.type}`));o.value=t&&!!n},{immediate:!0}),t({show:e=>{a.value?.show(e)}}),(e,t)=>(openBlock(),createBlock(_sfc_main$p,{"menu-data":u.value,ref:`menu`},null,8,[`menu-data`]))}}),_sfc_main$3=defineComponent({name:`MEditorStage`,__name:`Stage`,props:{stageOptions:{},stageContentMenu:{},disabledStageOverlay:{type:Boolean,default:!1},customContentMenu:{}},setup(e){let t=e,n=null,r=null,{editorService:i,uiService:a,keybindingService:o}=useServices(),s=computed$1(()=>i.get(`stageLoading`)),c=useTemplateRef(`stageWrap`),l=useTemplateRef(`stageContainer`),u=useTemplateRef(`menu`),d=computed$1(()=>i.get(`nodes`)),f=computed$1(()=>d.value.length>1),p=computed$1(()=>a.get(`stageRect`)),m=computed$1(()=>a.get(`stageContainerRect`)),g=computed$1(()=>i.get(`root`)),_=computed$1(()=>i.get(`page`)),v=computed$1(()=>a.get(`zoom`)),y=computed$1(()=>i.get(`node`));watchEffect(()=>{n||!_.value||l.value&&(!(t.stageOptions?.runtimeUrl||t.stageOptions?.render)||!g.value||(n=useStage(t.stageOptions),n.on(`select`,()=>{c.value?.container?.focus()}),i.set(`stage`,markRaw(n)),n.mount(l.value),y.value?.id&&n.on(`runtime-ready`,e=>{r=e})))}),onBeforeUnmount(()=>{n?.destroy(),i.set(`stage`,null)}),watch(v,e=>{!n||!e||n.setZoom(e)});let b=null;watch(_,e=>{if(r&&e){i.set(`stageLoading`,!0),b&&globalThis.clearTimeout(b),b=globalThis.setTimeout(()=>{i.set(`stageLoading`,!1),b=null},3e3),r.updatePageId?.(e.id);let t=watch(s,()=>{s.value||nextTick(()=>{n?.select(e.id),t()})},{immediate:!0})}});let x=new globalThis.ResizeObserver(e=>{for(let{contentRect:t}of e)a.set(`stageContainerRect`,{width:t.width,height:t.height})});onMounted(()=>{c.value?.container&&(x.observe(c.value.container),o.registerEl(KeyBindingContainerKey.STAGE,c.value.container))}),onBeforeUnmount(()=>{n?.destroy(),n=null,x.disconnect(),i.set(`stage`,null),o.unregisterEl(`stage`)});let S=getEditorConfig(`parseDSL`),C=e=>{e.preventDefault(),u.value?.show(e)},w=e=>{e.dataTransfer&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`)},T=async e=>{if(!e.dataTransfer)return;let r=e.dataTransfer.getData(`text/json`);if(!r)return;let a=S(`(${r})`);if(!a||a.dragType!==DragType.COMPONENT_LIST)return;e.preventDefault();let o=n?.renderer?.contentWindow?.document,s=o?.querySelector(`.${t.stageOptions?.containerHighlightClassName}`),c=_.value,u=getIdFromEl()(s);if(u&&(c=i.getNodeById(u,!1)),c&&l.value&&n){let t=await i.getLayout(c),r=l.value.getBoundingClientRect(),{scrollTop:u,scrollLeft:d}=n.mask,{style:f={}}=a.data,p=0,m=0,g=`relative`;if(f.position===`fixed`)g=`fixed`,p=e.clientY-r.top,m=e.clientX-r.left;else if(t===Layout.ABSOLUTE&&(g=`absolute`,p=e.clientY-r.top+u,m=e.clientX-r.left+d,s)){let{left:e,top:t}=getOffset(s);m-=e*v.value,p-=t*v.value}a.data.style={...f,position:g,top:calcValueByFontsize(o,p/v.value),left:calcValueByFontsize(o,m/v.value)},a.data.inputEvent=e,i.add(a.data,c)}};return(t,n)=>{let r=resolveDirective(`loading`);return withDirectives((openBlock(),createBlock(_sfc_main$8,{class:`m-editor-stage`,ref:`stageWrap`,tabindex:`-1`,"element-loading-text":`Runtime 加载中...`,width:p.value?.width,height:p.value?.height,"wrap-width":m.value?.width,"wrap-height":m.value?.height,zoom:v.value,"correction-scroll-size":{width:60,height:50},onClick:n[0]||(n[0]=e=>c.value?.container?.focus())},{content:withCtx(()=>[e.disabledStageOverlay?createCommentVNode(`v-if`,!0):(openBlock(),createBlock(_sfc_main$6,{key:0})),(openBlock(),createBlock(Teleport,{to:`body`},[createVNode(_sfc_main$4,{ref:`menu`,"is-multi-select":f.value,"stage-content-menu":e.stageContentMenu,"custom-content-menu":e.customContentMenu},null,8,[`is-multi-select`,`stage-content-menu`,`custom-content-menu`])]))]),default:withCtx(()=>[createBaseVNode(`div`,{class:`m-editor-stage-container`,ref:`stageContainer`,style:normalizeStyle(`transform: scale(${v.value});`),onContextmenu:C,onDrop:T,onDragover:w},null,36),createVNode(_sfc_main$7)]),_:1},8,[`width`,`height`,`wrap-width`,`wrap-height`,`zoom`])),[[r,s.value]])}}}),_hoisted_1$1$1={key:0,class:`m-editor-breadcrumb`},_hoisted_2$10={key:0},_sfc_main$2=defineComponent({name:`MEditorBreadcrumb`,__name:`Breadcrumb`,setup(e){let{editorService:t}=useServices(),n=computed$1(()=>t.get(`node`)),r=computed$1(()=>t.get(`nodes`)),i=computed$1(()=>t.get(`root`)),a=computed$1(()=>getNodePath(n.value?.id||``,i.value?.items||[])),o=async e=>{await t.select(e),t.get(`stage`)?.select(e.id)};return(e,t)=>r.value.length===1?(openBlock(),createElementBlock(`div`,_hoisted_1$1$1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(a.value,(e,t)=>(openBlock(),createElementBlock(Fragment,{key:e.id},[createVNode(unref(_sfc_main$F$1),{link:``,disabled:e.id===n.value?.id,onClick:t=>o(e)},{default:withCtx(()=>[createTextVNode(toDisplayString(e.name),1)]),_:2},1032,[`disabled`,`onClick`]),t<a.value.length-1?(openBlock(),createElementBlock(`span`,_hoisted_2$10,`/`)):createCommentVNode(`v-if`,!0)],64))),128))])):createCommentVNode(`v-if`,!0)}}),_hoisted_1$10={class:`m-editor-workspace`},_sfc_main$1=defineComponent({name:`MEditorWorkspace`,__name:`Workspace`,props:{stageContentMenu:{},disabledStageOverlay:{type:Boolean,default:!1},customContentMenu:{}},setup(e){let t=inject(`stageOptions`),{editorService:n}=useServices(),r=computed$1(()=>n.get(`page`));return(n,i)=>(openBlock(),createElementBlock(`div`,_hoisted_1$10,[createVNode(_sfc_main$2),renderSlot(n.$slots,`stage`,{},()=>[r.value&&(unref(t)?.render||unref(t)?.runtimeUrl)?(openBlock(),createBlock(_sfc_main$3,{key:0,"stage-options":unref(t),"disabled-stage-overlay":e.disabledStageOverlay,"stage-content-menu":e.stageContentMenu,"custom-content-menu":e.customContentMenu},null,8,[`stage-options`,`disabled-stage-overlay`,`stage-content-menu`,`custom-content-menu`])):createCommentVNode(`v-if`,!0)]),renderSlot(n.$slots,`workspace-content`)]))}}),canUsePluginMethods$3={async:[`setCodeDslById`,`setEditStatus`,`setCombineIds`,`setUndeleteableList`,`deleteCodeDslByIds`],sync:[`setCodeDslByIdSync`]},CodeBlock=class extends BaseService{constructor(){super([...canUsePluginMethods$3.async.map(e=>({name:e,isAsync:!0})),...canUsePluginMethods$3.sync.map(e=>({name:e,isAsync:!1}))]),_defineProperty$1(this,`state`,reactive$1({codeDsl:null,editable:!0,combineIds:[],undeletableList:[],paramsColConfig:void 0}))}async setCodeDsl(e){this.state.codeDsl=e,this.emit(`code-dsl-change`,this.state.codeDsl)}getCodeDsl(){return this.state.codeDsl}getCodeContentById(e){if(!e)return null;let t=this.getCodeDsl();return t?t[e]??null:null}async setCodeDslById(e,t){this.setCodeDslByIdSync(e,t,!0)}setCodeDslByIdSync(e,t,n=!0){let r=this.getCodeDsl();if(!r)throw Error(`dsl中没有codeBlocks`);if(r[e]&&!n)return;let i=cloneDeep(t);if(i.content){let e=getEditorConfig(`parseDSL`);typeof i.content==`string`&&(i.content=e(i.content))}r[e]={...r[e]||{},...i},this.emit(`addOrUpdate`,e,r[e])}getCodeDslByIds(e){return pick(this.getCodeDsl(),e)}getEditStatus(){return this.state.editable}async setEditStatus(e){this.state.editable=e}async setCombineIds(e){this.state.combineIds=e}getCombineIds(){return this.state.combineIds}getUndeletableList(){return this.state.undeletableList}async setUndeleteableList(e){this.state.undeletableList=e}setCodeDraft(e,t){globalThis.localStorage.setItem(`${CODE_DRAFT_STORAGE_KEY}_${e}`,t)}getCodeDraft(e){return globalThis.localStorage.getItem(`${CODE_DRAFT_STORAGE_KEY}_${e}`)}removeCodeDraft(e){globalThis.localStorage.removeItem(`${CODE_DRAFT_STORAGE_KEY}_${e}`)}async deleteCodeDslByIds(e){let t=await this.getCodeDsl();t&&e.forEach(e=>{delete t[e],this.emit(`remove`,e)})}setParamsColConfig(e){this.state.paramsColConfig=e}getParamsColConfig(){return this.state.paramsColConfig}async getUniqueId(){let e=`code_${Math.random().toString(10).substring(2).substring(0,4)}`;return keys$1(await this.getCodeDsl()).includes(e)?await this.getUniqueId():e}copyWithRelated(e,t){let n=Array.isArray(e)?e:[e],r={};if(t&&typeof t.isTarget==`function`){let e=new Target({...t}),i=new Watcher;i.addTarget(e),i.collect(n,{},!0,t.type),Object.keys(e.deps).forEach(t=>{let n=editorService.getNodeById(t);n&&e.deps[t].keys.forEach(e=>{let t=get(n,e);if(!Object.keys(r).find(e=>e===t)){let e=this.getCodeContentById(t);e&&(r[t]=e)}})})}storageService.setItem(COPY_CODE_STORAGE_KEY,r,{protocol:Protocol.OBJECT})}paste(){let e=storageService.getItem(COPY_CODE_STORAGE_KEY);Object.keys(e).forEach(t=>{this.setCodeDslByIdSync(t,e[t],!1)})}resetState(){this.state.codeDsl=null,this.state.editable=!0,this.state.combineIds=[],this.state.undeletableList=[]}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}},codeBlockService=new CodeBlock,ComponentList=class extends BaseService{constructor(){super([]),_defineProperty$1(this,`state`,shallowReactive({list:[]}))}setList(e){this.state.list=e}getList(){return this.state.list}resetState(){this.state.list=[]}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}},componentListService=new ComponentList,canUsePluginMethods$2={sync:[`getFormConfig`,`setFormConfig`,`getFormValue`,`setFormValue`,`getFormEvent`,`setFormEvent`,`getFormMethod`,`setFormMethod`,`add`,`update`,`remove`,`createId`]},DataSource=class extends BaseService{constructor(){super(canUsePluginMethods$2.sync.map(e=>({name:e,isAsync:!1}))),_defineProperty$1(this,`state`,reactive$1({datasourceTypeList:[],dataSources:[],editable:!0,configs:{},values:{},events:{},methods:{}}))}set(e,t){this.state[e]=t}get(e){return this.state[e]}getFormConfig(e=`base`){return getFormConfig(toLine(e),this.get(`configs`))}setFormConfig(e,t){this.get(`configs`)[toLine(e)]=t}getFormValue(e=`base`){return getFormValue(toLine(e),this.get(`values`)[e])}setFormValue(e,t){this.get(`values`)[toLine(e)]=t}getFormEvent(e=`base`){return this.get(`events`)[toLine(e)]||[]}setFormEvent(e,t=[]){this.get(`events`)[toLine(e)]=t}getFormMethod(e=`base`){return this.get(`methods`)[toLine(e)]||[]}setFormMethod(e,t=[]){this.get(`methods`)[toLine(e)]=t}add(e){let t={...e,id:e.id&&!this.getDataSourceById(e.id)?e.id:this.createId()};return this.get(`dataSources`).push(t),this.emit(`add`,t),t}update(e,{changeRecords:t=[]}={}){let n=this.get(`dataSources`),r=n.findIndex(t=>t.id===e.id),i=n[r],a=cloneDeep(e);return n[r]=a,this.emit(`update`,a,{oldConfig:i,changeRecords:t}),a}remove(e){let t=this.get(`dataSources`),n=t.findIndex(t=>t.id===e);t.splice(n,1),this.emit(`remove`,e)}createId(){return`ds_${guid()}`}getDataSourceById(e){return this.get(`dataSources`).find(t=>t.id===e)}resetState(){this.set(`dataSources`,[])}destroy(){this.removeAllListeners(),this.resetState(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}copyWithRelated(e,t){let n=Array.isArray(e)?e:[e],r=[];if(t&&typeof t.isTarget==`function`){let e=new Target({...t}),i=new Watcher;i.addTarget(e),i.collect(n,{},!0,t.type),Object.keys(e.deps).forEach(t=>{let n=editorService.getNodeById(t);n&&e.deps[t].keys.forEach(e=>{let[t]=get(n,e);if(!r.find(e=>e.id===t)){let e=this.getDataSourceById(t);e&&r.push(e)}})})}storageService.setItem(COPY_DS_STORAGE_KEY,r,{protocol:Protocol.OBJECT})}paste(){storageService.getItem(COPY_DS_STORAGE_KEY).forEach(e=>{this.getDataSourceById(e.id)||this.add(e)})}},dataSourceService=new DataSource,jsContent=`(function () {
|
||
'use strict';
|
||
|
||
var events = {exports: {}};
|
||
|
||
var hasRequiredEvents;
|
||
|
||
function requireEvents () {
|
||
if (hasRequiredEvents) return events.exports;
|
||
hasRequiredEvents = 1;
|
||
|
||
var R = typeof Reflect === 'object' ? Reflect : null;
|
||
var ReflectApply = R && typeof R.apply === 'function'
|
||
? R.apply
|
||
: function ReflectApply(target, receiver, args) {
|
||
return Function.prototype.apply.call(target, receiver, args);
|
||
};
|
||
|
||
var ReflectOwnKeys;
|
||
if (R && typeof R.ownKeys === 'function') {
|
||
ReflectOwnKeys = R.ownKeys;
|
||
} else if (Object.getOwnPropertySymbols) {
|
||
ReflectOwnKeys = function ReflectOwnKeys(target) {
|
||
return Object.getOwnPropertyNames(target)
|
||
.concat(Object.getOwnPropertySymbols(target));
|
||
};
|
||
} else {
|
||
ReflectOwnKeys = function ReflectOwnKeys(target) {
|
||
return Object.getOwnPropertyNames(target);
|
||
};
|
||
}
|
||
|
||
function ProcessEmitWarning(warning) {
|
||
if (console && console.warn) console.warn(warning);
|
||
}
|
||
|
||
var NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {
|
||
return value !== value;
|
||
};
|
||
|
||
function EventEmitter() {
|
||
EventEmitter.init.call(this);
|
||
}
|
||
events.exports = EventEmitter;
|
||
events.exports.once = once;
|
||
|
||
// Backwards-compat with node 0.10.x
|
||
EventEmitter.EventEmitter = EventEmitter;
|
||
|
||
EventEmitter.prototype._events = undefined;
|
||
EventEmitter.prototype._eventsCount = 0;
|
||
EventEmitter.prototype._maxListeners = undefined;
|
||
|
||
// By default EventEmitters will print a warning if more than 10 listeners are
|
||
// added to it. This is a useful default which helps finding memory leaks.
|
||
var defaultMaxListeners = 10;
|
||
|
||
function checkListener(listener) {
|
||
if (typeof listener !== 'function') {
|
||
throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
|
||
}
|
||
}
|
||
|
||
Object.defineProperty(EventEmitter, 'defaultMaxListeners', {
|
||
enumerable: true,
|
||
get: function() {
|
||
return defaultMaxListeners;
|
||
},
|
||
set: function(arg) {
|
||
if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {
|
||
throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + '.');
|
||
}
|
||
defaultMaxListeners = arg;
|
||
}
|
||
});
|
||
|
||
EventEmitter.init = function() {
|
||
|
||
if (this._events === undefined ||
|
||
this._events === Object.getPrototypeOf(this)._events) {
|
||
this._events = Object.create(null);
|
||
this._eventsCount = 0;
|
||
}
|
||
|
||
this._maxListeners = this._maxListeners || undefined;
|
||
};
|
||
|
||
// Obviously not all Emitters should be limited to 10. This function allows
|
||
// that to be increased. Set to zero for unlimited.
|
||
EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
|
||
if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {
|
||
throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + '.');
|
||
}
|
||
this._maxListeners = n;
|
||
return this;
|
||
};
|
||
|
||
function _getMaxListeners(that) {
|
||
if (that._maxListeners === undefined)
|
||
return EventEmitter.defaultMaxListeners;
|
||
return that._maxListeners;
|
||
}
|
||
|
||
EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
|
||
return _getMaxListeners(this);
|
||
};
|
||
|
||
EventEmitter.prototype.emit = function emit(type) {
|
||
var args = [];
|
||
for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);
|
||
var doError = (type === 'error');
|
||
|
||
var events = this._events;
|
||
if (events !== undefined)
|
||
doError = (doError && events.error === undefined);
|
||
else if (!doError)
|
||
return false;
|
||
|
||
// If there is no 'error' event listener then throw.
|
||
if (doError) {
|
||
var er;
|
||
if (args.length > 0)
|
||
er = args[0];
|
||
if (er instanceof Error) {
|
||
// Note: The comments on the \`throw\` lines are intentional, they show
|
||
// up in Node's output if this results in an unhandled exception.
|
||
throw er; // Unhandled 'error' event
|
||
}
|
||
// At least give some kind of context to the user
|
||
var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));
|
||
err.context = er;
|
||
throw err; // Unhandled 'error' event
|
||
}
|
||
|
||
var handler = events[type];
|
||
|
||
if (handler === undefined)
|
||
return false;
|
||
|
||
if (typeof handler === 'function') {
|
||
ReflectApply(handler, this, args);
|
||
} else {
|
||
var len = handler.length;
|
||
var listeners = arrayClone(handler, len);
|
||
for (var i = 0; i < len; ++i)
|
||
ReflectApply(listeners[i], this, args);
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
function _addListener(target, type, listener, prepend) {
|
||
var m;
|
||
var events;
|
||
var existing;
|
||
|
||
checkListener(listener);
|
||
|
||
events = target._events;
|
||
if (events === undefined) {
|
||
events = target._events = Object.create(null);
|
||
target._eventsCount = 0;
|
||
} else {
|
||
// To avoid recursion in the case that type === "newListener"! Before
|
||
// adding it to the listeners, first emit "newListener".
|
||
if (events.newListener !== undefined) {
|
||
target.emit('newListener', type,
|
||
listener.listener ? listener.listener : listener);
|
||
|
||
// Re-assign \`events\` because a newListener handler could have caused the
|
||
// this._events to be assigned to a new object
|
||
events = target._events;
|
||
}
|
||
existing = events[type];
|
||
}
|
||
|
||
if (existing === undefined) {
|
||
// Optimize the case of one listener. Don't need the extra array object.
|
||
existing = events[type] = listener;
|
||
++target._eventsCount;
|
||
} else {
|
||
if (typeof existing === 'function') {
|
||
// Adding the second element, need to change to array.
|
||
existing = events[type] =
|
||
prepend ? [listener, existing] : [existing, listener];
|
||
// If we've already got an array, just append.
|
||
} else if (prepend) {
|
||
existing.unshift(listener);
|
||
} else {
|
||
existing.push(listener);
|
||
}
|
||
|
||
// Check for listener leak
|
||
m = _getMaxListeners(target);
|
||
if (m > 0 && existing.length > m && !existing.warned) {
|
||
existing.warned = true;
|
||
// No error code for this since it is a Warning
|
||
// eslint-disable-next-line no-restricted-syntax
|
||
var w = new Error('Possible EventEmitter memory leak detected. ' +
|
||
existing.length + ' ' + String(type) + ' listeners ' +
|
||
'added. Use emitter.setMaxListeners() to ' +
|
||
'increase limit');
|
||
w.name = 'MaxListenersExceededWarning';
|
||
w.emitter = target;
|
||
w.type = type;
|
||
w.count = existing.length;
|
||
ProcessEmitWarning(w);
|
||
}
|
||
}
|
||
|
||
return target;
|
||
}
|
||
|
||
EventEmitter.prototype.addListener = function addListener(type, listener) {
|
||
return _addListener(this, type, listener, false);
|
||
};
|
||
|
||
EventEmitter.prototype.on = EventEmitter.prototype.addListener;
|
||
|
||
EventEmitter.prototype.prependListener =
|
||
function prependListener(type, listener) {
|
||
return _addListener(this, type, listener, true);
|
||
};
|
||
|
||
function onceWrapper() {
|
||
if (!this.fired) {
|
||
this.target.removeListener(this.type, this.wrapFn);
|
||
this.fired = true;
|
||
if (arguments.length === 0)
|
||
return this.listener.call(this.target);
|
||
return this.listener.apply(this.target, arguments);
|
||
}
|
||
}
|
||
|
||
function _onceWrap(target, type, listener) {
|
||
var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };
|
||
var wrapped = onceWrapper.bind(state);
|
||
wrapped.listener = listener;
|
||
state.wrapFn = wrapped;
|
||
return wrapped;
|
||
}
|
||
|
||
EventEmitter.prototype.once = function once(type, listener) {
|
||
checkListener(listener);
|
||
this.on(type, _onceWrap(this, type, listener));
|
||
return this;
|
||
};
|
||
|
||
EventEmitter.prototype.prependOnceListener =
|
||
function prependOnceListener(type, listener) {
|
||
checkListener(listener);
|
||
this.prependListener(type, _onceWrap(this, type, listener));
|
||
return this;
|
||
};
|
||
|
||
// Emits a 'removeListener' event if and only if the listener was removed.
|
||
EventEmitter.prototype.removeListener =
|
||
function removeListener(type, listener) {
|
||
var list, events, position, i, originalListener;
|
||
|
||
checkListener(listener);
|
||
|
||
events = this._events;
|
||
if (events === undefined)
|
||
return this;
|
||
|
||
list = events[type];
|
||
if (list === undefined)
|
||
return this;
|
||
|
||
if (list === listener || list.listener === listener) {
|
||
if (--this._eventsCount === 0)
|
||
this._events = Object.create(null);
|
||
else {
|
||
delete events[type];
|
||
if (events.removeListener)
|
||
this.emit('removeListener', type, list.listener || listener);
|
||
}
|
||
} else if (typeof list !== 'function') {
|
||
position = -1;
|
||
|
||
for (i = list.length - 1; i >= 0; i--) {
|
||
if (list[i] === listener || list[i].listener === listener) {
|
||
originalListener = list[i].listener;
|
||
position = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
if (position < 0)
|
||
return this;
|
||
|
||
if (position === 0)
|
||
list.shift();
|
||
else {
|
||
spliceOne(list, position);
|
||
}
|
||
|
||
if (list.length === 1)
|
||
events[type] = list[0];
|
||
|
||
if (events.removeListener !== undefined)
|
||
this.emit('removeListener', type, originalListener || listener);
|
||
}
|
||
|
||
return this;
|
||
};
|
||
|
||
EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
|
||
|
||
EventEmitter.prototype.removeAllListeners =
|
||
function removeAllListeners(type) {
|
||
var listeners, events, i;
|
||
|
||
events = this._events;
|
||
if (events === undefined)
|
||
return this;
|
||
|
||
// not listening for removeListener, no need to emit
|
||
if (events.removeListener === undefined) {
|
||
if (arguments.length === 0) {
|
||
this._events = Object.create(null);
|
||
this._eventsCount = 0;
|
||
} else if (events[type] !== undefined) {
|
||
if (--this._eventsCount === 0)
|
||
this._events = Object.create(null);
|
||
else
|
||
delete events[type];
|
||
}
|
||
return this;
|
||
}
|
||
|
||
// emit removeListener for all listeners on all events
|
||
if (arguments.length === 0) {
|
||
var keys = Object.keys(events);
|
||
var key;
|
||
for (i = 0; i < keys.length; ++i) {
|
||
key = keys[i];
|
||
if (key === 'removeListener') continue;
|
||
this.removeAllListeners(key);
|
||
}
|
||
this.removeAllListeners('removeListener');
|
||
this._events = Object.create(null);
|
||
this._eventsCount = 0;
|
||
return this;
|
||
}
|
||
|
||
listeners = events[type];
|
||
|
||
if (typeof listeners === 'function') {
|
||
this.removeListener(type, listeners);
|
||
} else if (listeners !== undefined) {
|
||
// LIFO order
|
||
for (i = listeners.length - 1; i >= 0; i--) {
|
||
this.removeListener(type, listeners[i]);
|
||
}
|
||
}
|
||
|
||
return this;
|
||
};
|
||
|
||
function _listeners(target, type, unwrap) {
|
||
var events = target._events;
|
||
|
||
if (events === undefined)
|
||
return [];
|
||
|
||
var evlistener = events[type];
|
||
if (evlistener === undefined)
|
||
return [];
|
||
|
||
if (typeof evlistener === 'function')
|
||
return unwrap ? [evlistener.listener || evlistener] : [evlistener];
|
||
|
||
return unwrap ?
|
||
unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
|
||
}
|
||
|
||
EventEmitter.prototype.listeners = function listeners(type) {
|
||
return _listeners(this, type, true);
|
||
};
|
||
|
||
EventEmitter.prototype.rawListeners = function rawListeners(type) {
|
||
return _listeners(this, type, false);
|
||
};
|
||
|
||
EventEmitter.listenerCount = function(emitter, type) {
|
||
if (typeof emitter.listenerCount === 'function') {
|
||
return emitter.listenerCount(type);
|
||
} else {
|
||
return listenerCount.call(emitter, type);
|
||
}
|
||
};
|
||
|
||
EventEmitter.prototype.listenerCount = listenerCount;
|
||
function listenerCount(type) {
|
||
var events = this._events;
|
||
|
||
if (events !== undefined) {
|
||
var evlistener = events[type];
|
||
|
||
if (typeof evlistener === 'function') {
|
||
return 1;
|
||
} else if (evlistener !== undefined) {
|
||
return evlistener.length;
|
||
}
|
||
}
|
||
|
||
return 0;
|
||
}
|
||
|
||
EventEmitter.prototype.eventNames = function eventNames() {
|
||
return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];
|
||
};
|
||
|
||
function arrayClone(arr, n) {
|
||
var copy = new Array(n);
|
||
for (var i = 0; i < n; ++i)
|
||
copy[i] = arr[i];
|
||
return copy;
|
||
}
|
||
|
||
function spliceOne(list, index) {
|
||
for (; index + 1 < list.length; index++)
|
||
list[index] = list[index + 1];
|
||
list.pop();
|
||
}
|
||
|
||
function unwrapListeners(arr) {
|
||
var ret = new Array(arr.length);
|
||
for (var i = 0; i < ret.length; ++i) {
|
||
ret[i] = arr[i].listener || arr[i];
|
||
}
|
||
return ret;
|
||
}
|
||
|
||
function once(emitter, name) {
|
||
return new Promise(function (resolve, reject) {
|
||
function errorListener(err) {
|
||
emitter.removeListener(name, resolver);
|
||
reject(err);
|
||
}
|
||
|
||
function resolver() {
|
||
if (typeof emitter.removeListener === 'function') {
|
||
emitter.removeListener('error', errorListener);
|
||
}
|
||
resolve([].slice.call(arguments));
|
||
}
|
||
eventTargetAgnosticAddListener(emitter, name, resolver, { once: true });
|
||
if (name !== 'error') {
|
||
addErrorHandlerIfEventEmitter(emitter, errorListener, { once: true });
|
||
}
|
||
});
|
||
}
|
||
|
||
function addErrorHandlerIfEventEmitter(emitter, handler, flags) {
|
||
if (typeof emitter.on === 'function') {
|
||
eventTargetAgnosticAddListener(emitter, 'error', handler, flags);
|
||
}
|
||
}
|
||
|
||
function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
|
||
if (typeof emitter.on === 'function') {
|
||
if (flags.once) {
|
||
emitter.once(name, listener);
|
||
} else {
|
||
emitter.on(name, listener);
|
||
}
|
||
} else if (typeof emitter.addEventListener === 'function') {
|
||
// EventTarget does not have \`error\` event semantics like Node
|
||
// EventEmitters, we do not listen for \`error\` events here.
|
||
emitter.addEventListener(name, function wrapListener(arg) {
|
||
// IE does not have builtin \`{ once: true }\` support so we
|
||
// have to do it manually.
|
||
if (flags.once) {
|
||
emitter.removeEventListener(name, wrapListener);
|
||
}
|
||
listener(arg);
|
||
});
|
||
} else {
|
||
throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof emitter);
|
||
}
|
||
}
|
||
return events.exports;
|
||
}
|
||
|
||
requireEvents();
|
||
|
||
/*! *****************************************************************************\r
|
||
Copyright (c) Microsoft Corporation.\r
|
||
\r
|
||
Permission to use, copy, modify, and/or distribute this software for any\r
|
||
purpose with or without fee is hereby granted.\r
|
||
\r
|
||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r
|
||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r
|
||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r
|
||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r
|
||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r
|
||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r
|
||
PERFORMANCE OF THIS SOFTWARE.\r
|
||
***************************************************************************** */\r
|
||
\r
|
||
|
||
let cachedTextEncoder = new TextEncoder("utf-8");
|
||
|
||
typeof cachedTextEncoder.encodeInto === "function"
|
||
? function (arg, view) {
|
||
return cachedTextEncoder.encodeInto(arg, view);
|
||
}
|
||
: function (arg, view) {
|
||
const buf = cachedTextEncoder.encode(arg);
|
||
view.set(buf);
|
||
return {
|
||
read: arg.length,
|
||
written: buf.length,
|
||
};
|
||
};
|
||
|
||
const NODE_CONDS_KEY = "displayConds";
|
||
const NODE_DISABLE_DATA_SOURCE_KEY = "_tmagic_node_disabled_data_source";
|
||
const NODE_DISABLE_CODE_BLOCK_KEY = "_tmagic_node_disabled_code_block";
|
||
var HookType = /* @__PURE__ */ ((HookType2) => {
|
||
HookType2["CODE"] = "code";
|
||
return HookType2;
|
||
})(HookType || {});
|
||
|
||
const isObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
|
||
const getKeysArray = (keys) => (
|
||
// 将 array[0] 转成 array.0
|
||
\`\${keys}\`.replace(/\\[(\\d+)\\]/g, ".$1").split(".")
|
||
);
|
||
const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = "ds-field::";
|
||
const dataSourceTemplateRegExp = /\\$\\{([\\s\\S]+?)\\}/g;
|
||
|
||
var DepTargetType = /* @__PURE__ */ ((DepTargetType2) => {
|
||
DepTargetType2["DEFAULT"] = "default";
|
||
DepTargetType2["CODE_BLOCK"] = "code-block";
|
||
DepTargetType2["DATA_SOURCE"] = "data-source";
|
||
DepTargetType2["DATA_SOURCE_METHOD"] = "data-source-method";
|
||
DepTargetType2["DATA_SOURCE_COND"] = "data-source-cond";
|
||
return DepTargetType2;
|
||
})(DepTargetType || {});
|
||
|
||
class Target {
|
||
/**
|
||
* 如何识别目标
|
||
*/
|
||
isTarget;
|
||
/**
|
||
* 目标id,不可重复
|
||
* 例如目标是代码块,则为代码块id
|
||
*/
|
||
id;
|
||
/**
|
||
* 目标名称,用于显示在依赖列表中
|
||
*/
|
||
name;
|
||
/**
|
||
* 不同的目标可以进行分类,例如代码块,数据源可以为两个不同的type
|
||
*/
|
||
type = DepTargetType.DEFAULT;
|
||
/**
|
||
* 依赖详情
|
||
* 实例:{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }
|
||
*/
|
||
deps = {};
|
||
/**
|
||
* 是否默认收集,默认为true,当值为false时需要传入type参数给collect方法才会被收集
|
||
*/
|
||
isCollectByDefault;
|
||
constructor(options) {
|
||
this.isTarget = options.isTarget;
|
||
this.id = options.id;
|
||
this.name = options.name;
|
||
this.isCollectByDefault = options.isCollectByDefault ?? true;
|
||
if (options.type) {
|
||
this.type = options.type;
|
||
}
|
||
if (options.initialDeps) {
|
||
this.deps = options.initialDeps;
|
||
}
|
||
}
|
||
/**
|
||
* 更新依赖
|
||
* @param option 节点配置
|
||
* @param key 哪个key配置了这个目标的id
|
||
*/
|
||
updateDep({ id, name, key, data }) {
|
||
const dep = this.deps[id] || {
|
||
name,
|
||
keys: []
|
||
};
|
||
dep.name = name;
|
||
dep.data = data;
|
||
this.deps[id] = dep;
|
||
if (dep.keys.indexOf(key) === -1) {
|
||
dep.keys.push(key);
|
||
}
|
||
}
|
||
/**
|
||
* 删除依赖
|
||
* @param node 哪个节点的依赖需要移除,如果为空,则移除所有依赖
|
||
* @param key 节点下哪个key需要移除,如果为空,则移除改节点下的所有依赖key
|
||
* @returns void
|
||
*/
|
||
removeDep(id, key) {
|
||
if (typeof id === "undefined") {
|
||
Object.keys(this.deps).forEach((depKey) => {
|
||
delete this.deps[depKey];
|
||
});
|
||
return;
|
||
}
|
||
const dep = this.deps[id];
|
||
if (!dep) return;
|
||
if (key) {
|
||
const index = dep.keys.indexOf(key);
|
||
dep.keys.splice(index, 1);
|
||
if (dep.keys.length === 0) {
|
||
delete this.deps[id];
|
||
}
|
||
} else {
|
||
delete this.deps[id];
|
||
}
|
||
}
|
||
/**
|
||
* 判断指定节点下的指定key是否存在在依赖列表中
|
||
* @param node 哪个节点
|
||
* @param key 哪个key
|
||
* @returns boolean
|
||
*/
|
||
hasDep(id, key) {
|
||
const dep = this.deps[id];
|
||
return Boolean(dep?.keys.find((d) => d === key));
|
||
}
|
||
destroy() {
|
||
this.deps = {};
|
||
}
|
||
}
|
||
|
||
const createCodeBlockTarget = (id, codeBlock, initialDeps = {}) => new Target({
|
||
type: DepTargetType.CODE_BLOCK,
|
||
id,
|
||
initialDeps,
|
||
name: codeBlock.name,
|
||
isTarget: (_key, value) => {
|
||
if (id === value) {
|
||
return true;
|
||
}
|
||
if (value?.hookType === HookType.CODE && Array.isArray(value.hookData)) {
|
||
const index = value.hookData.findIndex((item) => item.codeId === id);
|
||
return Boolean(index > -1);
|
||
}
|
||
return false;
|
||
}
|
||
});
|
||
const isIncludeArrayField = (keys, fields) => {
|
||
let f = fields;
|
||
return keys.some((key, index) => {
|
||
const field = f.find(({ name }) => name === key);
|
||
f = field?.fields || [];
|
||
return field?.type === "array" && // 不是整数
|
||
/^(?!\\d+$).*$/.test(\`\${keys[index + 1]}\`) && index < keys.length - 1;
|
||
});
|
||
};
|
||
const isDataSourceTemplate = (value, ds, hasArray = false) => {
|
||
const templates = value.match(dataSourceTemplateRegExp) || [];
|
||
if (templates.length <= 0) {
|
||
return false;
|
||
}
|
||
const arrayFieldTemplates = [];
|
||
const fieldTemplates = [];
|
||
templates.forEach((tpl) => {
|
||
const expression = tpl.substring(2, tpl.length - 1);
|
||
const keys = getKeysArray(expression);
|
||
const dsId = keys.shift();
|
||
if (!dsId || dsId !== ds.id) {
|
||
return;
|
||
}
|
||
if (isIncludeArrayField(keys, ds.fields)) {
|
||
arrayFieldTemplates.push(tpl);
|
||
} else {
|
||
fieldTemplates.push(tpl);
|
||
}
|
||
});
|
||
if (hasArray) {
|
||
return arrayFieldTemplates.length > 0;
|
||
}
|
||
return fieldTemplates.length > 0;
|
||
};
|
||
const isSpecificDataSourceTemplate = (value, dsId) => value?.isBindDataSourceField && value.dataSourceId && value.dataSourceId === dsId && typeof value.template === "string";
|
||
const isUseDataSourceField = (value, id) => {
|
||
if (!Array.isArray(value) || typeof value[0] !== "string") {
|
||
return false;
|
||
}
|
||
const [prefixId] = value;
|
||
const prefixIndex = prefixId.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);
|
||
if (prefixIndex === -1) {
|
||
return false;
|
||
}
|
||
const dsId = prefixId.substring(prefixIndex + DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length);
|
||
return dsId === id;
|
||
};
|
||
const isDataSourceTarget = (ds, key, value, hasArray = false) => {
|
||
if (!value || !["string", "object"].includes(typeof value)) {
|
||
return false;
|
||
}
|
||
if (\`\${key}\`.startsWith(NODE_CONDS_KEY)) {
|
||
return false;
|
||
}
|
||
if (typeof value === "string") {
|
||
return isDataSourceTemplate(value, ds, hasArray);
|
||
}
|
||
if (isObject(value) && value?.isBindDataSource && value.dataSourceId && value.dataSourceId === ds.id) {
|
||
return true;
|
||
}
|
||
if (isSpecificDataSourceTemplate(value, ds.id)) {
|
||
return true;
|
||
}
|
||
if (isUseDataSourceField(value, ds.id)) {
|
||
const [, ...keys] = value;
|
||
const includeArray = isIncludeArrayField(keys, ds.fields);
|
||
if (hasArray) {
|
||
return includeArray;
|
||
}
|
||
return !includeArray;
|
||
}
|
||
return false;
|
||
};
|
||
const isDataSourceCondTarget = (ds, key, value, hasArray = false) => {
|
||
if (!Array.isArray(value) || !ds) {
|
||
return false;
|
||
}
|
||
const [dsId, ...keys] = value;
|
||
if (dsId !== ds.id || !\`\${key}\`.startsWith(NODE_CONDS_KEY)) {
|
||
return false;
|
||
}
|
||
if (ds.fields?.find((field) => field.name === keys[0])) {
|
||
const includeArray = isIncludeArrayField(keys, ds.fields);
|
||
if (hasArray) {
|
||
return includeArray;
|
||
}
|
||
return !includeArray;
|
||
}
|
||
return false;
|
||
};
|
||
const createDataSourceTarget = (ds, initialDeps = {}) => new Target({
|
||
type: DepTargetType.DATA_SOURCE,
|
||
id: ds.id,
|
||
initialDeps,
|
||
isTarget: (key, value) => isDataSourceTarget(ds, key, value)
|
||
});
|
||
const createDataSourceCondTarget = (ds, initialDeps = {}) => new Target({
|
||
type: DepTargetType.DATA_SOURCE_COND,
|
||
id: ds.id,
|
||
initialDeps,
|
||
isTarget: (key, value) => isDataSourceCondTarget(ds, key, value)
|
||
});
|
||
const createDataSourceMethodTarget = (ds, initialDeps = {}) => new Target({
|
||
type: DepTargetType.DATA_SOURCE_METHOD,
|
||
id: ds.id,
|
||
initialDeps,
|
||
isTarget: (_key, value) => {
|
||
if (!Array.isArray(value)) {
|
||
return false;
|
||
}
|
||
const [dsId, methodName] = value;
|
||
if (!methodName || dsId !== ds.id) {
|
||
return false;
|
||
}
|
||
if (ds.methods?.find((method) => method.name === methodName)) {
|
||
return true;
|
||
}
|
||
if (ds.fields?.find((field) => field.name === methodName)) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
});
|
||
const traverseTarget = (targetsList, cb, type) => {
|
||
for (const targets of Object.values(targetsList)) {
|
||
for (const target of Object.values(targets)) {
|
||
if (type && target.type !== type) {
|
||
continue;
|
||
}
|
||
cb(target);
|
||
}
|
||
}
|
||
};
|
||
|
||
class Watcher {
|
||
targetsList = {};
|
||
childrenProp = "items";
|
||
idProp = "id";
|
||
nameProp = "name";
|
||
constructor(options) {
|
||
if (options?.initialTargets) {
|
||
this.targetsList = options.initialTargets;
|
||
}
|
||
if (options?.childrenProp) {
|
||
this.childrenProp = options.childrenProp;
|
||
}
|
||
}
|
||
getTargetsList() {
|
||
return this.targetsList;
|
||
}
|
||
/**
|
||
* 获取指定类型中的所有target
|
||
* @param type 分类
|
||
* @returns Target[]
|
||
*/
|
||
getTargets(type = DepTargetType.DEFAULT) {
|
||
return this.targetsList[type] || {};
|
||
}
|
||
/**
|
||
* 添加新的目标
|
||
* @param target Target
|
||
*/
|
||
addTarget(target) {
|
||
const targets = this.getTargets(target.type) || {};
|
||
this.targetsList[target.type] = targets;
|
||
targets[target.id] = target;
|
||
}
|
||
/**
|
||
* 获取指定id的target
|
||
* @param id target id
|
||
* @returns Target
|
||
*/
|
||
getTarget(id, type = DepTargetType.DEFAULT) {
|
||
return this.getTargets(type)[id];
|
||
}
|
||
/**
|
||
* 判断是否存在指定id的target
|
||
* @param id target id
|
||
* @returns boolean
|
||
*/
|
||
hasTarget(id, type = DepTargetType.DEFAULT) {
|
||
return Boolean(this.getTarget(id, type));
|
||
}
|
||
/**
|
||
* 判断是否存在指定类型的target
|
||
* @param type target type
|
||
* @returns boolean
|
||
*/
|
||
hasSpecifiedTypeTarget(type = DepTargetType.DEFAULT) {
|
||
return Object.keys(this.getTargets(type)).length > 0;
|
||
}
|
||
/**
|
||
* 删除指定id的target
|
||
* @param id target id
|
||
*/
|
||
removeTarget(id, type = DepTargetType.DEFAULT) {
|
||
const targets = this.getTargets(type);
|
||
if (targets[id]) {
|
||
targets[id].destroy();
|
||
delete targets[id];
|
||
}
|
||
}
|
||
/**
|
||
* 删除指定分类的所有target
|
||
* @param type 分类
|
||
* @returns void
|
||
*/
|
||
removeTargets(type = DepTargetType.DEFAULT) {
|
||
const targets = this.targetsList[type];
|
||
if (!targets) return;
|
||
for (const target of Object.values(targets)) {
|
||
target.destroy();
|
||
}
|
||
delete this.targetsList[type];
|
||
}
|
||
/**
|
||
* 删除所有target
|
||
*/
|
||
clearTargets() {
|
||
for (const key of Object.keys(this.targetsList)) {
|
||
delete this.targetsList[key];
|
||
}
|
||
}
|
||
/**
|
||
* 收集依赖
|
||
* @param nodes 需要收集的节点
|
||
* @param deep 是否需要收集子节点
|
||
* @param type 强制收集指定类型的依赖
|
||
*/
|
||
collect(nodes, depExtendedData = {}, deep = false, type) {
|
||
this.collectByCallback(nodes, type, ({ node, target }) => {
|
||
this.removeTargetDep(target, node);
|
||
this.collectItem(node, target, depExtendedData, deep);
|
||
});
|
||
}
|
||
collectByCallback(nodes, type, cb) {
|
||
traverseTarget(
|
||
this.targetsList,
|
||
(target) => {
|
||
if (!type && !target.isCollectByDefault) {
|
||
return;
|
||
}
|
||
for (const node of nodes) {
|
||
cb({ node, target });
|
||
}
|
||
},
|
||
type
|
||
);
|
||
}
|
||
/**
|
||
* 清除所有目标的依赖
|
||
* @param nodes 需要清除依赖的节点
|
||
*/
|
||
clear(nodes, type) {
|
||
let { targetsList } = this;
|
||
if (type) {
|
||
targetsList = {
|
||
[type]: this.getTargets(type)
|
||
};
|
||
}
|
||
const clearedItemsNodeIds = [];
|
||
traverseTarget(targetsList, (target) => {
|
||
if (nodes) {
|
||
for (const node of nodes) {
|
||
target.removeDep(node[this.idProp]);
|
||
if (Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length && !clearedItemsNodeIds.includes(node[this.idProp])) {
|
||
clearedItemsNodeIds.push(node[this.idProp]);
|
||
this.clear(node[this.childrenProp]);
|
||
}
|
||
}
|
||
} else {
|
||
target.removeDep();
|
||
}
|
||
});
|
||
}
|
||
/**
|
||
* 清除指定类型的依赖
|
||
* @param type 类型
|
||
* @param nodes 需要清除依赖的节点
|
||
*/
|
||
clearByType(type, nodes) {
|
||
this.clear(nodes, type);
|
||
}
|
||
collectItem(node, target, depExtendedData = {}, deep = false) {
|
||
const dataSourceTargetTypes = [
|
||
DepTargetType.DATA_SOURCE,
|
||
DepTargetType.DATA_SOURCE_COND,
|
||
DepTargetType.DATA_SOURCE_METHOD
|
||
];
|
||
if (node[NODE_DISABLE_DATA_SOURCE_KEY] && dataSourceTargetTypes.includes(target.type)) {
|
||
return;
|
||
}
|
||
if (node[NODE_DISABLE_CODE_BLOCK_KEY] && target.type === DepTargetType.CODE_BLOCK) {
|
||
return;
|
||
}
|
||
const collectTarget = (config, prop = "") => {
|
||
const doCollect = (key, value) => {
|
||
const keyIsItems = key === this.childrenProp;
|
||
const fullKey = prop ? \`\${prop}.\${key}\` : key;
|
||
if (target.isTarget(fullKey, value)) {
|
||
target.updateDep({
|
||
id: node[this.idProp],
|
||
name: \`\${node[this.nameProp] || node[this.idProp]}\`,
|
||
data: depExtendedData,
|
||
key: fullKey
|
||
});
|
||
} else if (!keyIsItems && Array.isArray(value)) {
|
||
for (let i = 0, l = value.length; i < l; i++) {
|
||
const item = value[i];
|
||
if (isObject(item)) {
|
||
collectTarget(item, \`\${fullKey}[\${i}]\`);
|
||
}
|
||
}
|
||
} else if (isObject(value)) {
|
||
collectTarget(value, fullKey);
|
||
}
|
||
if (keyIsItems && deep && Array.isArray(value)) {
|
||
for (const child of value) {
|
||
this.collectItem(child, target, depExtendedData, deep);
|
||
}
|
||
}
|
||
};
|
||
for (const [key, value] of Object.entries(config)) {
|
||
if (typeof value === "undefined" || value === "") continue;
|
||
doCollect(key, value);
|
||
}
|
||
};
|
||
collectTarget(node);
|
||
}
|
||
removeTargetDep(target, node, key) {
|
||
target.removeDep(node[this.idProp], key);
|
||
if (typeof key === "undefined" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) {
|
||
for (const item of node[this.childrenProp]) {
|
||
this.removeTargetDep(target, item, key);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
const error = (...args) => {
|
||
if (process.env.NODE_ENV === "development") {
|
||
console.error("magic editor: ", ...args);
|
||
}
|
||
};
|
||
|
||
onmessage = (e) => {
|
||
const watcher = new Watcher({ initialTargets: {} });
|
||
const { dsl } = e.data;
|
||
try {
|
||
const mApp = eval(\`(\${dsl})\`);
|
||
if (!mApp) {
|
||
postMessage({});
|
||
}
|
||
watcher.clearTargets();
|
||
if (mApp.codeBlocks) {
|
||
for (const [id, code] of Object.entries(mApp.codeBlocks)) {
|
||
watcher.addTarget(createCodeBlockTarget(id, code));
|
||
}
|
||
}
|
||
if (mApp.dataSources) {
|
||
for (const ds of mApp.dataSources) {
|
||
watcher.addTarget(createDataSourceTarget(ds, {}));
|
||
watcher.addTarget(createDataSourceMethodTarget(ds, {}));
|
||
watcher.addTarget(createDataSourceCondTarget(ds, {}));
|
||
}
|
||
}
|
||
watcher.collectByCallback(mApp.items, void 0, ({ node, target }) => {
|
||
watcher.collectItem(node, target, { pageId: node.id }, true);
|
||
});
|
||
const data = {
|
||
[DepTargetType.DATA_SOURCE]: {},
|
||
[DepTargetType.DATA_SOURCE_METHOD]: {},
|
||
[DepTargetType.DATA_SOURCE_COND]: {},
|
||
[DepTargetType.CODE_BLOCK]: {}
|
||
};
|
||
traverseTarget(watcher.getTargetsList(), (target) => {
|
||
data[target.type][target.id] = target.deps;
|
||
});
|
||
postMessage(data);
|
||
} catch (e2) {
|
||
error(e2);
|
||
postMessage({});
|
||
}
|
||
};
|
||
|
||
})();
|
||
`,blob=typeof self<`u`&&self.Blob&&new Blob([`(self.URL || self.webkitURL).revokeObjectURL(self.location.href);`,jsContent],{type:`text/javascript;charset=utf-8`});function WorkerWrapper(e){let t;try{if(t=blob&&(self.URL||self.webkitURL).createObjectURL(blob),!t)throw``;let n=new Worker(t,{name:e?.name});return n.addEventListener(`error`,()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),n}catch{return new Worker(`data:text/javascript;charset=utf-8,`+encodeURIComponent(jsContent),{name:e?.name})}}var Dep=class extends BaseService{constructor(){super(),_defineProperty$1(this,`state`,shallowReactive({collecting:!1,taskLength:0})),_defineProperty$1(this,`idleTask`,new IdleTask),_defineProperty$1(this,`watcher`,new Watcher({initialTargets:reactive$1({})})),_defineProperty$1(this,`waitingWorker`,void 0),this.idleTask.on(`update-task-length`,throttle$2(({length:e})=>{this.set(`taskLength`,e)},1e3))}set(e,t){this.state[e]=t}get(e){return this.state[e]}removeTargets(e=DepTargetType.DEFAULT){this.watcher.removeTargets(e);let t=this.watcher.getTargets(e);if(t)for(let n of Object.values(t))this.emit(`remove-target`,n.id,e)}getTargets(e=DepTargetType.DEFAULT){return this.watcher.getTargets(e)}getTarget(e,t=DepTargetType.DEFAULT){return this.watcher.getTarget(e,t)}addTarget(e){this.watcher.addTarget(e),this.emit(`add-target`,e)}removeTarget(e,t=DepTargetType.DEFAULT){this.watcher.removeTarget(e,t),this.emit(`remove-target`,e,t)}clearTargets(){this.watcher.clearTargets()}collect(e,t={},n=!1,r){this.set(`collecting`,!0),this.watcher.collectByCallback(e,r,({node:e,target:r})=>{this.collectNode(e,r,t,n)}),this.set(`collecting`,!1),this.emit(`collected`,e,n),this.emit(`ds-collected`,e,n)}async collectIdle(e,t={},n=!1,r){this.waitingWorker&&await this.waitingWorker,this.set(`collecting`,!0);let i=!1;return this.watcher.collectByCallback(e,r,({node:e,target:r})=>{i=!0,this.enqueueTask(e,r,t,n)}),new Promise(t=>{if(!i){this.emit(`collected`,e,n),this.set(`collecting`,!1),t();return}this.idleTask.once(`finish`,()=>{this.emit(`collected`,e,n),this.set(`collecting`,!1)}),this.idleTask.once(`hight-level-finish`,()=>{this.emit(`ds-collected`,e,n),t()})})}collectByWorker(e){this.set(`collecting`,!0);let{promise:t,resolve:n}=Promise.withResolvers();return this.waitingWorker=t,new Promise(t=>{let n=new WorkerWrapper;n.postMessage({dsl:(0,import_serialize_javascript.default)(e)}),n.onmessage=e=>{t(e.data)},n.onerror=()=>{t({})}}).then(t=>(traverseTarget(this.watcher.getTargetsList(),n=>{t[n.type]?.[n.id]&&(n.deps=reactive$1(t[n.type][n.id]),n.type===DepTargetType.DATA_SOURCE&&e.dataSourceDeps?e.dataSourceDeps[n.id]=n.deps:n.type===DepTargetType.DATA_SOURCE_COND&&e.dataSourceCondDeps?e.dataSourceCondDeps[n.id]=n.deps:n.type===DepTargetType.DATA_SOURCE_METHOD&&(e.dataSourceMethodDeps[n.id]=n.deps))}),this.set(`collecting`,!1),this.emit(`collected`,e.items,!0),this.emit(`ds-collected`,e.items,!0),n(),t))}collectNode(e,t,n={},r=!1){if(isPage(e))for(let[e,r]of Object.entries(t.deps))r.data?.pageId&&r.data.pageId===n.pageId&&delete t.deps[e];else this.watcher.removeTargetDep(t,e);this.watcher.collectItem(e,t,n,r)}clear(e){return this.watcher.clear(e)}clearByType(e,t){return this.watcher.clearByType(e,t)}hasTarget(e,t=DepTargetType.DEFAULT){return this.watcher.hasTarget(e,t)}hasSpecifiedTypeTarget(e=DepTargetType.DEFAULT){return this.watcher.hasSpecifiedTypeTarget(e)}clearIdleTasks(){this.idleTask.clearTasks()}on(e,t){return super.on(e,t)}once(e,t){return super.once(e,t)}reset(){this.idleTask.clearTasks();for(let e of Object.keys(this.watcher.getTargetsList()))this.removeTargets(e);this.set(`collecting`,!1)}destroy(){this.idleTask.removeAllListeners(),this.removeAllListeners(),this.reset(),this.removeAllPlugins(),this.idleTask.removeAllListeners()}emit(e,...t){return super.emit(e,...t)}enqueueTask(e,t,n,r){this.idleTask.enqueueTask(({node:e,deep:t,target:r})=>{this.collectNode(e,r,n,t)},{node:e,deep:!1,target:t},t.type===DepTargetType.DATA_SOURCE),r&&Array.isArray(e.items)&&e.items.length&&e.items.forEach(e=>{this.enqueueTask(e,t,n,r)})}},depService=new Dep,canUsePluginMethods$1={async:[],sync:[`setEvent`,`getEvent`,`setMethod`,`getMethod`]},eventMap=reactive$1({}),methodMap=reactive$1({}),Events=class extends BaseService{constructor(){super([...canUsePluginMethods$1.async.map(e=>({name:e,isAsync:!0})),...canUsePluginMethods$1.sync.map(e=>({name:e,isAsync:!1}))])}setEvents(e){Object.keys(e).forEach(t=>{this.setEvent(toLine(t),e[t]||[])})}setEvent(e,t){eventMap[toLine(e)]=[...t]}getEvent(e){return cloneDeep(eventMap[toLine(e)])||[]}setMethods(e){Object.keys(e).forEach(t=>{this.setMethod(toLine(t),e[t]||[])})}setMethod(e,t){methodMap[toLine(e)]=[...t]}getMethod(e,t){return cloneDeep(methodMap[toLine(e)])||[]}resetState(){eventMap=reactive$1({}),methodMap=reactive$1({})}destroy(){this.resetState(),this.removeAllListeners(),this.removeAllPlugins()}usePlugin(e){super.usePlugin(e)}},eventsService=new Events,Keybinding=class extends BaseService{constructor(...e){super(...e),_defineProperty$1(this,`ctrlKey`,/mac os x/.test(navigator.userAgent.toLowerCase())?`meta`:`ctrl`),_defineProperty$1(this,`controllers`,new Map),_defineProperty$1(this,`bindingList`,[]),_defineProperty$1(this,`commands`,{[KeyBindingCommand.DELETE_NODE]:()=>{let e=editorService.get(`nodes`);!e||isPage(e[0])||isPageFragment(e[0])||editorService.remove(e)},[KeyBindingCommand.COPY_NODE]:()=>{let e=editorService.get(`nodes`);e&&editorService.copy(e)},[KeyBindingCommand.CUT_NODE]:()=>{let e=editorService.get(`nodes`);!e||isPage(e[0])||isPageFragment(e[0])||(editorService.copy(e),editorService.remove(e))},[KeyBindingCommand.PASTE_NODE]:()=>{editorService.get(`nodes`)&&editorService.paste({offsetX:10,offsetY:10})},[KeyBindingCommand.UNDO]:()=>{editorService.undo()},[KeyBindingCommand.REDO]:()=>{editorService.redo()},[KeyBindingCommand.ZOOM_IN]:()=>{uiService.zoom(.1)},[KeyBindingCommand.ZOOM_OUT]:()=>{uiService.zoom(-.1)},[KeyBindingCommand.ZOOM_RESET]:()=>{uiService.set(`zoom`,1)},[KeyBindingCommand.ZOOM_FIT]:async()=>{uiService.set(`zoom`,await uiService.calcZoom())},[KeyBindingCommand.MOVE_UP_1]:()=>{editorService.move(0,-1)},[KeyBindingCommand.MOVE_DOWN_1]:()=>{editorService.move(0,1)},[KeyBindingCommand.MOVE_LEFT_1]:()=>{editorService.move(-1,0)},[KeyBindingCommand.MOVE_RIGHT_1]:()=>{editorService.move(1,0)},[KeyBindingCommand.MOVE_UP_10]:()=>{editorService.move(0,-10)},[KeyBindingCommand.MOVE_DOWN_10]:()=>{editorService.move(0,10)},[KeyBindingCommand.MOVE_LEFT_10]:()=>{editorService.move(-10,0)},[KeyBindingCommand.MOVE_RIGHT_10]:()=>{editorService.move(10,0)},[KeyBindingCommand.SWITCH_NODE]:()=>{editorService.selectNextNode()}})}registerCommand(e,t){this.commands[e]=t}registeCommand(e,t){this.registerCommand(e,t)}unregisterCommand(e){delete this.commands[e]}unregisteCommand(e){this.unregisterCommand(e)}registerEl(e,t){if(e!==`global`&&!t)throw Error(`只有name为global可以不传el`);let n=new KeyController(t);this.controllers.set(e,n),this.bind(e)}registeEl(e,t){this.registerEl(e,t)}unregisterEl(e){this.controllers.get(e)?.destroy(),this.controllers.delete(e),this.bindingList.forEach(e=>{e.bound=!1})}unregisteEl(e){this.unregisterEl(e)}register(e){for(let t of e){let{command:e,keybinding:n,when:r}=t;for(let[t=``,i=`keydown`]of r){let r={type:t,command:e,keybinding:n,eventType:i,bound:!1};this.bindingList.find(r=>r.command===e&&r.eventType===i&&r.type===t&&r.keybinding===n)||this.bindingList.push(r)}}this.bind()}registe(e){this.register(e)}reset(){this.controllers.forEach(e=>{e.destroy()}),this.controllers.clear(),this.bindingList=[]}destroy(){this.reset()}bind(e){for(let t of this.bindingList){let{type:n,eventType:r,command:i,keybinding:a,bound:o}=t;if(e&&e!==n||o)continue;let s=this.controllers.get(n);if(!s)continue;let c=e=>{e.inputEvent.preventDefault(),this.commands[i]?.(e.inputEvent)};this.getKeyconKeys(a).forEach(e=>{e[0]?s[r](e,c):s[r](c)}),t.bound=!0}}getKeyconKeys(e=``){let t=e=>e.split(`+`).map(e=>e===`ctrl`?this.ctrlKey:e);return Array.isArray(e)?e.map(e=>t(e)):[t(e)]}},keybindingService=new Keybinding,canUsePluginMethods={sync:[`openOverlay`,`closeOverlay`,`updateOverlay`,`createStage`]},StageOverlay=class extends BaseService{constructor(){super(canUsePluginMethods.sync.map(e=>({name:e,isAsync:!1}))),_defineProperty$1(this,`state`,shallowReactive({wrapDiv:document.createElement(`div`),sourceEl:null,contentEl:null,stage:null,stageOptions:null,wrapWidth:0,wrapHeight:0,stageOverlayVisible:!1})),_defineProperty$1(this,`updateHandler`,()=>{setTimeout(()=>{this.render(),this.updateOverlay(),this.updateSelectStatus()})}),_defineProperty$1(this,`addHandler`,()=>{this.render(),this.updateOverlay(),this.updateSelectStatus()}),_defineProperty$1(this,`removeHandler`,()=>{this.render(),this.updateOverlay(),this.updateSelectStatus()}),this.get(`wrapDiv`).classList.add(`tmagic-editor-sub-stage-wrap`)}get(e){return this.state[e]}set(e,t){this.state[e]=t}openOverlay(e){let t=this.get(`stageOptions`);!e||!t||(this.set(`sourceEl`,e),this.createContentEl(),this.set(`stageOverlayVisible`,!0),editorService.on(`update`,this.updateHandler),editorService.on(`add`,this.addHandler),editorService.on(`remove`,this.removeHandler),editorService.on(`drag-to`,this.updateHandler),editorService.on(`move-layer`,this.updateHandler))}closeOverlay(){this.set(`stageOverlayVisible`,!1);let e=this.get(`stage`),t=this.get(`wrapDiv`);e?.destroy();for(let e=0,n=t.children.length;e<n;e++)t.children[e].remove();t.remove(),this.set(`stage`,null),this.set(`sourceEl`,null),this.set(`contentEl`,null),editorService.off(`update`,this.updateHandler),editorService.off(`add`,this.addHandler),editorService.off(`remove`,this.removeHandler),editorService.off(`drag-to`,this.updateHandler),editorService.off(`move-layer`,this.updateHandler)}updateOverlay(){let e=this.get(`sourceEl`);if(!e)return;let{scrollWidth:t,scrollHeight:n}=e;this.set(`wrapWidth`,t),this.set(`wrapHeight`,n)}createStage(e={}){return useStage({...e,runtimeUrl:``,autoScrollIntoView:!1,disabledRule:!0,render:async e=>{this.copyDocumentElement();let t=e.renderer?.getDocument()?.body.children;t&&Array.from(t).forEach(e=>{[`SCRIPT`,`STYLE`].includes(e.tagName)||e.remove()});let n=this.get(`wrapDiv`);return await this.render(),n}})}usePlugin(e){super.usePlugin(e)}createContentEl(){let e=this.get(`sourceEl`);if(!e)return;let t=e.cloneNode(!0);this.set(`contentEl`,t),t.style.position=`static`,t.style.overflow=`visible`}copyDocumentElement(){let e=this.get(`stage`),t=editorService.get(`stage`),n=e?.renderer?.getDocument(),r=t?.renderer?.getDocument()?.documentElement;n&&r&&n.replaceChild(r.cloneNode(!0),n.documentElement)}async render(){this.createContentEl();let e=this.get(`contentEl`),t=this.get(`sourceEl`),n=this.get(`wrapDiv`),r=this.get(`stage`),i=this.get(`stageOptions`);if(e){n.style.cssText=`
|
||
width: ${t?.scrollWidth}px;
|
||
height: ${t?.scrollHeight}px;
|
||
background-color: #fff;
|
||
`;for(let e=0,t=n.children.length;e<t;e++)n.children[e].remove();if(n.appendChild(e),setTimeout(()=>{r?.renderer?.contentWindow?.magic.onPageElUpdate(n)}),await i?.canSelect?.(e)){let t=getIdFromEl()(e);t&&r?.select(t)}}}updateSelectStatus(){let e=this.get(`stage`),t=editorService.get(`nodes`);t.length>1?e?.multiSelect(t.map(e=>e.id)):e?.select(t[0].id)}},stageOverlayService=new StageOverlay,defaultEditorProps={renderType:RenderType.IFRAME,disabledMultiSelect:!1,disabledPageFragment:!1,disabledStageOverlay:!1,containerHighlightClassName:CONTAINER_HIGHLIGHT_CLASS_NAME,containerHighlightDuration:800,containerHighlightType:ContainerHighlightType.DEFAULT,disabledShowSrc:!1,disabledDataSource:!1,disabledCodeBlock:!1,componentGroupList:()=>[],datasourceList:()=>[],menu:()=>({left:[],right:[]}),layerContentMenu:()=>[],stageContentMenu:()=>[],propsConfigs:()=>({}),propsValues:()=>({}),eventMethodList:()=>({}),datasourceValues:()=>({}),datasourceConfigs:()=>({}),canSelect:e=>!!(getIdFromEl()(e)&&!e.dataset.tmagicPageFragmentContainerId),isContainer:e=>e.classList.contains(`magic-ui-container`),codeOptions:()=>({}),customContentMenu:e=>e},initServiceState=(e,{editorService:t,historyService:n,componentListService:r,propsService:i,eventsService:a,uiService:o,codeBlockService:s,keybindingService:c,dataSourceService:l,depService:u})=>{watch(()=>e.modelValue,e=>{t.set(`root`,e||null)},{immediate:!0}),watch(()=>e.disabledMultiSelect,e=>{t.set(`disabledMultiSelect`,e||!1)},{immediate:!0}),watch(()=>e.componentGroupList,e=>e&&r.setList(e),{immediate:!0}),watch(()=>e.datasourceList,e=>e&&l.set(`datasourceTypeList`,e),{immediate:!0}),watch(()=>e.propsConfigs,e=>e&&i.setPropsConfigs(e),{immediate:!0}),watch(()=>e.propsValues,e=>e&&i.setPropsValues(e),{immediate:!0}),watch(()=>e.eventMethodList,e=>{let t={},n={};if(e)for(let r of Object.keys(e))t[r]=e[r].events,n[r]=e[r].methods;a.setEvents(t),a.setMethods(n)},{immediate:!0}),watch(()=>e.datasourceConfigs,e=>{if(e)for(let[t,n]of Object.entries(e))l.setFormConfig(t,n)},{immediate:!0}),watch(()=>e.datasourceValues,e=>{if(e)for(let[t,n]of Object.entries(e))l.setFormValue(t,n)},{immediate:!0}),watch(()=>e.datasourceEventMethodList,e=>{let t={},n={};if(e)for(let r of Object.keys(e))t[r]=e[r].events,n[r]=e[r].methods;for(let[e,n]of Object.entries(t))l.setFormEvent(e,n);for(let[e,t]of Object.entries(n))l.setFormMethod(e,t)},{immediate:!0}),watch(()=>e.defaultSelected,e=>e&&t.select(e),{immediate:!0}),watch(()=>e.stageRect,e=>e&&o.set(`stageRect`,e),{immediate:!0}),watch(()=>e.disabledCodeBlock,e=>i.setDisabledCodeBlock(e??!1),{immediate:!0}),watch(()=>e.disabledDataSource,e=>i.setDisabledDataSource(e??!1),{immediate:!0}),onBeforeUnmount(()=>{t.resetState(),n.resetState(),i.resetState(),o.resetState(),r.resetState(),s.resetState(),c.reset(),u.reset()})},initServiceEvents=(e,t,{editorService:n,codeBlockService:r,dataSourceService:i,depService:a})=>{let o=null,s=async()=>{let{renderer:e}=await m();if(e)return e.runtime?e.runtime.getApp?.():o||(o=new Promise(t=>{let n=globalThis.setTimeout(()=>{t(void 0)},1e4);e.once(`runtime-ready`,()=>{n&&globalThis.clearTimeout(n),t(e.runtime?.getApp?.())})}),o)},c=e=>{for(let t of e)l(t)},l=e=>{let t=n.get(`root`);if(t)return n.get(`stage`)?.update({config:cloneDeep(e),parentId:n.getParentById(e.id)?.id,root:cloneDeep(t)})},u=async()=>{let e=n.get(`root`),t=await s();!t||!e||t.dsl&&(t.dsl.dataSources=e.dataSources)},d=()=>{let e=n.get(`root`);s()?.then(t=>{e&&t?.dsl&&(t.dsl.dataSourceDeps=e.dataSourceDeps)})},f=e=>{let t;return t=isPage(e)?e.id:n.getNodeInfo(e.id).page?.id,t},p=(e,t,n)=>Promise.all(e.map(e=>e.type===NodeType.ROOT?Promise.resolve():a.collectIdle([e],{pageId:f(e)},t,n)));watch(()=>n.get(`stage`),e=>{e&&e.on(`rerender`,async()=>{let e=n.get(`node`);e&&(await p([e],!0,DepTargetType.DATA_SOURCE),l(e))})}),watch(()=>e.runtimeUrl,e=>{if(!e)return;let t=n.get(`stage`);t&&(t.reloadIframe(e),t.renderer?.once(`runtime-ready`,e=>{e.updateRootConfig?.(cloneDeep(toRaw(n.get(`root`))));let r=n.get(`page`),i=n.get(`node`);r?.id&&e?.updatePageId?.(r.id),setTimeout(()=>{i&&t?.select(toRaw(i.id))})}))});let m=()=>{let e=n.get(`stage`);return e?Promise.resolve(e):new Promise(e=>{let t=watch(()=>n.get(`stage`),n=>{n&&(e(n),nextTick(()=>{t()}))})})},g=async e=>{let t=await m(),r=await t.renderer?.getRuntime(),i=await s();i?.dataSourceManager||r?.updateRootConfig?.(cloneDeep(toRaw(e)));let o=n.get(`page`),c=n.get(`node`);if(o?.id&&r?.updatePageId?.(o.id),setTimeout(()=>{c&&t?.select(toRaw(c.id))}),e){a.clearIdleTasks(),await(typeof Worker>`u`?p(e.items,!0):a.collectByWorker(e));let t=cloneDeep(toRaw(e));if(t.dataSources&&t.dataSourceDeps&&i?.dataSourceManager)for(let e of getNodes(getDepNodeIds(t.dataSourceDeps),t.items))updateNode(i.dataSourceManager.compiledNode(e),t);r?.updateRootConfig?.(t)}},_=e=>{a.addTarget(createDataSourceTarget(e,reactive$1({}))),a.addTarget(createDataSourceMethodTarget(e,reactive$1({}))),a.addTarget(createDataSourceCondTarget(e,reactive$1({})))},v=(o,s)=>{if(o){o.codeBlocks=o.codeBlocks||{},o.dataSources=o.dataSources||[],r.setCodeDsl(o.codeBlocks),i.set(`dataSources`,o.dataSources),a.clearTargets();for(let[e,t]of Object.entries(o.codeBlocks))a.addTarget(createCodeBlockTarget(e,t));for(let e of i.get(`dataSources`))_(e);Array.isArray(o.items)?g(o):(a.clear(),delete o.dataSourceDeps,delete o.dataSourceCondDeps),(async()=>{let r=n.get(`node`)?.id||e.defaultSelected,i;r&&(i=n.getNodeById(r)),i&&i!==o?await n.select(i.id):o.items?.length?await n.select(o.items[0]):o.id&&(n.set(`nodes`,[o]),n.set(`parent`,null),n.set(`page`,null)),toRaw(o)!==toRaw(s)&&t(`update:modelValue`,o)})()}},y=e=>{p(e,!0).then(()=>{c(e)})},b=e=>{let t=[],n=[];for(let{newNode:r,oldNode:i,changeRecords:o}of e)if(r.type===NodeType.ROOT)n.push(r);else if(o?.length)forChangeRecords:for(let e of o){if(!e.propPath){t.push(r);break forChangeRecords}if(RegExp(`displayConds.(\\d)+.cond`).test(e.propPath)||RegExp(`displayConds.(\\d)+.cond.(\\d)+.value`).test(e.propPath)||e.propPath===`displayConds`||isValueIncludeDataSource(e.value)){t.push(r);break forChangeRecords}for(let n of Object.values(a.getTargets(DepTargetType.DATA_SOURCE)))if(n.deps[r.id]&&n.deps[r.id].keys.includes(e.propPath)){t.push(r);break forChangeRecords}n.push(r)}else isIncludeDataSource(r,i)?t.push(r):n.push(r);t.length?(async()=>{await p(t,!0,DepTargetType.DATA_SOURCE),await p(t,!0,DepTargetType.DATA_SOURCE_COND),c(t)})():(c(n),Promise.all([p(n,!0,DepTargetType.CODE_BLOCK),p(n,!0,DepTargetType.DATA_SOURCE_METHOD)]))},x=e=>{a.clear(e)},S=e=>{p([e],!0).then(()=>{l(e)})};n.on(`history-change`,S),n.on(`root-change`,v),n.on(`add`,y),n.on(`remove`,x),n.on(`update`,b);let C=e=>{(async()=>{_(e);let t=await s();if(!t?.dataSourceManager)return;t.dataSourceManager.addDataSource(e);let n=t.dataSourceManager.get(e.id);n&&t.dataSourceManager.init(n)})()},w=(e,{changeRecords:t})=>{let r=async()=>{let t=await s();if(!t?.dataSourceManager)return;let n=t.dataSourceManager.get(e.id);n&&(n.setFields(e.fields),n.setData(e.mocks?.find(e=>e.useInEditor)?.data||n.getDefaultData()))},i=!1,o=!1,l=!1,d=!1;for(let e of t)if(e.propPath&&(o=e.propPath===`fields`||/fields.(\d)+.name/.test(e.propPath)||/fields.(\d)+.defaultValue/.test(e.propPath)||/fields.(\d)+$/.test(e.propPath),l=e.propPath===`mocks`,d=e.propPath===`methods`||/methods.(\d)+.name/.test(e.propPath)||/methods.(\d)+$/.test(e.propPath),i=o||l||d,i))break;let f=n.get(`root`);if(i){if(Array.isArray(f?.items)){a.clearIdleTasks();let t=[];o?(a.removeTarget(e.id,DepTargetType.DATA_SOURCE),a.removeTarget(e.id,DepTargetType.DATA_SOURCE_COND),a.addTarget(createDataSourceTarget(e,reactive$1({}))),a.addTarget(createDataSourceCondTarget(e,reactive$1({}))),t=[p(f.items,!0,DepTargetType.DATA_SOURCE),p(f.items,!0,DepTargetType.DATA_SOURCE_COND)]):l?(a.removeTarget(e.id,DepTargetType.DATA_SOURCE),a.addTarget(createDataSourceTarget(e,reactive$1({}))),t=[p(f.items,!0,DepTargetType.DATA_SOURCE)]):d&&(a.removeTarget(e.id,DepTargetType.DATA_SOURCE_METHOD),a.addTarget(createDataSourceMethodTarget(e,reactive$1({}))),t=[p(f.items,!0,DepTargetType.DATA_SOURCE_METHOD)]),Promise.all(t).then(()=>u()).then(()=>r()).then(()=>c(f.items))}}else f?.dataSources&&r()},T=e=>{a.removeTarget(e,DepTargetType.DATA_SOURCE),a.removeTarget(e,DepTargetType.DATA_SOURCE_COND),a.removeTarget(e,DepTargetType.DATA_SOURCE_METHOD)},E=e=>{let t=n.get(`root`);t&&(async()=>{let n=getNodes(Object.keys(t.dataSourceDeps?.[e]||{}),t.items);await Promise.all([p(n,!1,DepTargetType.DATA_SOURCE),p(n,!1,DepTargetType.DATA_SOURCE_COND),p(n,!1,DepTargetType.DATA_SOURCE_METHOD)]),u(),(await s())?.dataSourceManager?.removeDataSource(e),c(n),T(e)})()};i.on(`add`,C),i.on(`update`,w),i.on(`remove`,E);let D=(e,t)=>{if(a.hasTarget(e,DepTargetType.CODE_BLOCK)){a.getTarget(e,DepTargetType.CODE_BLOCK).name=t.name;return}a.addTarget(createCodeBlockTarget(e,t))},O=e=>{a.removeTarget(e,DepTargetType.CODE_BLOCK)};r.on(`addOrUpdate`,D),r.on(`remove`,O);let k=e=>{let t=n.get(`root`);t&&(e.type===DepTargetType.DATA_SOURCE?(t.dataSourceDeps||(t.dataSourceDeps={}),t.dataSourceDeps[e.id]=e.deps):e.type===DepTargetType.DATA_SOURCE_COND?(t.dataSourceCondDeps||(t.dataSourceCondDeps={}),t.dataSourceCondDeps[e.id]=e.deps):e.type===DepTargetType.DATA_SOURCE_METHOD&&(t.dataSourceMethodDeps||(t.dataSourceMethodDeps={}),t.dataSourceMethodDeps[e.id]=e.deps))},A=(e,t)=>{let r=n.get(`root`);r&&(r.dataSourceDeps&&t===DepTargetType.DATA_SOURCE&&delete r.dataSourceDeps[e],r.dataSourceCondDeps&&t===DepTargetType.DATA_SOURCE_COND&&delete r.dataSourceCondDeps[e],r.dataSourceMethodDeps&&t===DepTargetType.DATA_SOURCE_METHOD&&delete r.dataSourceMethodDeps[e])};a.on(`add-target`,k),a.on(`remove-target`,A),a.on(`ds-collected`,d),onBeforeUnmount(()=>{a.off(`add-target`,k),a.off(`remove-target`,A),a.off(`ds-collected`,d),n.off(`history-change`,S),n.off(`root-change`,v),n.off(`add`,y),n.off(`remove`,x),n.off(`update`,b),r.off(`addOrUpdate`,D),r.off(`remove`,O),i.off(`add`,C),i.off(`update`,w),i.off(`remove`,E)})},_sfc_main$20=defineComponent({name:`MEditor`,__name:`Editor`,props:mergeDefaults({modelValue:{},componentGroupList:{},datasourceList:{},sidebar:{},menu:{},layerContentMenu:{},stageContentMenu:{},runtimeUrl:{},renderType:{},autoScrollIntoView:{type:Boolean},propsConfigs:{},propsValues:{},eventMethodList:{},datasourceValues:{},datasourceConfigs:{},datasourceEventMethodList:{},moveableOptions:{type:[Function,Object]},defaultSelected:{},containerHighlightClassName:{},containerHighlightDuration:{},containerHighlightType:{},stageRect:{},codeOptions:{},disabledDragStart:{type:Boolean},guidesOptions:{},disabledMultiSelect:{type:Boolean},disabledPageFragment:{type:Boolean},disabledStageOverlay:{type:Boolean},disabledShowSrc:{type:Boolean},disabledDataSource:{type:Boolean},disabledCodeBlock:{type:Boolean},treeIndent:{},treeNextLevelIndentIncrement:{},render:{type:Function},updateDragEl:{type:Function},canSelect:{type:Function},isContainer:{type:Function},customContentMenu:{type:Function},extendFormState:{type:Function},pageBarSortOptions:{},pageFilterFunction:{type:Function}},defaultEditorProps),emits:[`props-panel-mounted`,`props-panel-unmounted`,`update:modelValue`,`props-form-error`,`props-submit-error`],setup(e,{expose:t,emit:n}){let r=n,i=e,a={componentListService,eventsService,historyService,propsService,editorService,uiService,storageService,codeBlockService,depService,dataSourceService,keybindingService,stageOverlayService};initServiceEvents(i,r,a),initServiceState(i,a),keybindingService.register(keybindingConfig),keybindingService.registerEl(`global`);let o={runtimeUrl:i.runtimeUrl,autoScrollIntoView:i.autoScrollIntoView,render:i.render,moveableOptions:i.moveableOptions,canSelect:i.canSelect,updateDragEl:i.updateDragEl,isContainer:i.isContainer,containerHighlightClassName:i.containerHighlightClassName,containerHighlightDuration:i.containerHighlightDuration,containerHighlightType:i.containerHighlightType,disabledDragStart:i.disabledDragStart,renderType:i.renderType,guidesOptions:i.guidesOptions,disabledMultiSelect:i.disabledMultiSelect};stageOverlayService.set(`stageOptions`,o),provide(`services`,a),provide(`codeOptions`,i.codeOptions),provide(`stageOptions`,o),provide(`eventBus`,new import_events.EventEmitter);let s=e=>{r(`props-panel-mounted`,e)},c=()=>{r(`props-panel-unmounted`)},l=e=>{r(`props-submit-error`,e)},u=e=>{r(`props-form-error`,e)};return t(a),(t,n)=>(openBlock(),createBlock(_sfc_main$t,{"disabled-page-fragment":e.disabledPageFragment,"page-bar-sort-options":e.pageBarSortOptions,"page-filter-function":e.pageFilterFunction},{header:withCtx(()=>[renderSlot(t.$slots,`header`)]),nav:withCtx(()=>[renderSlot(t.$slots,`nav`,{editorService:unref(editorService)},()=>[createVNode(_sfc_main$s,{data:e.menu},null,8,[`data`])])]),"content-before":withCtx(()=>[renderSlot(t.$slots,`content-before`)]),"src-code":withCtx(()=>[renderSlot(t.$slots,`src-code`,{editorService:unref(editorService)})]),sidebar:withCtx(()=>[renderSlot(t.$slots,`sidebar`,{editorService:unref(editorService)},()=>[createVNode(_sfc_main$a,{data:e.sidebar,"layer-content-menu":e.layerContentMenu,"custom-content-menu":e.customContentMenu,indent:e.treeIndent,"next-level-indent-increment":e.treeNextLevelIndentIncrement},{"layer-panel-header":withCtx(()=>[renderSlot(t.$slots,`layer-panel-header`)]),"layer-node-content":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-content`,{data:e})]),"layer-node-label":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-label`,{data:e})]),"layer-node-tool":withCtx(({data:e})=>[renderSlot(t.$slots,`layer-node-tool`,{data:e})]),"component-list":withCtx(({componentGroupList:e})=>[renderSlot(t.$slots,`component-list`,{componentGroupList:e})]),"component-list-panel-header":withCtx(()=>[renderSlot(t.$slots,`component-list-panel-header`)]),"component-list-item":withCtx(({component:e})=>[renderSlot(t.$slots,`component-list-item`,{component:e})]),"code-block-panel-header":withCtx(()=>[renderSlot(t.$slots,`code-block-panel-header`)]),"code-block-panel-tool":withCtx(({id:e,data:n})=>[renderSlot(t.$slots,`code-block-panel-tool`,{id:e,data:n})]),"code-block-panel-search":withCtx(()=>[renderSlot(t.$slots,`code-block-panel-search`)]),"data-source-panel-tool":withCtx(({data:e})=>[renderSlot(t.$slots,`data-source-panel-tool`,{data:e})]),"data-source-panel-search":withCtx(()=>[renderSlot(t.$slots,`data-source-panel-search`)]),_:3},8,[`data`,`layer-content-menu`,`custom-content-menu`,`indent`,`next-level-indent-increment`])])]),workspace:withCtx(()=>[renderSlot(t.$slots,`workspace`,{editorService:unref(editorService)},()=>[createVNode(_sfc_main$1,{"disabled-stage-overlay":e.disabledStageOverlay,"stage-content-menu":e.stageContentMenu,"custom-content-menu":e.customContentMenu},{stage:withCtx(()=>[renderSlot(t.$slots,`stage`)]),"workspace-content":withCtx(()=>[renderSlot(t.$slots,`workspace-content`,{editorService:unref(editorService)})]),_:3},8,[`disabled-stage-overlay`,`stage-content-menu`,`custom-content-menu`])])]),"props-panel":withCtx(()=>[renderSlot(t.$slots,`props-panel`,{},()=>[createVNode(_sfc_main$q,{"extend-state":e.extendFormState,"disabled-show-src":e.disabledShowSrc,onMounted:s,onUnmounted:c,onFormError:u,onSubmitError:l},{"props-panel-header":withCtx(()=>[renderSlot(t.$slots,`props-panel-header`)]),_:3},8,[`extend-state`,`disabled-show-src`])])]),empty:withCtx(()=>[renderSlot(t.$slots,`empty`,{editorService:unref(editorService)})]),"content-after":withCtx(()=>[renderSlot(t.$slots,`content-after`)]),footer:withCtx(()=>[renderSlot(t.$slots,`footer`)]),"page-bar":withCtx(()=>[renderSlot(t.$slots,`page-bar`)]),"page-bar-add-button":withCtx(()=>[renderSlot(t.$slots,`page-bar-add-button`)]),"page-bar-title":withCtx(({page:e})=>[renderSlot(t.$slots,`page-bar-title`,{page:e})]),"page-bar-popover":withCtx(({page:e})=>[renderSlot(t.$slots,`page-bar-popover`,{page:e})]),"page-list-popover":withCtx(({list:e})=>[renderSlot(t.$slots,`page-list-popover`,{list:e})]),_:3},8,[`disabled-page-fragment`,`page-bar-sort-options`,`page-filter-function`]))}}),defaultInstallOpt={parseDSL:dsl=>eval(dsl),customCreateMonacoEditor:(e,t,n)=>e.editor.create(t,n),customCreateMonacoDiffEditor:(e,t,n)=>e.editor.createDiffEditor(t,n)},index={install:(e,t)=>{let n=Object.assign(defaultInstallOpt,t||{});e.use(index$4,t||{}),e.use(index$2,t||{}),e.use(index$1),e.config.globalProperties.$TMAGIC_EDITOR=n,setEditorConfig(n),e.component(`${_sfc_main$20.name||`MEditor`}`,_sfc_main$20),e.component(`magic-code-editor`,_sfc_main$1r),e.component(`m-fields-ui-select`,_sfc_main$D),e.component(`m-fields-code-link`,_sfc_main$1p),e.component(`m-fields-vs-code`,_sfc_main$1q),e.component(`m-fields-code-select`,_sfc_main$1o),e.component(`m-fields-code-select-col`,_sfc_main$1m),e.component(`m-fields-event-select`,_sfc_main$19),e.component(`m-fields-data-source-fields`,_sfc_main$1j),e.component(`m-fields-data-source-mocks`,_sfc_main$1c),e.component(`m-fields-key-value`,_sfc_main$17),e.component(`m-fields-data-source-input`,_sfc_main$1g),e.component(`m-fields-data-source-select`,_sfc_main$1b),e.component(`m-fields-data-source-methods`,_sfc_main$1e),e.component(`m-fields-data-source-method-select`,_sfc_main$1d),e.component(`m-fields-data-source-field-select`,_sfc_main$1h),e.component(`m-fields-page-fragment-select`,_sfc_main$16),e.component(`m-fields-display-conds`,_sfc_main$1a),e.component(`m-fields-cond-op-select`,_sfc_main$1l),e.component(`m-form-style-setter`,_sfc_main$E)}},App_vue_vue_type_script_lang_default={name:`App`},_plugin_vue_export_helper_default=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};function _sfc_render(e,t,n,r,i,a){let o=resolveComponent(`router-view`);return openBlock(),createBlock(o)}var App_default=_plugin_vue_export_helper_default(App_vue_vue_type_script_lang_default,[[`render`,_sfc_render]]),isBrowser=typeof document<`u`;function isRouteComponent(e){return typeof e==`object`||`displayName`in e||`props`in e||`__vccOpts`in e}function isESModule(e){return e.__esModule||e[Symbol.toStringTag]===`Module`||e.default&&isRouteComponent(e.default)}var assign=Object.assign;function applyToParams(e,t){let n={};for(let r in t){let i=t[r];n[r]=isArray(i)?i.map(e):e(i)}return n}var noop=()=>{},isArray=Array.isArray;function mergeOptions(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}var HASH_RE=/#/g,AMPERSAND_RE=/&/g,SLASH_RE=/\//g,EQUAL_RE=/=/g,IM_RE=/\?/g,PLUS_RE=/\+/g,ENC_BRACKET_OPEN_RE=/%5B/g,ENC_BRACKET_CLOSE_RE=/%5D/g,ENC_CARET_RE=/%5E/g,ENC_BACKTICK_RE=/%60/g,ENC_CURLY_OPEN_RE=/%7B/g,ENC_PIPE_RE=/%7C/g,ENC_CURLY_CLOSE_RE=/%7D/g,ENC_SPACE_RE=/%20/g;function commonEncode(e){return e==null?``:encodeURI(``+e).replace(ENC_PIPE_RE,`|`).replace(ENC_BRACKET_OPEN_RE,`[`).replace(ENC_BRACKET_CLOSE_RE,`]`)}function encodeHash(e){return commonEncode(e).replace(ENC_CURLY_OPEN_RE,`{`).replace(ENC_CURLY_CLOSE_RE,`}`).replace(ENC_CARET_RE,`^`)}function encodeQueryValue(e){return commonEncode(e).replace(PLUS_RE,`%2B`).replace(ENC_SPACE_RE,`+`).replace(HASH_RE,`%23`).replace(AMPERSAND_RE,`%26`).replace(ENC_BACKTICK_RE,"`").replace(ENC_CURLY_OPEN_RE,`{`).replace(ENC_CURLY_CLOSE_RE,`}`).replace(ENC_CARET_RE,`^`)}function encodeQueryKey(e){return encodeQueryValue(e).replace(EQUAL_RE,`%3D`)}function encodePath(e){return commonEncode(e).replace(HASH_RE,`%23`).replace(IM_RE,`%3F`)}function encodeParam(e){return encodePath(e).replace(SLASH_RE,`%2F`)}function decode(e){if(e==null)return null;try{return decodeURIComponent(``+e)}catch{}return``+e}var TRAILING_SLASH_RE=/\/$/,removeTrailingSlash=e=>e.replace(TRAILING_SLASH_RE,``);function parseURL(e,t,n=`/`){let r,i={},a=``,o=``,s=t.indexOf(`#`),c=t.indexOf(`?`);return c=s>=0&&c>s?-1:c,c>=0&&(r=t.slice(0,c),a=t.slice(c,s>0?s:t.length),i=e(a.slice(1))),s>=0&&(r=r||t.slice(0,s),o=t.slice(s,t.length)),r=resolveRelativePath(r??t,n),{fullPath:r+a+o,path:r,query:i,hash:decode(o)}}function stringifyURL(e,t){let n=t.query?e(t.query):``;return t.path+(n&&`?`)+n+(t.hash||``)}function stripBase(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||`/`}function isSameRouteLocation(e,t,n){let r=t.matched.length-1,i=n.matched.length-1;return r>-1&&r===i&&isSameRouteRecord(t.matched[r],n.matched[i])&&isSameRouteLocationParams(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function isSameRouteRecord(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function isSameRouteLocationParams(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(!isSameRouteLocationParamsValue(e[n],t[n]))return!1;return!0}function isSameRouteLocationParamsValue(e,t){return isArray(e)?isEquivalentArray(e,t):isArray(t)?isEquivalentArray(t,e):e===t}function isEquivalentArray(e,t){return isArray(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):e.length===1&&e[0]===t}function resolveRelativePath(e,t){if(e.startsWith(`/`))return e;if(!e)return t;let n=t.split(`/`),r=e.split(`/`),i=r[r.length-1];(i===`..`||i===`.`)&&r.push(``);let a=n.length-1,o,s;for(o=0;o<r.length;o++)if(s=r[o],s!==`.`)if(s===`..`)a>1&&a--;else break;return n.slice(0,a).join(`/`)+`/`+r.slice(o).join(`/`)}var START_LOCATION_NORMALIZED={path:`/`,name:void 0,params:{},query:{},hash:``,fullPath:`/`,matched:[],meta:{},redirectedFrom:void 0},NavigationType=function(e){return e.pop=`pop`,e.push=`push`,e}({}),NavigationDirection=function(e){return e.back=`back`,e.forward=`forward`,e.unknown=``,e}({});function normalizeBase(e){if(!e)if(isBrowser){let t=document.querySelector(`base`);e=t&&t.getAttribute(`href`)||`/`,e=e.replace(/^\w+:\/\/[^\/]+/,``)}else e=`/`;return e[0]!==`/`&&e[0]!==`#`&&(e=`/`+e),removeTrailingSlash(e)}var BEFORE_HASH_RE=/^[^#]+#/;function createHref(e,t){return e.replace(BEFORE_HASH_RE,`#`)+t}function getElementPosition(e,t){let n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}var computeScrollPosition=()=>({left:window.scrollX,top:window.scrollY});function scrollToPosition(e){let t;if(`el`in e){let n=e.el,r=typeof n==`string`&&n.startsWith(`#`),i=typeof n==`string`?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!i)return;t=getElementPosition(i,e)}else t=e;`scrollBehavior`in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left==null?window.scrollX:t.left,t.top==null?window.scrollY:t.top)}function getScrollKey(e,t){return(history.state?history.state.position-t:-1)+e}var scrollPositions=new Map;function saveScrollPosition(e,t){scrollPositions.set(e,t)}function getSavedScrollPosition(e){let t=scrollPositions.get(e);return scrollPositions.delete(e),t}function isRouteLocation(e){return typeof e==`string`||e&&typeof e==`object`}function isRouteName(e){return typeof e==`string`||typeof e==`symbol`}var ErrorTypes=function(e){return e[e.MATCHER_NOT_FOUND=1]=`MATCHER_NOT_FOUND`,e[e.NAVIGATION_GUARD_REDIRECT=2]=`NAVIGATION_GUARD_REDIRECT`,e[e.NAVIGATION_ABORTED=4]=`NAVIGATION_ABORTED`,e[e.NAVIGATION_CANCELLED=8]=`NAVIGATION_CANCELLED`,e[e.NAVIGATION_DUPLICATED=16]=`NAVIGATION_DUPLICATED`,e}({}),NavigationFailureSymbol=Symbol(``);ErrorTypes.MATCHER_NOT_FOUND,ErrorTypes.NAVIGATION_GUARD_REDIRECT,ErrorTypes.NAVIGATION_ABORTED,ErrorTypes.NAVIGATION_CANCELLED,ErrorTypes.NAVIGATION_DUPLICATED;function createRouterError(e,t){return assign(Error(),{type:e,[NavigationFailureSymbol]:!0},t)}function isNavigationFailure(e,t){return e instanceof Error&&NavigationFailureSymbol in e&&(t==null||!!(e.type&t))}function parseQuery(e){let t={};if(e===``||e===`?`)return t;let n=(e[0]===`?`?e.slice(1):e).split(`&`);for(let e=0;e<n.length;++e){let r=n[e].replace(PLUS_RE,` `),i=r.indexOf(`=`),a=decode(i<0?r:r.slice(0,i)),o=i<0?null:decode(r.slice(i+1));if(a in t){let e=t[a];isArray(e)||(e=t[a]=[e]),e.push(o)}else t[a]=o}return t}function stringifyQuery(e){let t=``;for(let n in e){let r=e[n];if(n=encodeQueryKey(n),r==null){r!==void 0&&(t+=(t.length?`&`:``)+n);continue}(isArray(r)?r.map(e=>e&&encodeQueryValue(e)):[r&&encodeQueryValue(r)]).forEach(e=>{e!==void 0&&(t+=(t.length?`&`:``)+n,e!=null&&(t+=`=`+e))})}return t}function normalizeQuery(e){let t={};for(let n in e){let r=e[n];r!==void 0&&(t[n]=isArray(r)?r.map(e=>e==null?null:``+e):r==null?r:``+r)}return t}var matchedRouteKey=Symbol(``),viewDepthKey=Symbol(``),routerKey=Symbol(``),routeLocationKey=Symbol(``),routerViewLocationKey=Symbol(``);function useCallbacks(){let e=[];function t(t){return e.push(t),()=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function guardToPromiseFn(e,t,n,r,i,a=e=>e()){let o=r&&(r.enterCallbacks[i]=r.enterCallbacks[i]||[]);return()=>new Promise((s,c)=>{let l=e=>{e===!1?c(createRouterError(ErrorTypes.NAVIGATION_ABORTED,{from:n,to:t})):e instanceof Error?c(e):isRouteLocation(e)?c(createRouterError(ErrorTypes.NAVIGATION_GUARD_REDIRECT,{from:t,to:e})):(o&&r.enterCallbacks[i]===o&&typeof e==`function`&&o.push(e),s())},u=a(()=>e.call(r&&r.instances[i],t,n,l)),d=Promise.resolve(u);e.length<3&&(d=d.then(l)),d.catch(e=>c(e))})}function extractComponentsGuards(e,t,n,r,i=e=>e()){let a=[];for(let o of e)for(let e in o.components){let s=o.components[e];if(!(t!==`beforeRouteEnter`&&!o.instances[e]))if(isRouteComponent(s)){let c=(s.__vccOpts||s)[t];c&&a.push(guardToPromiseFn(c,n,r,o,e,i))}else{let c=s();a.push(()=>c.then(a=>{if(!a)throw Error(`Couldn't resolve component "${e}" at "${o.path}"`);let s=isESModule(a)?a.default:a;o.mods[e]=a,o.components[e]=s;let c=(s.__vccOpts||s)[t];return c&&guardToPromiseFn(c,n,r,o,e,i)()}))}}return a}function extractChangingRecords(e,t){let n=[],r=[],i=[],a=Math.max(t.matched.length,e.matched.length);for(let o=0;o<a;o++){let a=t.matched[o];a&&(e.matched.find(e=>isSameRouteRecord(e,a))?r.push(a):n.push(a));let s=e.matched[o];s&&(t.matched.find(e=>isSameRouteRecord(e,s))||i.push(s))}return[n,r,i]}var createBaseLocation=()=>location.protocol+`//`+location.host;function createCurrentLocation(e,t){let{pathname:n,search:r,hash:i}=t,a=e.indexOf(`#`);if(a>-1){let t=i.includes(e.slice(a))?e.slice(a).length:1,n=i.slice(t);return n[0]!==`/`&&(n=`/`+n),stripBase(n,``)}return stripBase(n,e)+r+i}function useHistoryListeners(e,t,n,r){let i=[],a=[],o=null,s=({state:a})=>{let s=createCurrentLocation(e,location),c=n.value,l=t.value,u=0;if(a){if(n.value=s,t.value=a,o&&o===c){o=null;return}u=l?a.position-l.position:0}else r(s);i.forEach(e=>{e(n.value,c,{delta:u,type:NavigationType.pop,direction:u?u>0?NavigationDirection.forward:NavigationDirection.back:NavigationDirection.unknown})})};function c(){o=n.value}function l(e){i.push(e);let t=()=>{let t=i.indexOf(e);t>-1&&i.splice(t,1)};return a.push(t),t}function u(){if(document.visibilityState===`hidden`){let{history:e}=window;if(!e.state)return;e.replaceState(assign({},e.state,{scroll:computeScrollPosition()}),``)}}function d(){for(let e of a)e();a=[],window.removeEventListener(`popstate`,s),window.removeEventListener(`pagehide`,u),document.removeEventListener(`visibilitychange`,u)}return window.addEventListener(`popstate`,s),window.addEventListener(`pagehide`,u),document.addEventListener(`visibilitychange`,u),{pauseListeners:c,listen:l,destroy:d}}function buildState(e,t,n,r=!1,i=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:i?computeScrollPosition():null}}function useHistoryStateNavigation(e){let{history:t,location:n}=window,r={value:createCurrentLocation(e,n)},i={value:t.state};i.value||a(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function a(r,a,o){let s=e.indexOf(`#`),c=s>-1?(n.host&&document.querySelector(`base`)?e:e.slice(s))+r:createBaseLocation()+e+r;try{t[o?`replaceState`:`pushState`](a,``,c),i.value=a}catch(e){console.error(e),n[o?`replace`:`assign`](c)}}function o(e,n){a(e,assign({},t.state,buildState(i.value.back,e,i.value.forward,!0),n,{position:i.value.position}),!0),r.value=e}function s(e,n){let o=assign({},i.value,t.state,{forward:e,scroll:computeScrollPosition()});a(o.current,o,!0),a(e,assign({},buildState(r.value,e,null),{position:o.position+1},n),!1),r.value=e}return{location:r,state:i,push:s,replace:o}}function createWebHistory(e){e=normalizeBase(e);let t=useHistoryStateNavigation(e),n=useHistoryListeners(e,t.state,t.location,t.replace);function r(e,t=!0){t||n.pauseListeners(),history.go(e)}let i=assign({location:``,base:e,go:r,createHref:createHref.bind(null,e)},t,n);return Object.defineProperty(i,`location`,{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(i,`state`,{enumerable:!0,get:()=>t.state.value}),i}function createWebHashHistory(e){return e=location.host?e||location.pathname+location.search:``,e.includes(`#`)||(e+=`#`),createWebHistory(e)}var TokenType=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.Group=2]=`Group`,e}({}),TokenizerState=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.ParamRegExp=2]=`ParamRegExp`,e[e.ParamRegExpEnd=3]=`ParamRegExpEnd`,e[e.EscapeNext=4]=`EscapeNext`,e}(TokenizerState||{}),ROOT_TOKEN={type:TokenType.Static,value:``},VALID_PARAM_RE=/[a-zA-Z0-9_]/;function tokenizePath(e){if(!e)return[[]];if(e===`/`)return[[ROOT_TOKEN]];if(!e.startsWith(`/`))throw Error(`Invalid path "${e}"`);function t(e){throw Error(`ERR (${n})/"${l}": ${e}`)}let n=TokenizerState.Static,r=n,i=[],a;function o(){a&&i.push(a),a=[]}let s=0,c,l=``,u=``;function d(){l&&(n===TokenizerState.Static?a.push({type:TokenType.Static,value:l}):n===TokenizerState.Param||n===TokenizerState.ParamRegExp||n===TokenizerState.ParamRegExpEnd?(a.length>1&&(c===`*`||c===`+`)&&t(`A repeatable param (${l}) must be alone in its segment. eg: '/:ids+.`),a.push({type:TokenType.Param,value:l,regexp:u,repeatable:c===`*`||c===`+`,optional:c===`*`||c===`?`})):t(`Invalid state to consume buffer`),l=``)}function f(){l+=c}for(;s<e.length;){if(c=e[s++],c===`\\`&&n!==TokenizerState.ParamRegExp){r=n,n=TokenizerState.EscapeNext;continue}switch(n){case TokenizerState.Static:c===`/`?(l&&d(),o()):c===`:`?(d(),n=TokenizerState.Param):f();break;case TokenizerState.EscapeNext:f(),n=r;break;case TokenizerState.Param:c===`(`?n=TokenizerState.ParamRegExp:VALID_PARAM_RE.test(c)?f():(d(),n=TokenizerState.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--);break;case TokenizerState.ParamRegExp:c===`)`?u[u.length-1]==`\\`?u=u.slice(0,-1)+c:n=TokenizerState.ParamRegExpEnd:u+=c;break;case TokenizerState.ParamRegExpEnd:d(),n=TokenizerState.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--,u=``;break;default:t(`Unknown state`);break}}return n===TokenizerState.ParamRegExp&&t(`Unfinished custom RegExp for param "${l}"`),d(),o(),i}var BASE_PARAM_PATTERN=`[^/]+?`,BASE_PATH_PARSER_OPTIONS={sensitive:!1,strict:!1,start:!0,end:!0},PathScore=function(e){return e[e._multiplier=10]=`_multiplier`,e[e.Root=90]=`Root`,e[e.Segment=40]=`Segment`,e[e.SubSegment=30]=`SubSegment`,e[e.Static=40]=`Static`,e[e.Dynamic=20]=`Dynamic`,e[e.BonusCustomRegExp=10]=`BonusCustomRegExp`,e[e.BonusWildcard=-50]=`BonusWildcard`,e[e.BonusRepeatable=-20]=`BonusRepeatable`,e[e.BonusOptional=-8]=`BonusOptional`,e[e.BonusStrict=.7000000000000001]=`BonusStrict`,e[e.BonusCaseSensitive=.25]=`BonusCaseSensitive`,e}(PathScore||{}),REGEX_CHARS_RE=/[.+*?^${}()[\]/\\]/g;function tokensToParser(e,t){let n=assign({},BASE_PATH_PARSER_OPTIONS,t),r=[],i=n.start?`^`:``,a=[];for(let t of e){let e=t.length?[]:[PathScore.Root];n.strict&&!t.length&&(i+=`/`);for(let r=0;r<t.length;r++){let o=t[r],s=PathScore.Segment+(n.sensitive?PathScore.BonusCaseSensitive:0);if(o.type===TokenType.Static)r||(i+=`/`),i+=o.value.replace(REGEX_CHARS_RE,`\\$&`),s+=PathScore.Static;else if(o.type===TokenType.Param){let{value:e,repeatable:n,optional:c,regexp:l}=o;a.push({name:e,repeatable:n,optional:c});let u=l||BASE_PARAM_PATTERN;if(u!==BASE_PARAM_PATTERN){s+=PathScore.BonusCustomRegExp;try{`${u}`}catch(t){throw Error(`Invalid custom RegExp for param "${e}" (${u}): `+t.message)}}let d=n?`((?:${u})(?:/(?:${u}))*)`:`(${u})`;r||(d=c&&t.length<2?`(?:/${d})`:`/`+d),c&&(d+=`?`),i+=d,s+=PathScore.Dynamic,c&&(s+=PathScore.BonusOptional),n&&(s+=PathScore.BonusRepeatable),u===`.*`&&(s+=PathScore.BonusWildcard)}e.push(s)}r.push(e)}if(n.strict&&n.end){let e=r.length-1;r[e][r[e].length-1]+=PathScore.BonusStrict}n.strict||(i+=`/?`),n.end?i+=`$`:n.strict&&!i.endsWith(`/`)&&(i+=`(?:/|$)`);let o=new RegExp(i,n.sensitive?``:`i`);function s(e){let t=e.match(o),n={};if(!t)return null;for(let e=1;e<t.length;e++){let r=t[e]||``,i=a[e-1];n[i.name]=r&&i.repeatable?r.split(`/`):r}return n}function c(t){let n=``,r=!1;for(let i of e){(!r||!n.endsWith(`/`))&&(n+=`/`),r=!1;for(let e of i)if(e.type===TokenType.Static)n+=e.value;else if(e.type===TokenType.Param){let{value:a,repeatable:o,optional:s}=e,c=a in t?t[a]:``;if(isArray(c)&&!o)throw Error(`Provided param "${a}" is an array but it is not repeatable (* or + modifiers)`);let l=isArray(c)?c.join(`/`):c;if(!l)if(s)i.length<2&&(n.endsWith(`/`)?n=n.slice(0,-1):r=!0);else throw Error(`Missing required param "${a}"`);n+=l}}return n||`/`}return{re:o,score:r,keys:a,parse:s,stringify:c}}function compareScoreArray(e,t){let n=0;for(;n<e.length&&n<t.length;){let r=t[n]-e[n];if(r)return r;n++}return e.length<t.length?e.length===1&&e[0]===PathScore.Static+PathScore.Segment?-1:1:e.length>t.length?t.length===1&&t[0]===PathScore.Static+PathScore.Segment?1:-1:0}function comparePathParserScore(e,t){let n=0,r=e.score,i=t.score;for(;n<r.length&&n<i.length;){let e=compareScoreArray(r[n],i[n]);if(e)return e;n++}if(Math.abs(i.length-r.length)===1){if(isLastScoreNegative(r))return 1;if(isLastScoreNegative(i))return-1}return i.length-r.length}function isLastScoreNegative(e){let t=e[e.length-1];return e.length>0&&t[t.length-1]<0}var PATH_PARSER_OPTIONS_DEFAULTS={strict:!1,end:!0,sensitive:!1};function createRouteRecordMatcher(e,t,n){let r=assign(tokensToParser(tokenizePath(e.path),n),{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function createRouterMatcher(e,t){let n=[],r=new Map;t=mergeOptions(PATH_PARSER_OPTIONS_DEFAULTS,t);function i(e){return r.get(e)}function a(e,n,r){let i=!r,s=normalizeRouteRecord(e);s.aliasOf=r&&r.record;let l=mergeOptions(t,e),u=[s];if(`alias`in e){let t=typeof e.alias==`string`?[e.alias]:e.alias;for(let e of t)u.push(normalizeRouteRecord(assign({},s,{components:r?r.record.components:s.components,path:e,aliasOf:r?r.record:s})))}let d,f;for(let t of u){let{path:u}=t;if(n&&u[0]!==`/`){let e=n.record.path,r=e[e.length-1]===`/`?``:`/`;t.path=n.record.path+(u&&r+u)}if(d=createRouteRecordMatcher(t,n,l),r?r.alias.push(d):(f=f||d,f!==d&&f.alias.push(d),i&&e.name&&!isAliasRecord(d)&&o(e.name)),isMatchable(d)&&c(d),s.children){let e=s.children;for(let t=0;t<e.length;t++)a(e[t],d,r&&r.children[t])}r=r||d}return f?()=>{o(f)}:noop}function o(e){if(isRouteName(e)){let t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(o),t.alias.forEach(o))}else{let t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(o),e.alias.forEach(o))}}function s(){return n}function c(e){let t=findInsertionIndex(e,n);n.splice(t,0,e),e.record.name&&!isAliasRecord(e)&&r.set(e.record.name,e)}function l(e,t){let i,a={},o,s;if(`name`in e&&e.name){if(i=r.get(e.name),!i)throw createRouterError(ErrorTypes.MATCHER_NOT_FOUND,{location:e});s=i.record.name,a=assign(pickParams(t.params,i.keys.filter(e=>!e.optional).concat(i.parent?i.parent.keys.filter(e=>e.optional):[]).map(e=>e.name)),e.params&&pickParams(e.params,i.keys.map(e=>e.name))),o=i.stringify(a)}else if(e.path!=null)o=e.path,i=n.find(e=>e.re.test(o)),i&&(a=i.parse(o),s=i.record.name);else{if(i=t.name?r.get(t.name):n.find(e=>e.re.test(t.path)),!i)throw createRouterError(ErrorTypes.MATCHER_NOT_FOUND,{location:e,currentLocation:t});s=i.record.name,a=assign({},t.params,e.params),o=i.stringify(a)}let c=[],l=i;for(;l;)c.unshift(l.record),l=l.parent;return{name:s,path:o,params:a,matched:c,meta:mergeMetaFields(c)}}e.forEach(e=>a(e));function u(){n.length=0,r.clear()}return{addRoute:a,resolve:l,removeRoute:o,clearRoutes:u,getRoutes:s,getRecordMatcher:i}}function pickParams(e,t){let n={};for(let r of t)r in e&&(n[r]=e[r]);return n}function normalizeRouteRecord(e){let t={path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:e.aliasOf,beforeEnter:e.beforeEnter,props:normalizeRecordProps(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:`components`in e?e.components||null:e.component&&{default:e.component}};return Object.defineProperty(t,`mods`,{value:{}}),t}function normalizeRecordProps(e){let t={},n=e.props||!1;if(`component`in e)t.default=n;else for(let r in e.components)t[r]=typeof n==`object`?n[r]:n;return t}function isAliasRecord(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function mergeMetaFields(e){return e.reduce((e,t)=>assign(e,t.meta),{})}function findInsertionIndex(e,t){let n=0,r=t.length;for(;n!==r;){let i=n+r>>1;comparePathParserScore(e,t[i])<0?r=i:n=i+1}let i=getInsertionAncestor(e);return i&&(r=t.lastIndexOf(i,r-1)),r}function getInsertionAncestor(e){let t=e;for(;t=t.parent;)if(isMatchable(t)&&comparePathParserScore(e,t)===0)return t}function isMatchable({record:e}){return!!(e.name||e.components&&Object.keys(e.components).length||e.redirect)}function useLink(e){let t=inject(routerKey),n=inject(routeLocationKey),r=computed$1(()=>{let n=unref(e.to);return t.resolve(n)}),i=computed$1(()=>{let{matched:e}=r.value,{length:t}=e,i=e[t-1],a=n.matched;if(!i||!a.length)return-1;let o=a.findIndex(isSameRouteRecord.bind(null,i));if(o>-1)return o;let s=getOriginalPath(e[t-2]);return t>1&&getOriginalPath(i)===s&&a[a.length-1].path!==s?a.findIndex(isSameRouteRecord.bind(null,e[t-2])):o}),a=computed$1(()=>i.value>-1&&includesParams(n.params,r.value.params)),o=computed$1(()=>i.value>-1&&i.value===n.matched.length-1&&isSameRouteLocationParams(n.params,r.value.params));function s(n={}){if(guardEvent(n)){let n=t[unref(e.replace)?`replace`:`push`](unref(e.to)).catch(noop);return e.viewTransition&&typeof document<`u`&&`startViewTransition`in document&&document.startViewTransition(()=>n),n}return Promise.resolve()}return{route:r,href:computed$1(()=>r.value.href),isActive:a,isExactActive:o,navigate:s}}function preferSingleVNode(e){return e.length===1?e[0]:e}var RouterLink=defineComponent({name:`RouterLink`,compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:`page`},viewTransition:Boolean},useLink,setup(e,{slots:t}){let n=reactive$1(useLink(e)),{options:r}=inject(routerKey),i=computed$1(()=>({[getLinkClass(e.activeClass,r.linkActiveClass,`router-link-active`)]:n.isActive,[getLinkClass(e.exactActiveClass,r.linkExactActiveClass,`router-link-exact-active`)]:n.isExactActive}));return()=>{let r=t.default&&preferSingleVNode(t.default(n));return e.custom?r:h(`a`,{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:i.value},r)}}});function guardEvent(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){let t=e.currentTarget.getAttribute(`target`);if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function includesParams(e,t){for(let n in t){let r=t[n],i=e[n];if(typeof r==`string`){if(r!==i)return!1}else if(!isArray(i)||i.length!==r.length||r.some((e,t)=>e!==i[t]))return!1}return!0}function getOriginalPath(e){return e?e.aliasOf?e.aliasOf.path:e.path:``}var getLinkClass=(e,t,n)=>e??t??n,RouterViewImpl=defineComponent({name:`RouterView`,inheritAttrs:!1,props:{name:{type:String,default:`default`},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){let r=inject(routerViewLocationKey),i=computed$1(()=>e.route||r.value),a=inject(viewDepthKey,0),o=computed$1(()=>{let e=unref(a),{matched:t}=i.value,n;for(;(n=t[e])&&!n.components;)e++;return e}),s=computed$1(()=>i.value.matched[o.value]);provide(viewDepthKey,computed$1(()=>o.value+1)),provide(matchedRouteKey,s),provide(routerViewLocationKey,i);let c=ref$1();return watch(()=>[c.value,s.value,e.name],([e,t,n],[r,i,a])=>{t&&(t.instances[n]=e,i&&i!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=i.leaveGuards),t.updateGuards.size||(t.updateGuards=i.updateGuards))),e&&t&&(!i||!isSameRouteRecord(t,i)||!r)&&(t.enterCallbacks[n]||[]).forEach(t=>t(e))},{flush:`post`}),()=>{let r=i.value,a=e.name,o=s.value,l=o&&o.components[a];if(!l)return normalizeSlot(n.default,{Component:l,route:r});let u=o.props[a],d=h(l,assign({},u?u===!0?r.params:typeof u==`function`?u(r):u:null,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(o.instances[a]=null)},ref:c}));return normalizeSlot(n.default,{Component:d,route:r})||d}}});function normalizeSlot(e,t){if(!e)return null;let n=e(t);return n.length===1?n[0]:n}var RouterView=RouterViewImpl;function createRouter(e){let t=createRouterMatcher(e.routes,e),n=e.parseQuery||parseQuery,r=e.stringifyQuery||stringifyQuery,i=e.history,a=useCallbacks(),o=useCallbacks(),s=useCallbacks(),c=shallowRef(START_LOCATION_NORMALIZED),l=START_LOCATION_NORMALIZED;isBrowser&&e.scrollBehavior&&`scrollRestoration`in history&&(history.scrollRestoration=`manual`);let u=applyToParams.bind(null,e=>``+e),d=applyToParams.bind(null,encodeParam),f=applyToParams.bind(null,decode);function p(e,n){let r,i;return isRouteName(e)?(r=t.getRecordMatcher(e),i=n):i=e,t.addRoute(i,r)}function m(e){let n=t.getRecordMatcher(e);n&&t.removeRoute(n)}function g(){return t.getRoutes().map(e=>e.record)}function _(e){return!!t.getRecordMatcher(e)}function v(e,a){if(a=assign({},a||c.value),typeof e==`string`){let r=parseURL(n,e,a.path),o=t.resolve({path:r.path},a),s=i.createHref(r.fullPath);return assign(r,o,{params:f(o.params),hash:decode(r.hash),redirectedFrom:void 0,href:s})}let o;if(e.path!=null)o=assign({},e,{path:parseURL(n,e.path,a.path).path});else{let t=assign({},e.params);for(let e in t)t[e]??delete t[e];o=assign({},e,{params:d(t)}),a.params=d(a.params)}let s=t.resolve(o,a),l=e.hash||``;s.params=u(f(s.params));let p=stringifyURL(r,assign({},e,{hash:encodeHash(l),path:s.path})),m=i.createHref(p);return assign({fullPath:p,hash:l,query:r===stringifyQuery?normalizeQuery(e.query):e.query||{}},s,{redirectedFrom:void 0,href:m})}function y(e){return typeof e==`string`?parseURL(n,e,c.value.path):assign({},e)}function b(e,t){if(l!==e)return createRouterError(ErrorTypes.NAVIGATION_CANCELLED,{from:t,to:e})}function x(e){return w(e)}function S(e){return x(assign(y(e),{replace:!0}))}function C(e,t){let n=e.matched[e.matched.length-1];if(n&&n.redirect){let{redirect:r}=n,i=typeof r==`function`?r(e,t):r;return typeof i==`string`&&(i=i.includes(`?`)||i.includes(`#`)?i=y(i):{path:i},i.params={}),assign({query:e.query,hash:e.hash,params:i.path==null?e.params:{}},i)}}function w(e,t){let n=l=v(e),i=c.value,a=e.state,o=e.force,s=e.replace===!0,u=C(n,i);if(u)return w(assign(y(u),{state:typeof u==`object`?assign({},a,u.state):a,force:o,replace:s}),t||n);let d=n;d.redirectedFrom=t;let f;return!o&&isSameRouteLocation(r,i,n)&&(f=createRouterError(ErrorTypes.NAVIGATION_DUPLICATED,{to:d,from:i}),R(i,i,!0,!1)),(f?Promise.resolve(f):D(d,i)).catch(e=>isNavigationFailure(e)?isNavigationFailure(e,ErrorTypes.NAVIGATION_GUARD_REDIRECT)?e:L(e):F(e,d,i)).then(e=>{if(e){if(isNavigationFailure(e,ErrorTypes.NAVIGATION_GUARD_REDIRECT))return w(assign({replace:s},y(e.to),{state:typeof e.to==`object`?assign({},a,e.to.state):a,force:o}),t||d)}else e=k(d,i,!0,s,a);return O(d,i,e),e})}function T(e,t){let n=b(e,t);return n?Promise.reject(n):Promise.resolve()}function E(e){let t=V.values().next().value;return t&&typeof t.runWithContext==`function`?t.runWithContext(e):e()}function D(e,t){let n,[r,i,s]=extractChangingRecords(e,t);n=extractComponentsGuards(r.reverse(),`beforeRouteLeave`,e,t);for(let i of r)i.leaveGuards.forEach(r=>{n.push(guardToPromiseFn(r,e,t))});let c=T.bind(null,e,t);return n.push(c),U(n).then(()=>{n=[];for(let r of a.list())n.push(guardToPromiseFn(r,e,t));return n.push(c),U(n)}).then(()=>{n=extractComponentsGuards(i,`beforeRouteUpdate`,e,t);for(let r of i)r.updateGuards.forEach(r=>{n.push(guardToPromiseFn(r,e,t))});return n.push(c),U(n)}).then(()=>{n=[];for(let r of s)if(r.beforeEnter)if(isArray(r.beforeEnter))for(let i of r.beforeEnter)n.push(guardToPromiseFn(i,e,t));else n.push(guardToPromiseFn(r.beforeEnter,e,t));return n.push(c),U(n)}).then(()=>(e.matched.forEach(e=>e.enterCallbacks={}),n=extractComponentsGuards(s,`beforeRouteEnter`,e,t,E),n.push(c),U(n))).then(()=>{n=[];for(let r of o.list())n.push(guardToPromiseFn(r,e,t));return n.push(c),U(n)}).catch(e=>isNavigationFailure(e,ErrorTypes.NAVIGATION_CANCELLED)?e:Promise.reject(e))}function O(e,t,n){s.list().forEach(r=>E(()=>r(e,t,n)))}function k(e,t,n,r,a){let o=b(e,t);if(o)return o;let s=t===START_LOCATION_NORMALIZED,l=isBrowser?history.state:{};n&&(r||s?i.replace(e.fullPath,assign({scroll:s&&l&&l.scroll},a)):i.push(e.fullPath,a)),c.value=e,R(e,t,n,s),L()}let A;function j(){A||(A=i.listen((e,t,n)=>{if(!H.listening)return;let r=v(e),a=C(r,H.currentRoute.value);if(a){w(assign(a,{replace:!0,force:!0}),r).catch(noop);return}l=r;let o=c.value;isBrowser&&saveScrollPosition(getScrollKey(o.fullPath,n.delta),computeScrollPosition()),D(r,o).catch(e=>isNavigationFailure(e,ErrorTypes.NAVIGATION_ABORTED|ErrorTypes.NAVIGATION_CANCELLED)?e:isNavigationFailure(e,ErrorTypes.NAVIGATION_GUARD_REDIRECT)?(w(assign(y(e.to),{force:!0}),r).then(e=>{isNavigationFailure(e,ErrorTypes.NAVIGATION_ABORTED|ErrorTypes.NAVIGATION_DUPLICATED)&&!n.delta&&n.type===NavigationType.pop&&i.go(-1,!1)}).catch(noop),Promise.reject()):(n.delta&&i.go(-n.delta,!1),F(e,r,o))).then(e=>{e=e||k(r,o,!1),e&&(n.delta&&!isNavigationFailure(e,ErrorTypes.NAVIGATION_CANCELLED)?i.go(-n.delta,!1):n.type===NavigationType.pop&&isNavigationFailure(e,ErrorTypes.NAVIGATION_ABORTED|ErrorTypes.NAVIGATION_DUPLICATED)&&i.go(-1,!1)),O(r,o,e)}).catch(noop)}))}let M=useCallbacks(),N=useCallbacks(),P;function F(e,t,n){L(e);let r=N.list();return r.length?r.forEach(r=>r(e,t,n)):console.error(e),Promise.reject(e)}function I(){return P&&c.value!==START_LOCATION_NORMALIZED?Promise.resolve():new Promise((e,t)=>{M.add([e,t])})}function L(e){return P||(P=!e,j(),M.list().forEach(([t,n])=>e?n(e):t()),M.reset()),e}function R(t,n,r,i){let{scrollBehavior:a}=e;if(!isBrowser||!a)return Promise.resolve();let o=!r&&getSavedScrollPosition(getScrollKey(t.fullPath,0))||(i||!r)&&history.state&&history.state.scroll||null;return nextTick().then(()=>a(t,n,o)).then(e=>e&&scrollToPosition(e)).catch(e=>F(e,t,n))}let z=e=>i.go(e),B,V=new Set,H={currentRoute:c,listening:!0,addRoute:p,removeRoute:m,clearRoutes:t.clearRoutes,hasRoute:_,getRoutes:g,resolve:v,options:e,push:x,replace:S,go:z,back:()=>z(-1),forward:()=>z(1),beforeEach:a.add,beforeResolve:o.add,afterEach:s.add,onError:N.add,isReady:I,install(e){e.component(`RouterLink`,RouterLink),e.component(`RouterView`,RouterView),e.config.globalProperties.$router=H,Object.defineProperty(e.config.globalProperties,`$route`,{enumerable:!0,get:()=>unref(c)}),isBrowser&&!B&&c.value===START_LOCATION_NORMALIZED&&(B=!0,x(i.location).catch(e=>{}));let t={};for(let e in START_LOCATION_NORMALIZED)Object.defineProperty(t,e,{get:()=>c.value[e],enumerable:!0});e.provide(routerKey,H),e.provide(routeLocationKey,shallowReactive(t)),e.provide(routerViewLocationKey,c);let n=e.unmount;V.add(e),e.unmount=function(){V.delete(e),V.size<1&&(l=START_LOCATION_NORMALIZED,A&&A(),A=null,c.value=START_LOCATION_NORMALIZED,B=!1,P=!1),n()}}};function U(e){return e.reduce((e,t)=>e.then(()=>E(t)),Promise.resolve())}return H}function useRouter(){return inject(routerKey)}var DeviceType=function(e){return e.Phone=`phone`,e.Pad=`pad`,e.PC=`pc`,e}({}),uaMap={[DeviceType.Phone]:`Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1`,[DeviceType.Pad]:`Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/15A5341f Safari/604.1`,[DeviceType.PC]:`Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36`},DeviceGroup_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`DeviceGroup`,props:{modelValue:{default:()=>({width:375,height:817})},modelModifiers:{}},emits:[`update:modelValue`],setup(e,{expose:t}){let n=inject(`services`),r={phone:817,pad:1024,pc:`100%`},i={phone:375,pad:768,pc:`100%`},a=e=>r[e],o=e=>i[e],s=useModel(e,`modelValue`),c=computed$1(()=>n?.uiService.get(`stageContainerRect`)),l=()=>{if(!n)return;let e=n.editorService.get(`stage`)?.renderer?.iframe;if(!e?.contentWindow)return;let t=e.contentWindow.appInstance;if(t)if(t.setEnv(uaMap[u.value]),t.env.isWeb){let e=convertToNumber(n.uiService.get(`stageRect`).width,convertToNumber(c.value?.width||0));t.setDesignWidth(e)}else t.setDesignWidth(375)},u=ref$1(DeviceType.Phone),d=async e=>{s.value={width:o(e),height:a(e)},await nextTick(),l()};return t({viewerDevice:u}),(e,t)=>(openBlock(),createBlock(unref(_sfc_main$e$2),{size:`small`,modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=e=>u.value=e),class:normalizeClass(u.value),onChange:d},{default:withCtx(()=>[createVNode(unref(_sfc_main$f$2),{value:`phone`},{default:withCtx(()=>[...t[1]||(t[1]=[createTextVNode(`Phone`,-1)])]),_:1}),createVNode(unref(_sfc_main$f$2),{value:`pad`},{default:withCtx(()=>[...t[2]||(t[2]=[createTextVNode(`Pad`,-1)])]),_:1}),createVNode(unref(_sfc_main$f$2),{value:`pc`},{default:withCtx(()=>[...t[3]||(t[3]=[createTextVNode(`PC`,-1)])]),_:1})]),_:1},8,[`modelValue`,`class`]))}}),DeviceGroup_default=DeviceGroup_vue_vue_type_script_setup_true_lang_default,componentGroupList_default=[{title:`示例容器`,items:[{icon:folder_opened_default,text:`组`,type:`container`},{icon:folder_opened_default,text:`蒙层`,type:`overlay`},{icon:ticket_default,text:`页面片容器`,type:`page-fragment-container`},{icon:files_default,text:`迭代器容器`,type:`iterator-container`}]},{title:`示例组件`,items:[{icon:tickets_default,text:`文本`,type:`text`},{icon:switch_button_default,text:`按钮`,type:`button`},{icon:picture_filled_default,text:`图片`,type:`img`},{icon:grid_default,text:`二维码`,type:`qrcode`}]},{title:`组合`,items:[{icon:tickets_default,text:`弹窗`,data:{type:`overlay`,style:{position:`fixed`,width:`100%`,height:`100%`,top:0,left:0,backgroundColor:`rgba(0, 0, 0, 0.8)`},name:`弹窗`,items:[{type:`container`,style:{position:`absolute`,width:`80%`,height:`400`,top:`143.87`,left:37.5,backgroundColor:`rgba(255, 255, 255, 1)`,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`},name:`组`,items:[],layout:`absolute`}]}}]}],dsl={id:`1`,name:`test`,type:NodeType.ROOT,codeBlocks:{code_5336:{name:`getData`,content:({app:e,params:t})=>{console.log(`this is getData function`,t,e)},params:[{name:`age`,type:`number`,tip:`年纪`},{name:`studentName`,type:`text`,tip:`学生姓名`}]},code_5316:{name:`getList`,content:()=>{console.log(`this is getList function`)},params:[]},code_5317:{name:`code1`,content:({flowState:e})=>{console.log(`code1: set flowState.name=lisa`),e.name=`lisa`},params:[]},code_5318:{name:`code2`,content:({flowState:e})=>{console.log(`print flowState.name`,e.name),e.abort()},params:[]},code_6778:{name:`toOtherPage`,desc:``,timing:``,params:[{name:`pageId`,extra:``,type:``}],content:({app:e,params:t})=>{e.setPage(t.pageId)}}},items:[{type:NodeType.PAGE,id:`page_299`,name:`index`,title:``,layout:`absolute`,style:{position:`relative`,left:0,top:0,right:``,bottom:``,width:`100%`,height:`1728`,backgroundImage:``,backgroundColor:`rgba(248, 218, 218, 1)`,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``},events:[{name:`magic:common:events:click`,actions:[{actionType:ActionType.CODE,codeId:`code_5336`,params:{age:12}}]},{name:`magic:common:events:click`,actions:[{actionType:ActionType.CODE,codeId:`code_5316`,params:{}}]}],created:{hookType:`code`,hookData:[{codeId:`code_5336`,params:{studentName:`lisa`,age:14}},{codeId:`code_5316`,params:{}}]},items:[{type:`text`,id:`text_9027`,style:{width:`280.75`,height:`38.97`,position:`absolute`,top:`107.90`,left:`46.96`,right:``,bottom:``,backgroundImage:``,backgroundColor:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:`20`,fontWeight:``},name:`文本`,text:`Tmagic editor 营销活动编辑器`,multiple:!0,events:[],displayConds:[]},{type:`qrcode`,id:`qrcode_4738`,style:{position:`absolute`,left:`91.92`,width:`176`,height:`176`,top:`565.50`,right:``,bottom:``,backgroundImage:``,backgroundColor:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``},name:`二维码`,url:`https://github.com/Tencent/tmagic-editor`,events:[],created:[],displayConds:[]},{type:`img`,id:`img_3877`,style:{position:`absolute`,left:`95.91`,width:`176`,height:`176`,top:`325.71`,right:``,bottom:``,backgroundImage:``,backgroundColor:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``},name:`图片`,src:`https://vfiles.gtimg.cn/vupload/20210811/388ed01628667545737.png`,url:``,events:[],created:[],displayConds:[]},{type:`button`,id:`button_430`,style:{position:`absolute`,width:`270`,height:`37.5`,border:0,backgroundColor:`#fb6f00`,top:`206.82`,left:`55.95`,right:``,bottom:``,backgroundImage:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``,borderWidth:`0`,borderColor:``,borderStyle:`none`,transform:{rotate:``,scale:``}},name:`按钮`,text:"${ds_b64c92b5.text}",multiple:!0,events:[{name:`magic:common:events:click`,actions:[{actionType:ActionType.COMP,to:`overlay_2159`,method:`openOverlay`}]}],created:[],displayConds:[]},{id:`button_1cb163ad`,text:`前往page2`,multiple:!0,style:{width:`270`,height:`37.5`,border:0,backgroundColor:`#fb6f00`,position:`absolute`,left:56,top:266},type:`button`,name:`按钮`,events:[{name:`magic:common:events:click`,actions:[{actionType:ActionType.CODE,codeId:`code_6778`,params:{pageId:`page_171ff161`}}]}],displayConds:[]},{type:`overlay`,id:`overlay_2159`,style:{position:`fixed`,width:`100%`,height:`100%`,top:0,left:0,backgroundColor:`rgba(0, 0, 0, 0.8)`},name:`蒙层`,items:[{type:`container`,id:`container_607`,style:{position:`absolute`,width:`80%`,height:`400`,top:`143.87`,left:37.5,right:``,bottom:``,backgroundImage:``,backgroundColor:`rgba(255, 255, 255, 1)`,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``},name:`组`,items:[{type:`button`,id:`button_7265`,style:{position:`absolute`,width:`270`,height:`37.5`,border:0,backgroundColor:`#fb6f00`,top:`322.71`,left:`15.99`,right:``,bottom:``,backgroundImage:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:``,fontWeight:``,borderWidth:`0`,borderColor:``,borderStyle:`none`,transform:{rotate:``,scale:``}},name:`按钮`,text:`关闭弹窗`,multiple:!0,events:[{name:`magic:common:events:click`,actions:[{actionType:`comp`,to:`overlay_2159`,method:`closeOverlay`}]}],created:[]},{type:`img`,id:`img_3291`,style:{position:`absolute`,left:`63.94`,width:`176`,height:`176`,top:`105.91`},name:`图片`,src:`https://puui.qpic.cn/vupload/0/1573555382625_bhp0wud8l6w.png/0`,url:``},{type:`text`,id:`text_8598`,style:{position:`absolute`,width:`86.92`,height:`37.97`,left:`106.90`,top:`35.97`,right:``,bottom:``,backgroundImage:``,backgroundColor:``,backgroundRepeat:`no-repeat`,backgroundSize:`100% 100%`,color:``,fontSize:`24`,fontWeight:``},name:`文本`,text:`Tmagic`,multiple:!1,events:[],created:[]}],layout:`absolute`,events:[],created:[]}]}]},{id:`page_171ff161`,items:[{id:`button_80ca1076`,text:`返回`,multiple:!0,style:{width:`270`,height:`37.5`,border:0,backgroundColor:`#fb6f00`,position:`absolute`,left:48,top:297},type:`button`,name:`按钮`,events:[{name:`magic:common:events:click`,actions:[{actionType:ActionType.CODE,codeId:`code_6778`,params:{pageId:`page_299`}}]}],displayConds:[]}],style:{width:`100%`,height:`100%`,position:`relative`,top:0,left:0},type:NodeType.PAGE,name:`page2`,title:``,layout:`absolute`}],dataSources:[{id:`ds_b64c92b5`,type:`base`,title:`button`,description:`按钮`,fields:[{name:`text`,title:`按钮文案`,type:`string`,description:``,enable:!0,defaultValue:`打开弹窗`,fields:[]},{name:`array`,title:`array`,type:`array`,description:``,enable:!0,defaultValue:[{a:1},{a:2}],fields:[{name:`a`,title:`a`,type:`number`,description:``,enable:!0,defaultValue:1,fields:[]}]},{name:`object`,title:`object`,type:`object`,description:``,enable:!0,defaultValue:{a:1},fields:[{name:`a`,title:`a`,type:`number`,description:``,enable:!0,defaultValue:1,fields:[]}]}],methods:[],events:[],mocks:[],beforeRequest:``,afterResponse:``},{id:`ds_d1a460c5`,type:`base`,title:`style`,description:``,fields:[{name:`color`,title:`color`,type:`string`,description:``,enable:!0,defaultValue:`#fff`,fields:[]}],methods:[{name:`setCorlor`,desc:``,timing:``,params:[],content:({dataSource:e})=>{setTimeout(()=>{e.setData(`red`,`color`)},1e3)}}],events:[],mocks:[],beforeRequest:``,afterResponse:``}]},useEditorContentMenuData=()=>{let e={id:``,name:`蒙层`,isTarget:(e,t)=>typeof e==`string`&&typeof t==`string`&&e.includes(`events`)&&t.startsWith(`overlay_`),isCollectByDefault:!1},t=t=>({type:`button`,text:`粘贴(带关联信息)`,icon:markRaw(document_copy_default),display:e=>!!e?.storageService?.getItem(COPY_STORAGE_KEY),handler:n=>{let r=n?.editorService?.get(`nodes`);if(!(!r||r.length===0))if(t?.value?.$el){let r=n?.editorService?.get(`stage`),i=t.value.$el.getBoundingClientRect(),a=r?.container?.getBoundingClientRect(),o=calcValueByFontsize(r?.renderer?.getDocument(),(i.left||0)-(a?.left||0))/n.uiService.get(`zoom`),s=calcValueByFontsize(r?.renderer?.getDocument(),(i.top||0)-(a?.top||0))/n.uiService.get(`zoom`);n?.editorService?.paste({left:o,top:s},e)}else n?.editorService?.paste({},e),n?.codeBlockService?.paste(),n?.dataSourceService?.paste()}});return{contentMenuData:computed$1(()=>[{type:`button`,text:`复制(带关联信息)`,icon:markRaw(copy_document_default),handler:t=>{let n=t?.editorService?.get(`nodes`);n&&t?.editorService?.copyWithRelated(cloneDeep(n),e),n&&t?.codeBlockService?.copyWithRelated(cloneDeep(n)),n&&t?.dataSourceService?.copyWithRelated(cloneDeep(n))}},t()])}},AdapterSelect_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`AdapterSelect`,setup(e){let t=ref$1(sessionStorage.getItem(`tmagic-playground-ui-adapter`)||`element-plus`),n=e=>{sessionStorage.setItem(`tmagic-playground-ui-adapter`,e),globalThis.location.reload()};return(e,r)=>(openBlock(),createBlock(unref(_sfc_main$p$2),{size:`small`,"label-position":`right`,style:{"margin-left":`10px`}},{default:withCtx(()=>[createVNode(unref(_sfc_main$o$2),{label:`UI组件库`},{default:withCtx(()=>[createVNode(unref(_sfc_main$b$2),{modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=e=>t.value=e),size:`small`,onChange:n,style:{width:`150px`}},{default:withCtx(()=>[createVNode(unref(_sfc_main$k$2),{value:`element-plus`},{default:withCtx(()=>[...r[1]||(r[1]=[createTextVNode(`element-plus`,-1)])]),_:1}),createVNode(unref(_sfc_main$k$2),{value:`tdesign-vue-next`},{default:withCtx(()=>[...r[2]||(r[2]=[createTextVNode(`tdesign-vue-next`,-1)])]),_:1})]),_:1},8,[`modelValue`])]),_:1})]),_:1}))}}),AdapterSelect_default=AdapterSelect_vue_vue_type_script_setup_true_lang_default,useEditorMenu=(e,t)=>{let n=useRouter(),r=shallowRef(),i=shallowRef(),a=ref$1(!1);return{menu:{left:[{type:`text`,text:`魔方`},{type:`component`,component:AdapterSelect_default}],center:[`delete`,`undo`,`redo`,`guides`,`rule`,`zoom`],right:[{type:`button`,text:`Form Playground`,handler:()=>n.push(`form`)},{type:`button`,text:`Form Editor Playground`,handler:()=>n.push(`form-editor`)},{type:`button`,text:`Table Playground`,handler:()=>n.push(`table`)},`/`,{type:`button`,text:`预览`,icon:connection_default,handler:async e=>{if(e?.editorService.get(`modifiedNodeIds`).size>0)try{await tMagicMessageBox.confirm(`有修改未保存,是否先保存再预览`,`提示`,{confirmButtonText:`保存并预览`,cancelButtonText:`预览`,type:`warning`}),t(),tMagicMessage.success(`保存成功`)}catch(e){console.error(e)}a.value=!0,await nextTick(),!(!i.value?.contentWindow||!r.value?.viewerDevice)&&Object.defineProperty(i.value.contentWindow.navigator,`userAgent`,{value:uaMap[r.value.viewerDevice],writable:!0})}},{type:`button`,text:`保存`,icon:coin_default,handler:()=>{t(),tMagicMessage.success(`保存成功`)}},`/`,{type:`button`,icon:document_default,tooltip:`源码`,handler:e=>e?.uiService.set(`showSrc`,!e?.uiService.get(`showSrc`))}]},deviceGroup:r,iframe:i,previewVisible:a,save:t}},useEditorMoveableOptions=e=>{let t=!1;return onMounted(()=>{if(!e.value)return;let n=()=>{e.value?.keybindingService.registerCommand(`moveable-options-rotatable-endable`,()=>{t=!0,e.value?.editorService.get(`stage`)?.actionManager?.updateMoveableOptions(),e.value?.keybindingService.unregisterCommand(`moveable-options-rotatable-endable`)})};n(),e.value.keybindingService.registerCommand(`moveable-options-rotatable-disable`,()=>{t=!1,e.value?.editorService.get(`stage`)?.actionManager?.updateMoveableOptions(),n()}),e.value.keybindingService.register([{command:`moveable-options-rotatable-endable`,keybinding:`shift`,when:[[`stage`,`keydown`]]},{command:`moveable-options-rotatable-disable`,keybinding:`shift`,when:[[`stage`,`keyup`]]}])}),{moveableOptions:n=>{let r={};if(!e.value)return r;let i=e.value.editorService.get(`page`),a=n.targetElIds||[],o=i&&a.includes(`${i.id}`);if(!o){let t=n.targetElId;t&&(o=e.value.editorService.getNodeById(t)?.type===NodeType.PAGE)}return r.draggable=!o,r.resizable=!o,r.rotatable=!o,r.keepRatio=t,n?.targetEl?.parentElement?.classList.contains(`tmagic-editor-sub-stage-wrap`)&&(r.draggable=!1,r.resizable=!1,r.rotatable=!1),r}}},{VITE_ENTRY_PATH}={VITE_ENTRY_PATH:`./entry/vue`},useEditorRes=()=>{let e=ref$1({}),t=ref$1({}),n=ref$1({}),r=ref$1({}),i=ref$1({}),a=ref$1({base:{events:[],methods:[]}});return asyncLoadJs(`${VITE_ENTRY_PATH}/config/index.umd.cjs`).then(()=>{t.value=globalThis.magicPresetConfigs}),asyncLoadJs(`${VITE_ENTRY_PATH}/value/index.umd.cjs`).then(()=>{e.value=globalThis.magicPresetValues}),asyncLoadJs(`${VITE_ENTRY_PATH}/event/index.umd.cjs`).then(()=>{n.value=globalThis.magicPresetEvents}),asyncLoadJs(`${VITE_ENTRY_PATH}/ds-config/index.umd.cjs`).then(()=>{r.value=globalThis.magicPresetDsConfigs}),asyncLoadJs(`${VITE_ENTRY_PATH}/ds-value/index.umd.cjs`).then(()=>{i.value=globalThis.magicPresetDsValues}),{propsValues:e,propsConfigs:t,eventMethodList:n,datasourceConfigs:r,datasourceValues:i,datasourceEventMethodList:a}},_hoisted_1$3={class:`editor-app`},_hoisted_2$2=[`height`,`src`],Editor_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`Editor`,setup(__props){const{VITE_RUNTIME_PATH}={VITE_RUNTIME_PATH:`/tmagic-editor/playground/runtime/vue`},datasourceList=[],runtimeUrl=`${VITE_RUNTIME_PATH}/playground/index.html`,{propsValues,propsConfigs,eventMethodList,datasourceConfigs,datasourceValues,datasourceEventMethodList}=useEditorRes(),{contentMenuData}=useEditorContentMenuData(),editor=shallowRef(),value=ref$1(dsl),defaultSelected=ref$1(dsl.items[0].id),stageRect=ref$1({width:375,height:817}),previewUrl=computed$1(()=>`${VITE_RUNTIME_PATH}/page/index.html?localPreview=1&page=${editor.value?.editorService.get(`page`)?.id}`),{moveableOptions}=useEditorMoveableOptions(editor),save=()=>{localStorage.setItem(`magicDSL`,(0,import_serialize_javascript.default)(toRaw(value.value),{space:2,unsafe:!0}).replace(/"(\w+)":\s/g,`$1: `)),editor.value?.editorService.resetModifiedNodeId()},{menu,deviceGroup,iframe,previewVisible}=useEditorMenu(value,save);try{const magicDSL=eval(`(${localStorage.getItem(`magicDSL`)})`);magicDSL?value.value=magicDSL:save()}catch(e){console.error(e),save()}editorService.usePlugin({beforeDoAdd:(e,t)=>e.type===`overlay`?(e.style={...e.style,left:0,top:0},[e,editorService.get(`page`)]):[e,t]}),propsService.usePlugin({beforeFillConfig:e=>[e,`100px`]}),onBeforeUnmount(()=>{editorService.removeAllPlugins()});const propsSubmitErrorHandler=async e=>{console.error(e),tMagicMessage.closeAll(),tMagicMessage.error(e.message)};return(e,t)=>(openBlock(),createElementBlock(`div`,_hoisted_1$3,[createVNode(unref(_sfc_main$20),{modelValue:value.value,"onUpdate:modelValue":t[1]||(t[1]=e=>value.value=e),ref_key:`editor`,ref:editor,menu:unref(menu),"runtime-url":runtimeUrl,"props-configs":unref(propsConfigs),"props-values":unref(propsValues),"event-method-list":unref(eventMethodList),"datasource-event-method-list":unref(datasourceEventMethodList),"datasource-configs":unref(datasourceConfigs),"datasource-values":unref(datasourceValues),"component-group-list":unref(componentGroupList_default),"datasource-list":datasourceList,"default-selected":defaultSelected.value,"moveable-options":unref(moveableOptions),"auto-scroll-into-view":!0,"stage-rect":stageRect.value,layerContentMenu:unref(contentMenuData),stageContentMenu:unref(contentMenuData),onPropsSubmitError:propsSubmitErrorHandler},{"workspace-content":withCtx(()=>[createVNode(DeviceGroup_default,{ref_key:`deviceGroup`,ref:deviceGroup,modelValue:stageRect.value,"onUpdate:modelValue":t[0]||(t[0]=e=>stageRect.value=e)},null,8,[`modelValue`])]),_:1},8,[`modelValue`,`menu`,`props-configs`,`props-values`,`event-method-list`,`datasource-event-method-list`,`datasource-configs`,`datasource-values`,`component-group-list`,`default-selected`,`moveable-options`,`stage-rect`,`layerContentMenu`,`stageContentMenu`]),createVNode(unref(_sfc_main$v$2),{modelValue:unref(previewVisible),"onUpdate:modelValue":t[2]||(t[2]=e=>isRef(previewVisible)?previewVisible.value=e:null),"close-onClick-modal":``,"destroy-on-close":``,class:`pre-viewer`,title:`预览`,width:stageRect.value?.width},{default:withCtx(()=>[unref(previewVisible)?(openBlock(),createElementBlock(`iframe`,{key:0,ref_key:`iframe`,ref:iframe,width:`100%`,style:{border:`none`},height:stageRect.value?.height,src:previewUrl.value},null,8,_hoisted_2$2)):createCommentVNode(``,!0)]),_:1},8,[`modelValue`,`width`])]))}}),Editor_default=Editor_vue_vue_type_script_setup_true_lang_default,_hoisted_1$2={class:`m-editor-nav-menu`},NavMenu_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`NavMenu`,props:{data:{}},setup(e){return(t,n)=>(openBlock(),createElementBlock(`div`,_hoisted_1$2,[createVNode(AdapterSelect_default),(openBlock(!0),createElementBlock(Fragment,null,renderList(e.data,(e,t)=>(openBlock(),createElementBlock(`div`,{key:t,class:`menu-item button`},[createVNode(unref(_sfc_main$F$1),{size:`small`,link:``,onClick:e.handler},{default:withCtx(()=>[createVNode(unref(_sfc_main$n$2),null,{default:withCtx(()=>[(openBlock(),createBlock(resolveDynamicComponent(e.icon)))]),_:2},1024),createBaseVNode(`span`,null,toDisplayString(e.text),1)]),_:2},1032,[`onClick`])]))),128))]))}}),NavMenu_default=_plugin_vue_export_helper_default(NavMenu_vue_vue_type_script_setup_true_lang_default,[[`__scopeId`,`data-v-ede6516f`]]),formDsl_default=createForm([{text:`文本`,name:`text`,tooltip:(e,{model:t})=>t.text,extra:(e,{model:t})=>`${t.text}extra`,rules:[{required:!0,message:`请输入活动名称`,trigger:`blur`}]},{type:`checkbox`,text:`checkbox`,name:`option`,activeValue:1,inactiveValue:0,defaultValue:1},{type:`link`,displayText:`链接`,text:`link`,name:`link`,href:``,tooltip:`element-ui`},{type:`display`,text:`展示`,name:`display`,initValue:`display`,tooltip:`hello`},{type:`number`,text:`计数器`,name:`number`},{type:`textarea`,text:`输入框`,name:`textarea1`},{type:`datetime`,text:`日期`,name:`datetime`},{type:`switch`,text:`开关`,name:`switch`,filter:`number`,defaultValue:1},{type:`daterange`,text:`日期范围`,names:[`one`,`two`]},{type:`time`,text:`日期选择`,name:`time`},{type:`colorPicker`,text:`取色器`,name:`colorPicker`},{type:`checkbox-group`,text:`选项组`,name:`checkGroup`,options:[{value:1,text:`one`},{value:2,text:`two`}]},{type:`radio-group`,text:`单选框`,name:`radioGroup`,options:[{value:1,text:`one`},{value:2,text:`two`}]},{type:`cascader`,text:`级联选择`,placeholder:`test`,name:`cascader`,options:[{value:1,label:`one`,children:[{value:3,label:`three`,children:[{value:8,label:`eight`}]},{value:4,label:`four`},{value:6,label:`six`}]},{value:2,label:`two`,children:[{value:5,label:`five`},{value:7,label:`seven`}]}]},{type:`dynamic-field`,name:`dynamic-field`,dynamicKey:`textarea`,text:`动态表单`,returnFields:()=>[{name:`one`,label:`number`,defaultValue:`yes`}]},{type:`row`,items:[{type:`date`,text:`日期`,name:`date`},{type:`checkbox`,text:`多选框`,name:`checkbox`,tooltip:`分组xxxxxxxxxxxx`,extra:`extra`}]},{type:`fieldset`,name:`fieldset`,legend:`分组`,extra:`extra`,checkbox:!0,expand:!0,items:[{type:`select`,text:`下拉选项`,name:`select`,options:[{text:`选项1`,value:1},{text:`选项2`,value:2}]}]},{type:`tab`,name:`tab`,editable:!0,dynamic:!0,active:`0`,tabType:`border-card`,items:[{name:`xx`,items:[{name:`text`,text:`text`}]}]},{type:`table`,name:`table`,copyable:!0,defautSort:{prop:`name`,order:`descending`},extra:`extra`,itemExtra:(e,{model:t})=>`${t.text}itemExtra`,items:[{label:`id`,name:`id`,sortable:!0,tooltip:`分组xxxxxxxxxxxx`,rules:[{required:!0,message:`请输入活动名称`,trigger:`blur`}]},{label:`名称`,name:`name`}]},{type:`groupList`,name:`groupList`,extra:`分组xxxxxxxxxxxx`,copyable:!0,moveSpecifyLocation:!0,itemExtra:(e,{model:t})=>`${t.name}extra`,items:[{text:`id`,name:`id`,rules:[{required:!0,message:`请输入活动名称`,trigger:`blur`}]},{text:`名称`,name:`name`}]},{type:`panel`,title:`panel`,extra:`panel`,schematic:`https://vfiles.gtimg.cn/vupload/20210329/9712631617027075445.png`,items:[{text:`名称`,name:`name`}]},{type:`step`,items:[{name:`step1`,title:`step1`,items:[{text:`名称`,name:`name`}]},{name:`step2`,title:`step2`,items:[{text:`名称2`,name:`name`}]}]}]),_hoisted_1$1={style:{width:`100%`,"overflow-y":`auto`}},_hoisted_2$1={class:`diff-form`},_hoisted_3={class:`form-content`},Form_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`Form`,setup(__props){const router=useRouter(),resultVisible=ref$1(!1),result=ref$1(``),form=ref$1(),diffFormConfig=ref$1([{type:`tab`,items:[{title:`tab1`,labelWidth:`80px`,items:[{name:`text1`,text:`文本字段1`},{name:`text2`,text:`文本字段2`},{type:`number`,text:`计数器`,name:`number`}]},{title:`tab2`,labelWidth:`80px`,items:[{type:`colorPicker`,text:`取色器`,name:`colorPicker`}]}]}]),currentVersion=ref$1({text1:`当前版本的文本内容`,text2:`你好`,number:10,colorPicker:`#ffffff`}),lastVersion=ref$1({text1:`上一版本的文本内容`,text2:`你好`,number:12,colorPicker:`#000000`}),config=ref$1(formDsl_default),initValue=ref$1({text:`文本`,number:10,fieldset:{select:1},table:[{id:1,name:`a`},{id:2,name:`b`}]}),menu=[{type:`button`,text:`Editor Playground`,handler:()=>router.push(`/`)},{type:`button`,text:`Form Editor Playground`,handler:()=>router.push(`form-editor`)},{type:`button`,text:`Table Playground`,handler:()=>router.push(`table`)},{type:`button`,text:`提交`,icon:markRaw(coin_default),handler:()=>{submit()}}];async function submit(){try{let e=await form.value?.submitForm();resultVisible.value=!0,result.value=JSON.stringify(e,null,2)}catch(e){console.error(e),tMagicMessage.error(e.message)}}function change(value){try{config.value=eval(value),tMagicMessage.success(`更新成功`)}catch(e){tMagicMessage.error(e.message)}}return(e,t)=>(openBlock(),createElementBlock(Fragment,null,[createBaseVNode(`div`,_hoisted_1$1,[createVNode(NavMenu_default,{data:menu}),createBaseVNode(`div`,_hoisted_2$1,[t[1]||(t[1]=createBaseVNode(`div`,null,`开启表单对比功能`,-1)),createVNode(unref(_sfc_main$g$1),{ref_key:`form`,ref:form,config:diffFormConfig.value,"is-compare":!0,"init-values":currentVersion.value,"last-values":lastVersion.value,size:`small`,height:`100%`},null,8,[`config`,`init-values`,`last-values`])]),t[2]||(t[2]=createBaseVNode(`div`,{class:`title`},`表单字段展示`,-1)),createBaseVNode(`div`,_hoisted_3,[createVNode(unref(_sfc_main$g$1),{ref_key:`form`,ref:form,config:config.value,"init-values":initValue.value,size:`small`,height:`100%`},null,8,[`config`,`init-values`]),createVNode(unref(_sfc_main$1r),{class:`code-editor-content`,"init-values":config.value,onSave:change},null,8,[`init-values`])])]),createVNode(unref(_sfc_main$v$2),{modelValue:resultVisible.value,"onUpdate:modelValue":t[0]||(t[0]=e=>resultVisible.value=e),title:`result`,"append-to-body":``},{default:withCtx(()=>[createVNode(unref(_sfc_main$1r),{"init-values":result.value,readonly:``,height:`60vh`},null,8,[`init-values`])]),_:1},8,[`modelValue`])],64))}}),Form_default=Form_vue_vue_type_script_setup_true_lang_default,dist_default=`@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--el-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121,187,255);--el-color-primary-light-5:rgb(160,207,255);--el-color-primary-light-7:rgb(198,226,255);--el-color-primary-light-8:rgb(217,236,255);--el-color-primary-light-9:rgb(236,245,255);--el-color-primary-dark-2:rgb(51,126,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(149,212,117);--el-color-success-light-5:rgb(179,225,157);--el-color-success-light-7:rgb(209,237,196);--el-color-success-light-8:rgb(225,243,216);--el-color-success-light-9:rgb(240,249,235);--el-color-success-dark-2:rgb(82,155,46);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(238,190,119);--el-color-warning-light-5:rgb(243,209,158);--el-color-warning-light-7:rgb(248,227,197);--el-color-warning-light-8:rgb(250,236,216);--el-color-warning-light-9:rgb(253,246,236);--el-color-warning-dark-2:rgb(184,130,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152,152);--el-color-danger-light-5:rgb(250,182,182);--el-color-danger-light-7:rgb(252,211,211);--el-color-danger-light-8:rgb(253,226,226);--el-color-danger-light-9:rgb(254,240,240);--el-color-danger-dark-2:rgb(196,86,86);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152,152);--el-color-error-light-5:rgb(250,182,182);--el-color-error-light-7:rgb(252,211,211);--el-color-error-light-8:rgb(253,226,226);--el-color-error-light-9:rgb(254,240,240);--el-color-error-dark-2:rgb(196,86,86);--el-color-info:#909399;--el-color-info-light-3:rgb(177,179,184);--el-color-info-light-5:rgb(200,201,204);--el-color-info-light-7:rgb(222,223,224);--el-color-info-light-8:rgb(233,233,235);--el-color-info-light-9:rgb(244,244,245);--el-color-info-dark-2:rgb(115,118,122);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,0.8);--el-overlay-color-light:rgba(0,0,0,0.7);--el-overlay-color-lighter:rgba(0,0,0,0.5);--el-mask-color:rgba(255,255,255,0.9);--el-mask-color-extra-light:rgba(255,255,255,0.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;position:relative;width:var(--el-input-width)}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__header{border-bottom:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__footer{border-top:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);line-height:34px;list-style:none;margin:0;overflow:hidden;padding:0 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-autocomplete-suggestion li:hover{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.highlighted{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{align-items:center;color:var(--el-text-color-secondary);cursor:default;display:flex;font-size:20px;height:100px;justify-content:center}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translateX(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:bold;margin:0 9px}.el-breadcrumb__separator.el-icon{font-weight:normal;margin:0 6px}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:bold;text-decoration:none;transition:var(--el-transition-color)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:normal}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);display:flex;justify-content:space-between;padding:12px 20px}.el-calendar__title{align-self:center;color:var(--el-text-color)}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);font-weight:normal;padding:12px 0}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);transition:background-color var(--el-transition-duration-fast) ease;vertical-align:top}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{background-color:var(--el-calendar-selected-bg-color);cursor:pointer}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-carousel__item{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.el-carousel__item,.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{height:50%;width:100%}.el-carousel__mask{background-color:var(--el-color-white);height:100%;left:0;opacity:.24;position:absolute;top:0;transition:var(--el-transition-duration-fast);width:100%}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31,45,61,0.11);--el-carousel-arrow-hover-background:rgba(31,45,61,0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{align-items:center;background-color:var(--el-carousel-arrow-background);border:none;border-radius:50%;color:#ffffff;cursor:pointer;display:inline-flex;font-size:var(--el-carousel-arrow-font-size);height:var(--el-carousel-arrow-size);justify-content:center;margin:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:var(--el-transition-duration);width:var(--el-carousel-arrow-size);z-index:10}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{list-style:none;margin:0;padding:0;position:absolute;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);position:static;text-align:center;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;text-align:center;transform:none}.el-carousel__indicators--labels .el-carousel__button{color:#000000;font-size:12px;height:auto;padding:2px 18px;width:auto}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{height:calc(var(--el-carousel-indicator-width)/2);width:var(--el-carousel-indicator-height)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{background-color:#ffffff;border:none;cursor:pointer;display:block;height:var(--el-carousel-indicator-height);margin:0;opacity:.48;outline:none;padding:0;transition:var(--el-transition-duration);width:var(--el-carousel-indicator-width)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%) translateX(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%) translateX(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox{margin-right:0}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:-moz-read-only{cursor:pointer}.el-cascader .el-input .el-input__inner:read-only{cursor:pointer}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--large .el-cascader__tags{gap:6px;padding:8px}.el-cascader--large .el-cascader__search-input{height:24px;margin-left:7px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader--small .el-cascader__tags{gap:4px;padding:2px}.el-cascader--small .el-cascader__search-input{height:20px;margin-left:5px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-cascader__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;left:0;line-height:normal;padding:4px;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags .el-tag+input{margin-left:0}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags .el-tag+input{margin-left:0}.el-cascader__collapse-tags .el-tag{margin:2px 0}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin-left:7px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:bold;line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all)}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{background-color:var(--el-color-success-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{background-color:var(--el-color-warning-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{background-color:var(--el-color-danger-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{background-color:var(--el-color-error-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);display:inline-block;position:relative}.el-checkbox-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left-color:transparent;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);line-height:1;margin:0;outline:none;padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7);color:var(--el-checkbox-button-checked-text-color)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-bottom-left-radius:var(--el-border-radius-base);border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%) rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%) rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;line-height:var(--el-collapse-header-height);min-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__title{flex:auto;text-align:left}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-icon-position-left .el-collapse-item__header{gap:8px}.el-collapse-icon-position-left .el-collapse-item__title{order:1}.el-collapse-icon-position-right .el-collapse-item__header{padding-right:8px}.el-color-picker-panel{background:var(--el-bg-color-overlay);box-sizing:content-box;padding:12px;width:300px}.el-color-picker-panel.is-border{border:1px solid var(--el-border-color-lighter);border-radius:4px}.el-color-picker-panel__wrapper{margin-bottom:6px}.el-color-picker-panel__footer{display:flex;justify-content:space-between;margin-top:12px;text-align:right}.el-color-picker-panel__footer .el-input{color:#000000;font-size:12px;line-height:26px;width:160px}.el-color-picker-panel.is-disabled .el-color-hue-slider,.el-color-picker-panel.is-disabled .el-color-svpanel{cursor:not-allowed;opacity:.3}.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb{cursor:not-allowed}.el-color-picker-panel.is-disabled .el-color-alpha-slider,.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector{cursor:not-allowed;opacity:.3}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap;gap:8px}.el-color-predefine__color-selector{border:none;border-radius:var(--el-border-radius-base);cursor:pointer;height:20px;outline:none;overflow:hidden;padding:0;width:20px}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-predefine__color-selector>div{display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:#f00;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{background-image:linear-gradient(0deg,#000,rgba(0,0,0,0)),linear-gradient(90deg,#fff,rgba(255,255,255,0));height:180px;position:relative;width:280px}.el-color-svpanel__cursor{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:pointer;height:4px;position:absolute;transform:translate(-2px,-2px);width:4px}.el-color-svpanel__cursor:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb{cursor:not-allowed}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(255,255,255))}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-picker-panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker-panel{--el-color-picker-alpha-bg-a:#333333}.el-color-picker{display:inline-block;height:32px;line-height:normal;outline:none;position:relative;width:32px}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{background-color:var(--el-fill-color-light);cursor:not-allowed}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{height:40px;width:40px}.el-color-picker--small{height:24px;width:24px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;cursor:pointer;display:inline-flex;font-size:0;justify-content:center;padding:4px}.el-color-picker__color,.el-color-picker__trigger{box-sizing:border-box;height:100%;position:relative;width:100%}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);display:block;text-align:center}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#ffffff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#ffffff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;cursor:pointer;height:30px;padding:4px 0;position:relative;text-align:center;width:32px}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;display:block;height:24px;left:50%;line-height:24px;margin:0 auto;position:absolute;transform:translateX(-50%);width:24px}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#ffffff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;opacity:1}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);border-radius:15px;color:#ffffff}.el-date-table td.week{color:var(--el-datepicker-off-text-color);cursor:default;font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-datepicker-header-text-color);font-weight:400;padding:5px}.el-date-table th.el-date-table__week-header{padding:0;width:24px}.el-month-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-month-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-month-table td.today.end-date .el-date-table-cell__text,.el-month-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:54px}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date .el-date-table-cell,.el-month-table td.start-date .el-date-table-cell{color:#ffffff}.el-month-table td.end-date .el-date-table-cell__text,.el-month-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-year-table td.today.end-date .el-date-table-cell__text,.el-year-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:60px}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.end-date .el-date-table-cell,.el-year-table td.start-date .el-date-table-cell{color:#ffffff}.el-year-table td.end-date .el-date-table-cell__text,.el-year-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{display:inline-block;max-height:192px;overflow:auto;position:relative;vertical-align:top;width:50%}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;overflow:hidden;text-align:center}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;width:100%;z-index:var(--el-index-normal)}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__list{list-style:none;margin:0}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;height:80px;width:100%}.el-time-spinner__item{color:var(--el-text-color-regular);font-size:12px;height:32px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:bold}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;position:relative;text-align:left;vertical-align:middle}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{height:var(--el-input-height,var(--el-component-size));width:var(--el-date-editor-width)}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .clear-icon,.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__icon{color:var(--el-text-color-placeholder);float:left;font-size:14px;height:inherit}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-text-color-regular);display:inline-block;font-size:var(--el-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:center;width:39%}.el-date-editor .el-range-input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{align-items:center;color:var(--el-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.el-date-editor .el-range__close-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.el-range-editor.is-active{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{font-size:14px;height:38px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{font-size:12px;height:22px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{background:var(--el-bg-color-overlay);border-radius:var(--el-popper-border-radius,var(--el-border-radius-base));color:var(--el-text-color-regular);line-height:30px}.el-picker-panel .el-time-panel{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{clear:both;content:"";display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{background-color:var(--el-bg-color-overlay);border-top:1px solid var(--el-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.el-picker-panel__shortcut{background-color:transparent;border:0;color:var(--el-datepicker-text-color);cursor:pointer;display:block;font-size:14px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{background-color:transparent;border:1px solid var(--el-fill-color-darker);border-radius:2px;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{background:transparent;border:0;color:var(--el-datepicker-icon-color);cursor:pointer;font-size:12px;line-height:1;outline:none;padding:1px 6px}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn.is-disabled .el-icon{cursor:inherit}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel.is-disabled .el-picker-panel__prev-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__next-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__icon-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__shortcut{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon{cursor:inherit}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-picker__header{padding:12px 12px 0;text-align:center}.el-date-picker__header--bordered{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-picker.is-disabled .el-date-picker__header-label{color:var(--el-text-color-disabled)}.el-date-picker.is-disabled .el-date-picker__header-label:hover{cursor:not-allowed}.el-date-picker.is-disabled .el-date-picker__header-label .el-icon{cursor:inherit}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{height:28px;position:relative;text-align:center}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-range-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-range-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-range-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-range-picker__content{box-sizing:border-box;display:table-cell;margin:0;padding:16px;width:50%}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-range-picker__time-header>.el-icon-arrow-right{color:var(--el-datepicker-icon-color);display:table-cell;font-size:20px;vertical-align:middle}.el-date-range-picker__time-picker-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{background:#ffffff;position:absolute;right:0;top:13px;z-index:1}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-date-range-picker.is-disabled .el-date-range-picker__header-label{color:var(--el-text-color-disabled)}.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover{cursor:not-allowed}.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon{cursor:inherit}.el-time-range-picker{overflow:visible;width:354px}.el-time-range-picker__content{padding:10px;position:relative;text-align:center;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;display:inline-block;margin:0;padding:4px 7px 7px;width:50%}.el-time-range-picker__header{font-size:14px;margin-bottom:5px;text-align:center}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{border-radius:2px;box-sizing:content-box;left:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px;z-index:var(--el-index-top)}.el-time-panel__content{font-size:0;overflow:hidden;position:relative}.el-time-panel__content:after,.el-time-panel__content:before{box-sizing:border-box;content:"";height:32px;left:0;margin-top:-16px;padding-top:6px;position:absolute;right:0;text-align:left;top:50%;z-index:-1}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{border-bottom:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));box-sizing:border-box;height:36px;line-height:25px;padding:4px;text-align:right}.el-time-panel__btn{background-color:transparent;border:none;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:28px;margin:0 5px;outline:none;padding:0 5px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-picker-panel.is-border{border:1px solid var(--el-border-color-lighter)}.el-picker-panel.is-border .el-picker-panel__body-wrapper{position:relative}.el-picker-panel.is-border.el-picker-panel [slot=sidebar],.el-picker-panel.is-border.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;height:100%;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-descriptions__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:bold}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;font-size:14px;line-height:23px;text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{background:var(--el-descriptions-item-bordered-label-background);color:var(--el-text-color-regular);font-weight:bold}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{background-color:transparent;position:absolute;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger:before{background-color:transparent;content:"";position:absolute;transition:all .2s}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);line-height:1;position:relative;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:0}.el-dropdown .el-dropdown__caret-button{align-items:center;border-left:none;display:inline-flex;justify-content:center;padding-left:0;padding-right:0;width:32px}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{background:var(--el-overlay-color-lighter);bottom:-1px;content:"";display:block;left:0;position:absolute;top:-1px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;left:0;list-style:none;margin:0;padding:5px 0;position:relative;top:0;z-index:var(--el-dropdown-menu-index)}.el-dropdown-menu__item{align-items:center;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--el-font-size-base);line-height:22px;list-style:none;margin:0;outline:none;padding:5px 16px;white-space:nowrap}.el-dropdown-menu__item:not(.is-disabled):focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{font-size:14px;line-height:22px;padding:7px 20px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:12px;line-height:20px;padding:2px 12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start;text-align:left}.el-form-item--label-right .el-form-item__label{justify-content:flex-end;text-align:right}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:block;height:auto;line-height:22px;margin-bottom:8px;text-align:left;width:-moz-fit-content;width:fit-content}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-input__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-select__wrapper,.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-textarea__inner,.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-form-item__content .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translateX(-50%)}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;gap:22px;height:100%;justify-content:space-around;padding:0 6px;width:100%}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{bottom:90px;color:#fff;cursor:default;left:50%;transform:translateX(-50%)}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea .el-input__count.is-outside{background:transparent;bottom:unset;line-height:1;padding-top:2px;position:absolute;right:0;top:100%}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input .el-input__count.is-outside{height:unset;padding-top:2px;position:absolute;right:0;top:100%}.el-input .el-input__count.is-outside .el-input__count-inner{background:transparent;line-height:1;padding-left:0}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px)}.el-input__inner{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;cursor:not-allowed}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input__prefix-inner,.el-input.is-disabled .el-input__suffix-inner{pointer-events:none}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;flex:1;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-input-tag{--el-input-tag-border-color-hover:var(--el-border-color-hover);--el-input-tag-placeholder-color:var(--el-text-color-placeholder);--el-input-tag-disabled-color:var(--el-disabled-text-color);--el-input-tag-disabled-border:var(--el-disabled-border-color);--el-input-tag-font-size:var(--el-font-size-base);--el-input-tag-close-hover-color:var(--el-text-color-secondary);--el-input-tag-text-color:var(--el-text-color-regular);--el-input-tag-input-focus-border-color:var(--el-color-primary);--el-input-tag-width:100%;--el-input-tag-mini-height:var(--el-component-size);--el-input-tag-gap:6px;--el-input-tag-padding:4px;--el-input-tag-inner-padding:8px;--el-input-tag-line-height:24px;align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--el-input-tag-font-size);line-height:var(--el-input-tag-line-height);min-height:var(--el-input-tag-mini-height);padding:var(--el-input-tag-padding);transform:translateZ(0);transition:var(--el-transition-duration);width:var(--el-input-tag-width)}.el-input-tag.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-input-tag.is-disabled{background-color:var(--el-fill-color-light);box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset;cursor:not-allowed}.el-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset}.el-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input,.el-input-tag.is-disabled .el-input-tag__inner .el-tag{cursor:not-allowed}.el-input-tag__prefix,.el-input-tag__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;padding:0 var(--el-input-tag-inner-padding)}.el-input-tag__suffix{gap:8px}.el-input-tag__input-tag-list{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-input-tag__input-tag-list.is-near{margin-left:-8px}.el-input-tag__input-tag-list .el-tag{border-color:transparent;cursor:pointer}.el-input-tag__input-tag-list .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__input-tag-list .el-tag .el-tag__content{min-width:0}.el-input-tag__inner{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--el-input-tag-gap);max-width:100%;min-width:0;position:relative}.el-input-tag__inner.is-left-space{margin-left:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-right-space{margin-right:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-draggable .el-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-input-tag__drop-indicator{background-color:var(--el-color-primary);height:var(--el-input-tag-line-height);position:absolute;top:0;width:1px}.el-input-tag__inner .el-tag{border-color:transparent;cursor:pointer;max-width:100%}.el-input-tag__inner .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__inner .el-tag .el-tag__content{line-height:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-input-tag__input-wrapper{flex:1}.el-input-tag__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;outline:none;padding:0;width:100%}.el-input-tag__input::-moz-placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input::placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-input-tag--large{--el-input-tag-gap:6px;--el-input-tag-padding:8px;--el-input-tag-padding-left:8px;--el-input-tag-font-size:14px}.el-input-tag--small{--el-input-tag-gap:4px;--el-input-tag-padding:2px;--el-input-tag-padding-left:6px;--el-input-tag-font-size:12px;--el-input-tag-line-height:20px;--el-input-tag-mini-height:var(--el-component-size-small)}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link.is-hover-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-underline:after{border-bottom:1px solid var(--el-link-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-menu-item.is-active:hover,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title:hover{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-active-color,var(--el-menu-hover-text-color));outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title{padding-right:var(--el-menu-base-level-padding)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);backface-visibility:hidden;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);box-shadow:var(--el-messagebox-box-shadow);box-sizing:border-box;display:inline-block;font-size:var(--el-messagebox-font-size);max-width:var(--el-messagebox-width);overflow:hidden;overflow-wrap:break-word;padding:var(--el-messagebox-padding-primary);position:relative;text-align:left;vertical-align:middle;width:100%}.el-message-box:focus{outline:none!important}.is-message-box .el-overlay-message-box{bottom:0;left:0;overflow:auto;padding:16px;position:fixed;right:0;text-align:center;top:0}.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))}.el-message-box__title{color:var(--el-messagebox-title-color);font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;display:flex;gap:12px}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--primary{--el-messagebox-color:var(--el-color-primary);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0;min-width:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--el-messagebox-padding-primary)}.el-message-box--center .el-message-box__title{align-items:center;display:flex;gap:6px;justify-content:center}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;width:-moz-fit-content;width:fit-content}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:0;margin:0 auto;right:0}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translateY(-100%)}.el-message-fade-enter-from.is-bottom,.el-message-fade-leave-to.is-bottom{transform:translateY(100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{flex:1;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);min-width:0}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:bold;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{flex-shrink:0;font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--primary{--el-notification-icon-color:var(--el-color-primary);color:var(--el-notification-icon-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{align-items:center;display:flex;justify-content:space-between;line-height:24px}.el-page-header__left{align-items:center;display:flex;margin-right:40px;position:relative}.el-page-header__back{align-items:center;cursor:pointer;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;display:flex;font-size:16px;margin-right:10px}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:normal;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination .btn-next,.el-pagination .btn-prev{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination .btn-next *,.el-pagination .btn-prev *{pointer-events:none}.el-pagination .btn-next:focus,.el-pagination .btn-prev:focus{outline:none}.el-pagination .btn-next:hover,.el-pagination .btn-prev:hover{color:var(--el-pagination-hover-color)}.el-pagination .btn-next.is-active,.el-pagination .btn-prev.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:bold}.el-pagination .btn-next.is-active.is-disabled,.el-pagination .btn-prev.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pagination .btn-next.is-disabled,.el-pagination .btn-next:disabled,.el-pagination .btn-prev.is-disabled,.el-pagination .btn-prev:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination .btn-next:focus-visible,.el-pagination .btn-prev:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:bold;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:bold}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm{outline:none}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{align-items:center;display:flex;line-height:1;position:relative}.el-progress__text{color:var(--el-text-color-regular);font-size:14px;line-height:1;margin-left:5px;min-width:50px}.el-progress__text i{display:block;vertical-align:middle}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{left:0;margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{display:inline-block;vertical-align:middle}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);border-radius:100px;height:6px;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{background-color:var(--el-color-primary);border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;transition:width .6s ease;white-space:nowrap}.el-progress-bar__inner:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{animation:indeterminate 3s infinite;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{color:#ffffff;display:inline-block;font-size:12px;margin:0 5px;vertical-align:middle}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{background-color:var(--el-color-white);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);--el-rate-outline-color:var(--el-color-primary-light-5);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible{outline:2px solid var(--el-rate-outline-color);transition:outline-offset 0s,outline 0s}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:auto}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-result-padding);text-align:center}.el-result__icon svg{height:var(--el-result-icon-font-size);width:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{color:var(--el-text-color-primary);font-size:var(--el-result-title-font-size);line-height:1.3;margin:0}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1.3;margin:0}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);height:34px;line-height:34px;overflow:hidden;padding:0 32px 0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:bold}.el-select-dropdown__item.is-disabled{background-color:unset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:6px;line-height:24px;min-height:32px;padding:4px 12px;position:relative;text-align:left;transform:translateZ(0);transition:var(--el-transition-duration)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{background-color:var(--el-fill-color-light);box-shadow:0 0 0 1px var(--el-select-disabled-border) inset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag,.el-select__wrapper.is-disabled input{cursor:not-allowed}.el-select__wrapper.is-disabled .el-select__prefix,.el-select__wrapper.is-disabled .el-select__suffix{pointer-events:none}.el-select__prefix,.el-select__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;gap:6px}.el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0deg);transition:var(--el-transition-duration)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__clear{cursor:pointer}.el-select__clear:hover{color:var(--el-select-close-hover-color)}.el-select__selection{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{border-color:transparent;cursor:pointer}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__tags-text{line-height:normal}.el-select__placeholder,.el-select__tags-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{color:var(--el-input-text-color,var(--el-text-color-regular));position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.el-select__placeholder.is-transparent{color:var(--el-text-color-placeholder);-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{flex:1}.el-select__input-wrapper.is-hidden{opacity:0;position:absolute;z-index:-1}.el-select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-select-multiple-input-color);font-family:inherit;font-size:inherit;height:24px;outline:none;padding:0;width:100%}.el-select__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-select--large .el-select__wrapper{font-size:14px;gap:6px;line-height:24px;min-height:40px;padding:8px 16px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{font-size:12px;gap:4px;line-height:20px;min-height:24px;padding:2px 8px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;height:50px;width:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{border-color:var(--el-text-color-primary);color:var(--el-text-color-primary)}.el-step__head.is-wait{border-color:var(--el-text-color-placeholder);color:var(--el-text-color-placeholder)}.el-step__head.is-success{border-color:var(--el-color-success);color:var(--el-color-success)}.el-step__head.is-error{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-step__head.is-finish{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-step__icon{align-items:center;background:var(--el-bg-color);box-sizing:border-box;display:inline-flex;font-size:14px;height:24px;justify-content:center;position:relative;transition:.15s ease-out;width:24px;z-index:1}.el-step__icon.is-text{border:2px solid;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{color:inherit;display:inline-block;font-weight:bold;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:normal}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:currentColor;position:absolute}.el-step__line-inner{border:1px solid;box-sizing:border-box;display:block;height:0;transition:.15s ease-out;width:0}.el-step__main{text-align:left;white-space:normal}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:bold}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{font-size:12px;font-weight:normal;line-height:20px;margin-top:-5px;padding-right:10%}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;left:0;right:0;top:11px}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{bottom:0;left:11px;top:0;width:2px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-vertical .el-step__description{padding-right:0}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{font-size:0;padding-right:10px;width:auto}.el-step.is-simple .el-step__icon{background:transparent;font-size:12px;height:16px;width:16px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{align-items:stretch;display:flex;flex-grow:1;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;overflow-wrap:break-word}.el-step.is-simple .el-step__arrow{align-items:center;display:flex;flex-grow:1;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{background:var(--el-text-color-placeholder);content:"";display:inline-block;height:15px;position:absolute;width:1px}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:var(--el-font-size-base);height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:var(--el-font-size-base)}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:var(--el-font-size-extra-small)}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);font-size:var(--el-font-size-base)}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);box-shadow:2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);box-shadow:-2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;overflow:hidden;position:absolute;right:0;top:0}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{overflow:hidden;position:relative}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{bottom:0;overflow:hidden;right:0}.el-table-v2__empty,.el-table-v2__footer,.el-table-v2__overlay{left:0;position:absolute}.el-table-v2__overlay{bottom:0;right:0;top:0;z-index:9999}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{align-items:center;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);display:flex;font-weight:bold;height:100%;overflow:hidden;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{display:none;opacity:.6;transition:opacity,display var(--el-transition-duration)}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{align-items:center;border-bottom:var(--el-table-border);display:flex;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;display:flex;height:100%;overflow:hidden;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{cursor:pointer;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#ffffff}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);box-sizing:border-box;height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);margin-top:-1px;transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--left>.el-tabs__content+.el-tabs__header{order:-1}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column}.el-tabs--top>.el-tabs__content+.el-tabs__header{order:-1}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translateX(100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(-100%);transform-origin:0 0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:bold}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:bold}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;left:4px;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{align-items:center;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.el-timeline-item__node--normal{height:var(--el-timeline-node-size-normal);left:-1px;width:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{height:var(--el-timeline-node-size-large);left:-2px;width:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);font-size:var(--el-font-size-small);line-height:1}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width)}.el-transfer-panel__body{border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);height:var(--el-transfer-panel-body-height);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{box-sizing:border-box;height:var(--el-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{display:block!important;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular);margin-right:30px}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;line-height:var(--el-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.el-transfer-panel__filter .el-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--el-transfer-filter-height);width:100%}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{align-items:center;background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);display:flex;height:var(--el-transfer-panel-header-height);margin:0;padding-left:15px}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;display:flex;position:relative;width:100%}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:var(--el-text-color-primary);font-size:16px;font-weight:normal}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{color:var(--el-text-color-secondary);font-size:12px;font-weight:normal;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.el-transfer-panel .el-transfer-panel__footer{background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);height:var(--el-transfer-panel-footer-height);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{color:var(--el-text-color-secondary);height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{border-color:var(--el-border-color-darker);color:inherit}.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);font-size:12px;margin-top:7px}.el-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.el-upload--picture-card{align-items:center;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--el-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--el-upload-picture-card-size)}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);position:relative;text-align:center}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)}.el-upload-list{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;list-style:none;margin:10px 0 0;padding:0;position:relative}.el-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--el-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{color:var(--el-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--el-transition-duration)}.el-upload-list__item .el-icon--close:hover{color:var(--el-color-primary);opacity:1}.el-upload-list__item .el-icon--close-tip{color:var(--el-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{align-items:center;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);padding:0 4px;text-align:center;transition:color var(--el-transition-duration)}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{color:var(--el-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--el-upload-list-picture-card-size)}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:block;opacity:0}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{align-items:center;background-color:var(--el-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--el-transition-duration);width:100%}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{display:inline-flex;opacity:0}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{align-items:center;background-color:var(--el-color-white);display:inline-flex;height:70px;justify-content:center;-o-object-fit:contain;object-fit:contain;position:relative;width:70px;z-index:1}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.el-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;height:100%;width:100%}.el-upload-cover__label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.el-upload-cover__interact .btn{color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--el-transition-md-fade);vertical-align:middle}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#ffffff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{background-color:#ffffff;bottom:0;color:var(--el-text-color-primary);font-size:14px;font-weight:normal;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;word-break:normal;z-index:2000}.el-popper.is-dark{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary);color:var(--el-bg-color)}.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";height:10px;position:absolute;transform:rotate(45deg);width:10px;z-index:-1}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);box-shadow:var(--el-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--el-tour-padding-primary);width:var(--el-tour-width)}.el-tour__arrow,.el-tour__content{background:var(--el-tour-bg-color);box-sizing:border-box}.el-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.el-tour__content[data-side^=top] .el-tour__arrow{border-left-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{color:var(--el-tour-title-text-color);font-size:var(--el-tour-title-font-size);font-weight:var(--el-tour-title-font-weight);line-height:var(--el-tour-font-line-height)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--el-tour-padding-primary)}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{background:#fff;border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;position:absolute;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{height:14px;left:0;top:8px;transition:top .25s ease-in-out,opacity .25s;width:4px}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{background-color:rgba(5,5,5,.06);content:"";height:100%;left:0;position:absolute;width:2px}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{bottom:0;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;width:20px}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{background-color:rgba(5,5,5,.06);bottom:0;content:"";height:2px;position:absolute;width:100%}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{display:flex;flex-direction:column;overflow:hidden}.el-anchor__link{color:var(--el-anchor-color);cursor:pointer;font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);max-width:100%;outline:none;overflow:hidden;padding:4px 0;text-decoration:none;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-anchor__link:focus,.el-anchor__link:hover{color:var(--el-anchor-color)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;bottom:0;content:"";left:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute;right:0;top:0}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}.el-mention{position:relative;width:100%}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{box-sizing:border-box;color:var(--el-mention-option-color);cursor:pointer;font-size:var(--el-mention-font-size);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);min-width:var(--el-mention-option-min-width);overflow:hidden;padding:0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:bold}.el-mention-dropdown__item.is-disabled{background-color:unset;color:var(--el-mention-option-disabled-color);cursor:not-allowed}.el-mention-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-mention-dropdown__loading{color:var(--el-mention-option-loading-color);font-size:12px;margin:0;min-width:var(--el-mention-option-min-width);padding:10px 0;text-align:center}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:var(--el-mention-padding)}.el-mention-dropdown__header{border-bottom:var(--el-mention-border);padding:var(--el-mention-header-padding)}.el-mention-dropdown__footer{border-top:var(--el-mention-border);padding:var(--el-mention-footer-padding)}.el-splitter{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}.el-splitter__mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:999}.el-splitter__mask-horizontal{cursor:ew-resize}.el-splitter__mask-vertical{cursor:ns-resize}.el-splitter__horizontal{flex-direction:row}.el-splitter__vertical{flex-direction:column}.el-splitter-bar{flex:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-splitter-bar__dragger{background:transparent;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.el-splitter-bar__dragger:after,.el-splitter-bar__dragger:before{background-color:var(--el-border-color-light);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:not(.is-lazy):after{display:none}.el-splitter-bar__dragger:after{opacity:.4}.el-splitter-bar__dragger:hover:not(.is-disabled):before{background-color:var(--el-color-primary-light-5)}.el-splitter-bar__dragger-horizontal:after,.el-splitter-bar__dragger-horizontal:before{height:100%;width:2px}.el-splitter-bar__dragger-vertical:after,.el-splitter-bar__dragger-vertical:before{height:2px;width:100%}.el-splitter-bar__dragger-active:after,.el-splitter-bar__dragger-active:before{background-color:var(--el-color-primary-light-3)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal:after{transform:translate(calc(-50% + var(--el-splitter-bar-offset)),-50%)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical:after{transform:translate(-50%,calc(-50% + var(--el-splitter-bar-offset)))}.el-splitter-bar:hover .el-splitter-bar__collapse-icon{opacity:1}.el-splitter-bar__collapse-icon{align-items:center;background:var(--el-border-color-light);border-radius:2px;cursor:pointer;display:flex;justify-content:center;opacity:0;position:absolute;z-index:9}.el-splitter-bar__collapse-icon:hover{background-color:var(--el-color-primary-light-5);opacity:1}.el-splitter-bar__horizontal-collapse-icon-start{height:24px;left:-12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__horizontal-collapse-icon-end{height:24px;left:12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__vertical-collapse-icon-start{height:16px;right:50%;top:-12px;transform:translate(50%,-50%);width:24px}.el-splitter-bar__vertical-collapse-icon-end{height:16px;right:50%;top:12px;transform:translate(50%,-50%);width:24px}.el-splitter-panel{box-sizing:border-box;flex-grow:0;overflow:auto;scrollbar-width:thin}`,commonConfig=createForm([{name:`id`,type:`hidden`},{name:`type`,type:`hidden`},{name:`name`,text:`表单key`,extra:`字段名`},{name:`text`,text:`标签文本`,extra:`label 标签的文本`},{name:`labelWidth`,text:`标签宽度`,extra:`表单域标签的的宽度,例如 "50px"。支持 auto。`},{name:`disabled`,text:`是否禁用`,type:`switch`,defaultValue:!1}]),useFormConfig=e=>{let{contentWindow:t}=e.stage.renderer,n=ref$1(),r=ref$1(),i=ref$1({}),a=ref$1(),o=ref$1(),s=computed$1(()=>r.value?.items?.find(e=>e.id===a.value)||r.value?.items?.[0]),c=computed$1(()=>e.fillConfig(s.value?.items||[],n)),l=new App({ua:t?.navigator.userAgent,disabledFlexible:!0,platform:`editor`});l.mForm=n;let u=()=>{initValue(n.value?.formState,{initValues:{},config:c.value}).then(e=>{i.value=e})},d=({data:e})=>{e.tmagicRuntimeReady&&t?.magic?.onRuntimeReady({getApp(){return l},updateRootConfig(e){r.value=e,l?.setConfig(e,a.value)},updatePageId(e){a.value=e,l?.setPage(e)},select(e){return o.value=e,l?.getPage(e)&&this.updatePageId?.(e),getElById()(document,`${e}`)||nextTick().then(()=>getElById()(document,`${e}`))},add({config:e,parentId:t}){if(!r.value||!o.value||!t)throw Error(`error`);let n=getNodePath(t,[r.value]).pop();if(!n)throw Error(`未找到父节点`);if(e.type!==`page`){let t=l?.page?.getNode(n.id);t&&l?.page?.initNode(e,t)}if(n.id!==o.value){let t=n.items?.findIndex(e=>e.id===o.value);n.items?.splice(t+1,0,e)}else n.items?.push(e);u()},update({config:e,parentId:t}){if(!r.value||!l)throw Error(`error`);replaceChildNode(reactive$1(l.dataSourceManager?.compiledNode(e)||e),[r.value],t);let n=l.page?.getNode(e.id);n&&n.setData(e),u()},remove({id:e,parentId:t}){if(!r.value)throw Error(`error`);let n=getNodePath(e,[r.value]).pop();if(!n)throw Error(`未找到目标元素`);let i=getNodePath(t,[r.value]).pop();if(!i)throw Error(`未找到父元素`);n.type===`page`?l?.deletePage():l?.page?.deleteNode(n.id);let a=i.items?.findIndex(e=>e.id===n.id);i.items.splice(a,1),u()}})};return t?.addEventListener(`message`,d),onBeforeUnmount(()=>{l?.destroy(),l=void 0,t?.removeEventListener(`message`,d)}),{mForm:n,config:s,formConfig:c,values:i}},_sfc_main=defineComponent({__name:`App`,props:{stage:{},fillConfig:{type:Function}},setup(e){let t=e,{mForm:n,formConfig:r,config:i,values:a}=useFormConfig(t);return watch(r,async()=>{setTimeout(()=>{let e=t.stage.renderer?.getDocument()?.querySelector(`.m-form`);e&&t.stage.renderer?.contentWindow?.magic.onPageElUpdate(e)})}),(e,t)=>(openBlock(),createBlock(unref(_sfc_main$g$1),{ref_key:`mForm`,ref:n,key:unref(i)?.id,"data-tmagic-id":unref(i)?.id,config:unref(r),"init-values":unref(a)},null,8,[`data-tmagic-id`,`config`,`init-values`]))}}),checkbox=createForm([{name:`activeValue`,text:`选中时的值`,defaultValue:!0},{name:`inactiveValue`,text:`没有选中时的值`,defaultValue:!1}]),display=createForm([]),number=createForm([{type:`number`,name:`min`,text:`最小值`},{type:`number`,name:`max`,text:`最大值`},{type:`number`,name:`step`,text:`步数`},{name:`placeholder`,text:`placeholder`}]),switchConfig=createForm([]),configs={text:createForm([{name:`placeholder`,text:`placeholder`},{name:`append`,legend:`后置按钮`,type:`fieldset`,labelWidth:`80px`,checkbox:!0,expand:!0,items:[{name:`type`,type:`hidden`,defaultValue:`button`},{name:`text`,text:`按钮文案`},{name:`handler`,type:`vs-code`,height:`400px`,text:`点击`}]}]),checkbox,display,number,switch:switchConfig},COMPONENT_GROUP_LIST=[{title:`容器`,items:[{text:`普通容器`,type:`container`,data:{items:[]}},{text:`表格`,type:`table`,data:{items:[]}},{text:`组列表`,type:`group-list`,data:{items:[]}},{text:`面板`,type:`panel`,data:{items:[]}},{text:`行`,type:`row`,data:{items:[]}}]},{title:`表单组件`,items:[{text:`输入框`,type:`text`,data:{text:`输入框`,name:`text`}},{text:`数字输入框`,type:`number`,data:{text:`数字输入框`,name:`number`}},{text:`文本域`,type:`textarea`,data:{text:`文本域`,name:`textarea`}},{text:`链接`,type:`link`,data:{text:`链接`,name:`link`}},{text:`日期`,type:`datetime`,data:{text:`日期`,name:`datetime`}},{text:`时间`,type:`time`,data:{text:`时间`,name:`time`}},{text:`选中器`,type:`select`,data:{text:`选中器`,name:`select`}},{text:`级联选择器`,type:`cascader`,data:{text:`级联选择器`,name:`cascader`}},{text:`开关`,type:`switch`,data:{text:`开关`,name:`switch`}},{text:`多选框`,type:`checkbox`,data:{text:`多选框`,name:`checkbox`}},{text:`多选组`,type:`checkboxGroup`,data:{text:`多选组`,name:`checkboxGroup`}},{text:`单选框`,type:`radio`,data:{text:`单选框`,name:`radio`}},{text:`单选组`,type:`radioGroup`,data:{text:`单选组`,name:`radioGroup`}},{text:`取色器`,type:`colorPicker`,data:{text:`取色器`,name:`colorPicker`}}]}],propsConfigs=configs,useRuntime=({plugins:e=[],fillConfig:t=e=>e}={})=>(propsService.usePlugin({async afterFillConfig(e,t,n=`80px`){return[{type:`tab`,items:[{title:`属性`,labelWidth:n,items:[...commonConfig,...t]}]}]}}),editorService.usePlugin({async afterGetLayout(){return Layout.RELATIVE}}),onBeforeUnmount(()=>{propsService.removeAllPlugins(),editorService.removeAllPlugins()}),{render:n=>{let r=n.renderer?.getDocument();r&&(injectStyle$1(r,dist_default),injectStyle$1(r,`html,
|
||
body,
|
||
#app {
|
||
width: 100%;
|
||
height: 100%;
|
||
margin: 0;
|
||
}
|
||
::-webkit-scrollbar {
|
||
width: 0;
|
||
}
|
||
`));let i=globalThis.document.createElement(`div`);i.id=`app`,i.style.overflow=`auto`;let a=createApp(_sfc_main,{stage:n,fillConfig:t});return a.use(index$2),e.forEach(e=>a.use(e)),a.mount(i),setTimeout(()=>{uiService.set(`showRule`,!1)}),i}}),FormEditor_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`FormEditor`,setup(e){formDsl_default.forEach(e=>{traverseNode(e,e=>{e.type=e.type||(e.items?`container`:`text`),e.id=`${e.type}_${guid()}`,e.style={left:0,top:0,position:`relative`}})});let t=ref$1({type:NodeType.ROOT,id:`app_form`,items:[]}),{render:n}=useRuntime(),r=useRouter(),i={left:[{type:`text`,text:`魔方`},{type:`component`,component:AdapterSelect_default}],center:[`delete`,`undo`,`redo`,`zoom`],right:[{type:`button`,text:`Editor Playground`,handler:()=>r.push(`/`)},{type:`button`,text:`Form Playground`,handler:()=>r.push(`form`)},{type:`button`,text:`Table Playground`,handler:()=>r.push(`table`)},`/`,{type:`button`,icon:document_default,tooltip:`源码`,handler:e=>e?.uiService.set(`showSrc`,!e?.uiService.get(`showSrc`))}]},a={type:`tabs`,status:`组件`,items:[`component-list`,`layer`]};return(e,r)=>(openBlock(),createBlock(unref(_sfc_main$20),{modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=e=>t.value=e),menu:i,sidebar:a,"component-group-list":unref(COMPONENT_GROUP_LIST),"props-configs":unref(propsConfigs),render:unref(n),"disabled-page-fragment":!0,"disabled-stage-overlay":!0,"stage-rect":{width:`calc(100% - 70px)`,height:`100%`},"moveable-options":{resizable:!1}},{"layer-node-label":withCtx(({data:e})=>[createTextVNode(toDisplayString(e.text||e.name||`container`),1)]),_:1},8,[`modelValue`,`component-group-list`,`props-configs`,`render`]))}}),FormEditor_default=FormEditor_vue_vue_type_script_setup_true_lang_default,_hoisted_1={style:{width:`100%`}},_hoisted_2={class:`table-content`},Table_vue_vue_type_script_setup_true_lang_default=defineComponent({__name:`Table`,setup(__props){const router=useRouter(),columns=ref$1([{type:`expand`,prop:`b`,table:[{prop:`a`,label:`1`}]},{prop:`a`,label:`1231`},{label:`操作`,actions:[{type:`delete`,buttonType:`danger`,disabled:e=>e.a===`a1`,display:e=>e.a!==`b1`,text:`删除`,handler:e=>{console.log(e)}}]}]),data=ref$1([{a:`a1`,b:[{a:1}]},{a:`b1`,b:[{a:2}]},{a:`c2`,b:[{a:3}]}]),menu=[{type:`button`,text:`Editor Playground`,handler:()=>router.push(`/`)},{type:`button`,text:`Form Editor Playground`,handler:()=>router.push(`form-editor`)},{type:`button`,text:`Form Playground`,handler:()=>router.push(`form`)}];function change(value){try{columns.value=eval(value),tMagicMessage.success(`更新成功`)}catch(e){tMagicMessage.error(e.message)}}function changeData(value){try{data.value=eval(value),tMagicMessage.success(`更新成功`)}catch(e){tMagicMessage.error(e.message)}}return(e,t)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(NavMenu_default,{data:menu}),createBaseVNode(`div`,_hoisted_2,[createVNode(unref(_sfc_main$22),{class:`left-panel`,columns:columns.value,data:data.value,"show-header":!0,"rowkey-name":`a`},null,8,[`columns`,`data`]),createVNode(unref(_sfc_main$i$2),{class:`pagination`,total:100,"page-size":10,"current-page":1}),createVNode(unref(_sfc_main$5$20),{class:`right-panel`,modelValue:`columns`},{default:withCtx(()=>[createVNode(unref(_sfc_main$6$7),{label:`columns`,name:`columns`},{default:withCtx(()=>[createVNode(unref(_sfc_main$1r),{class:`code-editor-content`,"init-values":columns.value,onSave:change},null,8,[`init-values`])]),_:1}),createVNode(unref(_sfc_main$6$7),{label:`data`,name:`data`},{default:withCtx(()=>[createVNode(unref(_sfc_main$1r),{class:`code-editor-content`,"init-values":data.value,onSave:changeData},null,8,[`init-values`])]),_:1})]),_:1})])]))}}),Table_default=Table_vue_vue_type_script_setup_true_lang_default,routes=[{path:`/`,component:Editor_default},{path:`/form`,component:Form_default},{path:`/form-editor`,component:FormEditor_default},{path:`/table`,component:Table_default}],route_default=createRouter({history:createWebHashHistory(),routes});globalThis.MonacoEnvironment={getWorker(e,t){return t===`json`?new WorkerWrapper$2:t===`css`||t===`scss`||t===`less`?new WorkerWrapper$4:t===`html`||t===`handlebars`||t===`razor`?new WorkerWrapper$3:t===`typescript`||t===`javascript`?new WorkerWrapper$1:new WorkerWrapper$5}};var adapter=sessionStorage.getItem(`tmagic-playground-ui-adapter`)||`element-plus`,adapterModule;adapter===`tdesign-vue-next`?(__vitePreload(()=>Promise.resolve({}),__vite__mapDeps([6])),adapterModule=__vitePreload(()=>import(`./tmagic-tdesign-vue-next-adapter-CyfQrwy5.js`),__vite__mapDeps([7,8,9,10]))):(__vitePreload(()=>Promise.resolve({}),__vite__mapDeps([11])),adapterModule=__vitePreload(()=>import(`./tmagic-element-plus-adapter-B7kgsq2t.js`),__vite__mapDeps([12,1,8,9]))),adapterModule.then(e=>{let t=createApp(App_default);t.use(route_default),t.use(index,e.default),t.mount(`#app`)});export{success_filled_default as A,hide_default as C,more_filled_default as D,minus_default as E,createPopper as F,warning_filled_default as M,zoom_in_default as N,plus_default as O,_defineProperty$1 as P,document_default as S,loading_default as T,clock_default as _,throttle$2 as a,d_arrow_right_default as b,arrow_down_default as c,arrow_up_default as d,calendar_default as f,circle_close_filled_default as g,circle_close_default as h,union as i,view_default as j,question_filled_default as k,arrow_left_default as l,circle_check_default as m,Sortable as n,isEmpty$1 as o,check_default as p,require_dayjs_min as r,map as s,__vitePreload as t,arrow_right_default as u,close_default as v,info_filled_default as w,delete_default as x,d_arrow_left_default as y};
|
||
//# sourceMappingURL=index-Ckbfa3hU.js.map |