hflvcomp 0.0.9 → 0.0.10

package/dist/hflvcomp.es.js

@@ -1,10 +1,10 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.subpage-container[data-v-7840b296]{display:flex;align-items:center;margin:0;overflow:hidden}.subpage-container[data-v-3deb553c]{padding:0;display:flex;align-items:center}:root{--vue-scroll-rect-scrollbar-thumb-color: rgba(122,122,122, .3);--vue-scroll-rect-scrollbar-thumb-color-light: rgba(122, 122, 122, .5);--vue-scroll-rect-scrollbar-thumb-color-pressed: rgba(112, 112, 112, .2);--vue-scroll-rect-scrollbar-thumb-radius: 5px;--vue-scroll-rect-scrollbar-thumb-margin: 0px;--vue-scroll-rect-scrollbar-size: 8px}.vue-scroll-rect{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vue-scroll-rect>.scroll-content{position:relative;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.vue-scroll-rect>.scroll-content::-webkit-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content::-ms-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content.both{overflow:scroll}.vue-scroll-rect>.scroll-content.horizontal{overflow-x:scroll}.vue-scroll-rect>.scroll-content.vertical{overflow-y:scroll}.vue-scroll-rect:hover>.scrollbar{opacity:1;transition:opacity .1s}.vue-scroll-rect.always-show-scrollbar>.scrollbar,.vue-scroll-rect .dragging>.scrollbar{opacity:1}.vue-scroll-rect.background-clickable>.scrollbar{pointer-events:all}.vue-scroll-rect>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s;pointer-events:none}.vue-scroll-rect>.scrollbar:hover{opacity:1}.vue-scroll-rect>.scrollbar .thumb{position:absolute;background-color:var(--vue-scroll-rect-scrollbar-thumb-color);border-radius:var(--vue-scroll-rect-scrollbar-thumb-radius);pointer-events:all}.vue-scroll-rect>.scrollbar .thumb:hover{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-light)}.vue-scroll-rect>.scrollbar .thumb:active{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-pressed)}.vue-scroll-rect>.scrollbar.horizontal{left:0;bottom:0;right:0;height:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.horizontal .thumb{top:var(--vue-scroll-rect-scrollbar-thumb-margin);bottom:var(--vue-scroll-rect-scrollbar-thumb-margin)}.vue-scroll-rect>.scrollbar.vertical{top:0;bottom:0;right:0;width:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.vertical .thumb{left:var(--vue-scroll-rect-scrollbar-thumb-margin);right:var(--vue-scroll-rect-scrollbar-thumb-margin)}:root{--mx-menu-backgroud: #fff;--mx-menu-hover-backgroud: #f1f1f1;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #f1f1f1;--mx-menu-divider: #f0f0f0;--mx-menu-text: #2e2e2e;--mx-menu-hover-text: #2e2e2e;--mx-menu-active-text: #2e2e2e;--mx-menu-open-text: #2e2e2e;--mx-menu-open-hover-text: #2e2e2e;--mx-menu-disabled-text: #c9c8c8;--mx-menu-icon-size: 16px;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--mx-menu-scrollbar-thumb-color-light: rgba(0, 0, 0, .3);--mx-menu-scrollbar-thumb-color-pressed: rgba(0, 0, 0, .1);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover:#ebebeb;--mx-menu-shortcut-backgroud-active:#ebebeb;--mx-menu-shortcut-backgroud-open:#ebebeb;--mx-menu-shortcut-backgroud-disabled:#fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-placeholder-width: 24px}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--mx-menu-backgroud);border-radius:var(--mx-menu-backgroud-radius);padding:12px 0;box-shadow:0 10px 40px 10px var(--mx-menu-shadow-color);opacity:1;transition:opacity .2s ease-in-out;--vue-scroll-rect-scrollbar-thumb-color: var(--mx-menu-scrollbar-thumb-color);--vue-scroll-rect-scrollbar-thumb-color-light: var(--mx-menu-scrollbar-thumb-color-light);--vue-scroll-rect-scrollbar-thumb-color-pressed: var(--mx-menu-scrollbar-thumb-color-pressed)}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{overscroll-behavior:contain}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:6px 15px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;text-overflow:ellipsis;color:var(--mx-menu-text)}.mx-context-menu-item .mx-right-arrow,.mx-context-menu-item .mx-checked-mark{fill:var(--mx-menu-text)}.mx-context-menu-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-right-arrow,.mx-context-menu-item:hover .mx-checked-mark{fill:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-hover);color:var(--mx-menu-shortcut-text-hover)}.mx-context-menu-item:active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-right-arrow,.mx-context-menu-item:active .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu-item.open{background-color:var(--mx-menu-open-backgroud);color:var(--mx-menu-open-text)}.mx-context-menu-item.open:hover{background-color:var(--mx-menu-open-hover-backgroud);color:var(--mx-menu-open-hover-text)}.mx-context-menu-item.open .mx-right-arrow,.mx-context-menu-item.open .mx-checked-mark{fill:var(--mx-menu-open-text)}.mx-context-menu-item.open .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-open);color:var(--mx-menu-shortcut-text-open)}.mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud)}.mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text);cursor:not-allowed}.mx-context-menu-item.disabled:hover,.mx-context-menu-item.disabled:active{background-color:transparent}.mx-context-menu-item.disabled .mx-right-arrow,.mx-context-menu-item.disabled .mx-checked-mark{fill:var(--mx-menu-disabled-text)}.mx-context-menu-item.disabled .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-disabled);color:var(--mx-menu-shortcut-text-second)}.mx-context-menu-item .mx-item-row{display:flex;flex-direction:row;align-items:center;max-width:100%}.mx-context-menu-item .mx-icon-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;height:auto;overflow:hidden}.mx-context-menu-item .mx-icon-placeholder.preserve-width{width:var(--mx-menu-placeholder-width)}.mx-context-menu-item .icon{display:inline-block;font-size:var(--mx-menu-icon-size)}.mx-context-menu-item .icon.svg{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-context-menu-item .label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:16px}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:var(--mx-menu-backgroud)}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:var(--mx-menu-divider);height:1px}.mx-right-arrow{width:14px;height:14px}.mx-checked-mark{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-shortcut{position:relative;justify-self:flex-end;font-size:11.5px;padding:2px 4px;background-color:var(--mx-menu-shortcut-backgroud);color:var(--mx-menu-shortcut-text)}.mx-menu-bar.dark,.mx-context-menu.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #464646;--mx-menu-text: #ffffff;--mx-menu-hover-text: #ffffff;--mx-menu-active-text: #ffffff;--mx-menu-open-text: #ffffff;--mx-menu-open-hover-text: #ffffff;--mx-menu-disabled-text: #9c9c9c;--mx-menu-shadow-color: rgba(51, 51, 51, .2);--mx-menu-scrollbar-thumb-color: rgba(255, 255, 255, .3);--mx-menu-scrollbar-thumb-color-light: rgba(255, 255, 255, .5);--mx-menu-scrollbar-thumb-color-pressed: rgba(255, 255, 255, .2);--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d}.mx-menu-bar.flat,.mx-context-menu.flat{border-radius:0;padding:7px 0;box-shadow:0 1px 2px 1px var(--mx-menu-shadow-color)}.mx-menu-bar.flat .mx-context-menu-item,.mx-context-menu.flat .mx-context-menu-item{padding:3px 12px}.mx-menu-bar.win10,.mx-context-menu.win10{border-radius:0;padding:8px 0;border:1px solid var(--mx-menu-border-color);box-shadow:2px 2px 1px 0 var(--mx-menu-shadow-color)}.mx-menu-bar.win10,.mx-context-menu.win10{--mx-menu-backgroud: #eeeeee;--mx-menu-hover-backgroud: #d8d8d8;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #d8d8d8;--mx-menu-divider: #aaaaaa;--mx-menu-border-color: #b1b1b1;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover: transparent;--mx-menu-shortcut-backgroud-active: transparent;--mx-menu-shortcut-backgroud-open: transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #272727;--mx-menu-shortcut-text-hover: #272727;--mx-menu-shortcut-text-active: #272727;--mx-menu-shortcut-text-open: #272727;--mx-menu-shortcut-text-disabled: #6b6b6b}.mx-menu-bar.win10 .mx-context-menu-item,.mx-context-menu.win10 .mx-context-menu-item{padding:2px 4px;margin:0 4px}.mx-menu-bar.win10 .mx-context-menu-item-sperator,.mx-context-menu.win10 .mx-context-menu-item-sperator{margin:0 4px}.mx-menu-bar.win10.dark,.mx-context-menu.win10.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #808080;--mx-menu-border-color: #656565;--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d;padding:8px 0}.mx-menu-bar.win10.dark .mx-context-menu-item,.mx-context-menu.win10.dark .mx-context-menu-item{padding:6px 12px;margin:0}.mx-menu-bar.win10.dark .mx-context-menu-item-sperator,.mx-context-menu.win10.dark .mx-context-menu-item-sperator{margin:0 7px}.mx-menu-bar.mac,.mx-context-menu.mac{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-menu-bar.mac,.mx-context-menu.mac{--mx-menu-backgroud: #ececec;--mx-menu-hover-backgroud: #0165e1;--mx-menu-active-backgroud: #0165e1;--mx-menu-open-backgroud: #858585;--mx-menu-open-hover-backgroud: #0165e1;--mx-menu-divider: #d2d2d2;--mx-menu-text: #232323;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #bbbbbb;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-border-color: #bbbbbb}.mx-menu-bar.mac.dark,.mx-context-menu.mac.dark{--mx-menu-backgroud: #333333;--mx-menu-hover-backgroud: #0153d2;--mx-menu-active-backgroud: #0153d2;--mx-menu-open-hover-backgroud: #0153d2;--mx-menu-open-backgroud: #414346;--mx-menu-divider: #575757;--mx-menu-text: #dcdcdc;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #6a6a6a;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #dadada;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #6a6a6a;--mx-menu-border-color: #222}.mx-menu-bar.mac .mx-context-menu-item,.mx-context-menu.mac .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-shortcut,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-menu-bar.mac .mx-context-menu-item-sperator,.mx-context-menu.mac .mx-context-menu-item-sperator{margin:0 12px}.mx-context-menu .vue-scroll-rect>.scroll-content{overflow-y:scroll;height:100%;width:auto;position:relative!important}.mx-menu-ghost-host{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mx-menu-ghost-host.fullscreen{position:fixed}.mx-menu-bar{flex:1;display:flex;flex-direction:row;align-items:center;background-color:var(--mx-menu-backgroud);padding:5px 0}.mx-menu-bar.mini{flex-grow:0}.mx-menu-bar .mx-menu-bar-content{display:flex;flex-direction:row;align-items:center}.mx-menu-bar .mx-menu-bar-item{padding:2px 8px;border-radius:5px;-webkit-user-select:none;user-select:none;background-color:var(--mx-menu-backgroud);color:var(--mx-menu-text)}.mx-menu-bar .mx-menu-bar-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:hover .mx-menu-bar-icon-menu{fill:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:active,.mx-menu-bar .mx-menu-bar-item.active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-item:active .mx-menu-bar-icon-menu,.mx-menu-bar .mx-menu-bar-item.active .mx-menu-bar-icon-menu{fill:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-icon-menu{fill:var(--mx-menu-text);width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-menu-bar.flat .mx-menu-bar-item{border-radius:0}.picture-container[data-v-6700d8d2]{overflow:hidden}.svg-container[data-v-ecab498d]{width:100%;height:100%}.svg-container svg[data-v-ecab498d]{width:100%;height:100%}.svg-container[data-v-572c01ec]{width:100%;height:100%}.svg-container svg[data-v-572c01ec]{width:100%;height:100%}.svg-container[data-v-939b62a1]{width:100%;height:100%}.svg-container svg[data-v-939b62a1]{width:100%;height:100%}.svg-container[data-v-7dcb2081]{width:100%;height:100%}.svg-container svg[data-v-7dcb2081]{width:100%;height:100%}.svg-container[data-v-4ce499b1]{width:100%;height:100%}.svg-container svg[data-v-4ce499b1]{width:100%;height:100%}.svg-container[data-v-aec13cc0]{width:100%;height:100%}.svg-container svg[data-v-aec13cc0]{width:100%;height:100%}.svg-container[data-v-cddc7262]{width:100%;height:100%}.svg-container svg[data-v-cddc7262]{width:100%;height:100%}.svg-container[data-v-bab98274]{width:100%;height:100%}.svg-container svg[data-v-bab98274]{width:100%;height:100%}.svg-container[data-v-2959cd02]{width:100%;height:100%}.svg-container svg[data-v-2959cd02]{width:100%;height:100%}.svg-container[data-v-78f636ae]{width:100%;height:100%}.svg-container svg[data-v-78f636ae]{width:100%;height:100%}.svg-container[data-v-1ba24f63]{width:100%;height:100%}.svg-container svg[data-v-1ba24f63]{width:100%;height:100%}.svg-container[data-v-8db7d328]{width:100%;height:100%}.svg-container svg[data-v-8db7d328]{width:100%;height:100%}.svg-container[data-v-8db7d328] .svg-first-color{fill:var(--custom-first-color)!important}.svg-container[data-v-8db7d328] .svg-second-color{fill:var(--custom-second-color)!important}.svg-container[data-v-8db7d328] .svg-third-color{fill:var(--custom-third-color)!important}.svg-container[data-v-8db7d328] .svg-four-color{fill:var(--custom-four-color)!important}.svg-container[data-v-8db7d328] .svg-five-color{fill:var(--custom-five-color)!important}.svg-container[data-v-0ad0dffa]{width:100%;height:100%}.svg-container svg[data-v-0ad0dffa]{width:100%;height:100%}.canvas-grid-container[data-v-6480756a]{width:100%;height:100%;overflow:hidden}.grid-container[data-v-dced3ee3],.divider[data-v-490ca7b4],.div-container[data-v-b5a7fa87]{width:100%;height:100%}.division-button[data-v-b5a7fa87]{width:100%;height:100%;position:relative;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.division-content[data-v-b5a7fa87]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:6px;cursor:pointer;pointer-events:none}.division-button[data-v-b5a7fa87]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#2f6dff33;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.division-button[data-v-b5a7fa87]:active:not(.division-disabled):after{width:120%;height:120%}.division-text[data-v-b5a7fa87]{z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;pointer-events:none}.division-icon[data-v-b5a7fa87]{font-size:14px;transition:all .3s ease;z-index:1;display:flex;align-items:center}.division-hover .division-icon[data-v-b5a7fa87]{transform:translate(2px)}.division-disabled[data-v-b5a7fa87]{pointer-events:none;cursor:not-allowed!important}.division-disabled .division-content[data-v-b5a7fa87],.division-disabled .division-text[data-v-b5a7fa87],.division-disabled .division-icon[data-v-b5a7fa87]{cursor:not-allowed!important}@media(max-width:480px){.division-content[data-v-b5a7fa87]{flex-wrap:wrap;gap:4px}.division-text[data-v-b5a7fa87],.division-icon[data-v-b5a7fa87]{font-size:12px}}.svg-container[data-v-54c5681f]{width:100%;height:100%}.svg-container svg[data-v-54c5681f]{width:100%;height:100%}.svg-container[data-v-54c5681f] .svg-first-color{fill:var(--custom-first-color)!important}.svg-container[data-v-54c5681f] .svg-second-color{fill:var(--custom-second-color)!important}.svg-container[data-v-54c5681f] .svg-third-color{fill:var(--custom-third-color)!important}.svg-container[data-v-54c5681f] .svg-four-color{fill:var(--custom-four-color)!important}.svg-container[data-v-54c5681f] .svg-five-color{fill:var(--custom-five-color)!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { inject as me, resolveComponent as Je, createElementBlock as F, openBlock as P, normalizeStyle as ye, createVNode as Oe, ref as g, computed as m, watch as T, provide as ke, onBeforeMount as Q, onMounted as q, onBeforeUnmount as J, onUnmounted as $, Fragment as it, renderList as vt, createBlock as he, KeepAlive as Bt, createCommentVNode as ne, defineComponent as Le, toRefs as Ee, h as ot, nextTick as we, unref as N, renderSlot as xe, normalizeClass as Re, createElementVNode as ue, mergeProps as ct, toDisplayString as De, Teleport as It, Transition as At, withCtx as He, createSlots as Wt, reactive as Ze, useSlots as jt, normalizeProps as Ft, guardReactiveProps as Et, render as gt, createTextVNode as de } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.subpage-container[data-v-7840b296]{display:flex;align-items:center;margin:0;overflow:hidden}.subpage-container[data-v-3deb553c]{padding:0;display:flex;align-items:center}:root{--vue-scroll-rect-scrollbar-thumb-color: rgba(122,122,122, .3);--vue-scroll-rect-scrollbar-thumb-color-light: rgba(122, 122, 122, .5);--vue-scroll-rect-scrollbar-thumb-color-pressed: rgba(112, 112, 112, .2);--vue-scroll-rect-scrollbar-thumb-radius: 5px;--vue-scroll-rect-scrollbar-thumb-margin: 0px;--vue-scroll-rect-scrollbar-size: 8px}.vue-scroll-rect{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vue-scroll-rect>.scroll-content{position:relative;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.vue-scroll-rect>.scroll-content::-webkit-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content::-ms-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content.both{overflow:scroll}.vue-scroll-rect>.scroll-content.horizontal{overflow-x:scroll}.vue-scroll-rect>.scroll-content.vertical{overflow-y:scroll}.vue-scroll-rect:hover>.scrollbar{opacity:1;transition:opacity .1s}.vue-scroll-rect.always-show-scrollbar>.scrollbar,.vue-scroll-rect .dragging>.scrollbar{opacity:1}.vue-scroll-rect.background-clickable>.scrollbar{pointer-events:all}.vue-scroll-rect>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s;pointer-events:none}.vue-scroll-rect>.scrollbar:hover{opacity:1}.vue-scroll-rect>.scrollbar .thumb{position:absolute;background-color:var(--vue-scroll-rect-scrollbar-thumb-color);border-radius:var(--vue-scroll-rect-scrollbar-thumb-radius);pointer-events:all}.vue-scroll-rect>.scrollbar .thumb:hover{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-light)}.vue-scroll-rect>.scrollbar .thumb:active{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-pressed)}.vue-scroll-rect>.scrollbar.horizontal{left:0;bottom:0;right:0;height:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.horizontal .thumb{top:var(--vue-scroll-rect-scrollbar-thumb-margin);bottom:var(--vue-scroll-rect-scrollbar-thumb-margin)}.vue-scroll-rect>.scrollbar.vertical{top:0;bottom:0;right:0;width:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.vertical .thumb{left:var(--vue-scroll-rect-scrollbar-thumb-margin);right:var(--vue-scroll-rect-scrollbar-thumb-margin)}:root{--mx-menu-backgroud: #fff;--mx-menu-hover-backgroud: #f1f1f1;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #f1f1f1;--mx-menu-divider: #f0f0f0;--mx-menu-text: #2e2e2e;--mx-menu-hover-text: #2e2e2e;--mx-menu-active-text: #2e2e2e;--mx-menu-open-text: #2e2e2e;--mx-menu-open-hover-text: #2e2e2e;--mx-menu-disabled-text: #c9c8c8;--mx-menu-icon-size: 16px;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--mx-menu-scrollbar-thumb-color-light: rgba(0, 0, 0, .3);--mx-menu-scrollbar-thumb-color-pressed: rgba(0, 0, 0, .1);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover:#ebebeb;--mx-menu-shortcut-backgroud-active:#ebebeb;--mx-menu-shortcut-backgroud-open:#ebebeb;--mx-menu-shortcut-backgroud-disabled:#fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-placeholder-width: 24px}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--mx-menu-backgroud);border-radius:var(--mx-menu-backgroud-radius);padding:12px 0;box-shadow:0 10px 40px 10px var(--mx-menu-shadow-color);opacity:1;transition:opacity .2s ease-in-out;--vue-scroll-rect-scrollbar-thumb-color: var(--mx-menu-scrollbar-thumb-color);--vue-scroll-rect-scrollbar-thumb-color-light: var(--mx-menu-scrollbar-thumb-color-light);--vue-scroll-rect-scrollbar-thumb-color-pressed: var(--mx-menu-scrollbar-thumb-color-pressed)}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{overscroll-behavior:contain}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:6px 15px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;text-overflow:ellipsis;color:var(--mx-menu-text)}.mx-context-menu-item .mx-right-arrow,.mx-context-menu-item .mx-checked-mark{fill:var(--mx-menu-text)}.mx-context-menu-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-right-arrow,.mx-context-menu-item:hover .mx-checked-mark{fill:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-hover);color:var(--mx-menu-shortcut-text-hover)}.mx-context-menu-item:active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-right-arrow,.mx-context-menu-item:active .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu-item.open{background-color:var(--mx-menu-open-backgroud);color:var(--mx-menu-open-text)}.mx-context-menu-item.open:hover{background-color:var(--mx-menu-open-hover-backgroud);color:var(--mx-menu-open-hover-text)}.mx-context-menu-item.open .mx-right-arrow,.mx-context-menu-item.open .mx-checked-mark{fill:var(--mx-menu-open-text)}.mx-context-menu-item.open .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-open);color:var(--mx-menu-shortcut-text-open)}.mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud)}.mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text);cursor:not-allowed}.mx-context-menu-item.disabled:hover,.mx-context-menu-item.disabled:active{background-color:transparent}.mx-context-menu-item.disabled .mx-right-arrow,.mx-context-menu-item.disabled .mx-checked-mark{fill:var(--mx-menu-disabled-text)}.mx-context-menu-item.disabled .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-disabled);color:var(--mx-menu-shortcut-text-second)}.mx-context-menu-item .mx-item-row{display:flex;flex-direction:row;align-items:center;max-width:100%}.mx-context-menu-item .mx-icon-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;height:auto;overflow:hidden}.mx-context-menu-item .mx-icon-placeholder.preserve-width{width:var(--mx-menu-placeholder-width)}.mx-context-menu-item .icon{display:inline-block;font-size:var(--mx-menu-icon-size)}.mx-context-menu-item .icon.svg{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-context-menu-item .label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:16px}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:var(--mx-menu-backgroud)}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:var(--mx-menu-divider);height:1px}.mx-right-arrow{width:14px;height:14px}.mx-checked-mark{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-shortcut{position:relative;justify-self:flex-end;font-size:11.5px;padding:2px 4px;background-color:var(--mx-menu-shortcut-backgroud);color:var(--mx-menu-shortcut-text)}.mx-menu-bar.dark,.mx-context-menu.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #464646;--mx-menu-text: #ffffff;--mx-menu-hover-text: #ffffff;--mx-menu-active-text: #ffffff;--mx-menu-open-text: #ffffff;--mx-menu-open-hover-text: #ffffff;--mx-menu-disabled-text: #9c9c9c;--mx-menu-shadow-color: rgba(51, 51, 51, .2);--mx-menu-scrollbar-thumb-color: rgba(255, 255, 255, .3);--mx-menu-scrollbar-thumb-color-light: rgba(255, 255, 255, .5);--mx-menu-scrollbar-thumb-color-pressed: rgba(255, 255, 255, .2);--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d}.mx-menu-bar.flat,.mx-context-menu.flat{border-radius:0;padding:7px 0;box-shadow:0 1px 2px 1px var(--mx-menu-shadow-color)}.mx-menu-bar.flat .mx-context-menu-item,.mx-context-menu.flat .mx-context-menu-item{padding:3px 12px}.mx-menu-bar.win10,.mx-context-menu.win10{border-radius:0;padding:8px 0;border:1px solid var(--mx-menu-border-color);box-shadow:2px 2px 1px 0 var(--mx-menu-shadow-color)}.mx-menu-bar.win10,.mx-context-menu.win10{--mx-menu-backgroud: #eeeeee;--mx-menu-hover-backgroud: #d8d8d8;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #d8d8d8;--mx-menu-divider: #aaaaaa;--mx-menu-border-color: #b1b1b1;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover: transparent;--mx-menu-shortcut-backgroud-active: transparent;--mx-menu-shortcut-backgroud-open: transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #272727;--mx-menu-shortcut-text-hover: #272727;--mx-menu-shortcut-text-active: #272727;--mx-menu-shortcut-text-open: #272727;--mx-menu-shortcut-text-disabled: #6b6b6b}.mx-menu-bar.win10 .mx-context-menu-item,.mx-context-menu.win10 .mx-context-menu-item{padding:2px 4px;margin:0 4px}.mx-menu-bar.win10 .mx-context-menu-item-sperator,.mx-context-menu.win10 .mx-context-menu-item-sperator{margin:0 4px}.mx-menu-bar.win10.dark,.mx-context-menu.win10.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #808080;--mx-menu-border-color: #656565;--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d;padding:8px 0}.mx-menu-bar.win10.dark .mx-context-menu-item,.mx-context-menu.win10.dark .mx-context-menu-item{padding:6px 12px;margin:0}.mx-menu-bar.win10.dark .mx-context-menu-item-sperator,.mx-context-menu.win10.dark .mx-context-menu-item-sperator{margin:0 7px}.mx-menu-bar.mac,.mx-context-menu.mac{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-menu-bar.mac,.mx-context-menu.mac{--mx-menu-backgroud: #ececec;--mx-menu-hover-backgroud: #0165e1;--mx-menu-active-backgroud: #0165e1;--mx-menu-open-backgroud: #858585;--mx-menu-open-hover-backgroud: #0165e1;--mx-menu-divider: #d2d2d2;--mx-menu-text: #232323;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #bbbbbb;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-border-color: #bbbbbb}.mx-menu-bar.mac.dark,.mx-context-menu.mac.dark{--mx-menu-backgroud: #333333;--mx-menu-hover-backgroud: #0153d2;--mx-menu-active-backgroud: #0153d2;--mx-menu-open-hover-backgroud: #0153d2;--mx-menu-open-backgroud: #414346;--mx-menu-divider: #575757;--mx-menu-text: #dcdcdc;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #6a6a6a;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #dadada;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #6a6a6a;--mx-menu-border-color: #222}.mx-menu-bar.mac .mx-context-menu-item,.mx-context-menu.mac .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-shortcut,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-menu-bar.mac .mx-context-menu-item-sperator,.mx-context-menu.mac .mx-context-menu-item-sperator{margin:0 12px}.mx-context-menu .vue-scroll-rect>.scroll-content{overflow-y:scroll;height:100%;width:auto;position:relative!important}.mx-menu-ghost-host{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mx-menu-ghost-host.fullscreen{position:fixed}.mx-menu-bar{flex:1;display:flex;flex-direction:row;align-items:center;background-color:var(--mx-menu-backgroud);padding:5px 0}.mx-menu-bar.mini{flex-grow:0}.mx-menu-bar .mx-menu-bar-content{display:flex;flex-direction:row;align-items:center}.mx-menu-bar .mx-menu-bar-item{padding:2px 8px;border-radius:5px;-webkit-user-select:none;user-select:none;background-color:var(--mx-menu-backgroud);color:var(--mx-menu-text)}.mx-menu-bar .mx-menu-bar-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:hover .mx-menu-bar-icon-menu{fill:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:active,.mx-menu-bar .mx-menu-bar-item.active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-item:active .mx-menu-bar-icon-menu,.mx-menu-bar .mx-menu-bar-item.active .mx-menu-bar-icon-menu{fill:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-icon-menu{fill:var(--mx-menu-text);width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-menu-bar.flat .mx-menu-bar-item{border-radius:0}.picture-container[data-v-6700d8d2]{overflow:hidden}.svg-container[data-v-ecab498d]{width:100%;height:100%}.svg-container svg[data-v-ecab498d]{width:100%;height:100%}.svg-container[data-v-e00f69af]{width:100%;height:100%}.svg-container svg[data-v-e00f69af]{width:100%;height:100%}.svg-container[data-v-939b62a1]{width:100%;height:100%}.svg-container svg[data-v-939b62a1]{width:100%;height:100%}.svg-container[data-v-7dcb2081]{width:100%;height:100%}.svg-container svg[data-v-7dcb2081]{width:100%;height:100%}.svg-container[data-v-4ce499b1]{width:100%;height:100%}.svg-container svg[data-v-4ce499b1]{width:100%;height:100%}.svg-container[data-v-aec13cc0]{width:100%;height:100%}.svg-container svg[data-v-aec13cc0]{width:100%;height:100%}.svg-container[data-v-cddc7262]{width:100%;height:100%}.svg-container svg[data-v-cddc7262]{width:100%;height:100%}.svg-container[data-v-bab98274]{width:100%;height:100%}.svg-container svg[data-v-bab98274]{width:100%;height:100%}.svg-container[data-v-2959cd02]{width:100%;height:100%}.svg-container svg[data-v-2959cd02]{width:100%;height:100%}.svg-container[data-v-78f636ae]{width:100%;height:100%}.svg-container svg[data-v-78f636ae]{width:100%;height:100%}.svg-container[data-v-1ba24f63]{width:100%;height:100%}.svg-container svg[data-v-1ba24f63]{width:100%;height:100%}.svg-container[data-v-8db7d328]{width:100%;height:100%}.svg-container svg[data-v-8db7d328]{width:100%;height:100%}.svg-container[data-v-8db7d328] .svg-first-color{fill:var(--custom-first-color)!important}.svg-container[data-v-8db7d328] .svg-second-color{fill:var(--custom-second-color)!important}.svg-container[data-v-8db7d328] .svg-third-color{fill:var(--custom-third-color)!important}.svg-container[data-v-8db7d328] .svg-four-color{fill:var(--custom-four-color)!important}.svg-container[data-v-8db7d328] .svg-five-color{fill:var(--custom-five-color)!important}.svg-container[data-v-0ad0dffa]{width:100%;height:100%}.svg-container svg[data-v-0ad0dffa]{width:100%;height:100%}.canvas-grid-container[data-v-6480756a]{width:100%;height:100%;overflow:hidden}.grid-container[data-v-dced3ee3],.divider[data-v-490ca7b4],.div-container[data-v-b5a7fa87]{width:100%;height:100%}.division-button[data-v-b5a7fa87]{width:100%;height:100%;position:relative;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}.division-content[data-v-b5a7fa87]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:6px;cursor:pointer;pointer-events:none}.division-button[data-v-b5a7fa87]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#2f6dff33;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.division-button[data-v-b5a7fa87]:active:not(.division-disabled):after{width:120%;height:120%}.division-text[data-v-b5a7fa87]{z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;pointer-events:none}.division-icon[data-v-b5a7fa87]{font-size:14px;transition:all .3s ease;z-index:1;display:flex;align-items:center}.division-hover .division-icon[data-v-b5a7fa87]{transform:translate(2px)}.division-disabled[data-v-b5a7fa87]{pointer-events:none;cursor:not-allowed!important}.division-disabled .division-content[data-v-b5a7fa87],.division-disabled .division-text[data-v-b5a7fa87],.division-disabled .division-icon[data-v-b5a7fa87]{cursor:not-allowed!important}@media(max-width:480px){.division-content[data-v-b5a7fa87]{flex-wrap:wrap;gap:4px}.division-text[data-v-b5a7fa87],.division-icon[data-v-b5a7fa87]{font-size:12px}}.svg-container[data-v-9182799c]{width:100%;height:100%}.svg-container svg[data-v-9182799c]{width:100%;height:100%}.svg-container[data-v-9182799c] .svg-first-color{fill:var(--custom-first-color)!important}.svg-container[data-v-9182799c] .svg-second-color{fill:var(--custom-second-color)!important}.svg-container[data-v-9182799c] .svg-third-color{fill:var(--custom-third-color)!important}.svg-container[data-v-9182799c] .svg-four-color{fill:var(--custom-four-color)!important}.svg-container[data-v-9182799c] .svg-five-color{fill:var(--custom-five-color)!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { inject as me, resolveComponent as Je, createElementBlock as z, openBlock as R, normalizeStyle as Ce, createVNode as Oe, ref as y, computed as h, watch as B, provide as ke, onBeforeMount as Q, onMounted as q, onBeforeUnmount as J, onUnmounted as $, Fragment as it, renderList as vt, createBlock as he, KeepAlive as Bt, createCommentVNode as ne, defineComponent as Pe, toRefs as Ee, h as ot, nextTick as we, unref as K, renderSlot as Se, normalizeClass as Re, createElementVNode as ue, mergeProps as ct, toDisplayString as De, Teleport as It, Transition as At, withCtx as He, createSlots as Wt, reactive as Ze, useSlots as jt, normalizeProps as Ft, guardReactiveProps as Et, render as gt, createTextVNode as de } from "vue";
 import { CommonUtils as Y, useDataCacheStore as re, createSmartAccessor as ae, reCalcCanvasSize as yt, CreateCompContext as ee, useEventHandler as te } from "hflvloader";
 import { useRouter as le, useRoute as oe } from "vue-router";
 (function() {
   const t = () => {
-    console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.9", "color: #2ecc71;"), console.log("%c编译日期: 2026/2/7 22:48:54", "color: #3498db;"), console.log("%c版权声明:", "color: #e74c3c; font-weight: bold;"), console.log("%c 1. 版权完全归qbansanguo享有。", "color: #34495e;"), console.log("%c 2. 程序包完整引用，不得以任何形式破解、裁剪，不得隐藏或删除版权信息。", "color: #34495e;"), console.log("%c 3. 保留此版权信息在控制台输出。", "color: #34495e;"), console.log("%c 版权所有 ©2024-2026 qbansanguo 保留对此版权信息的最终解释权.", "color: #f39c12;"), console.log("%c Copyright ©2024-2026 qbansanguo All rights reserved.", "color: #f39c12;");
+    console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.10", "color: #2ecc71;"), console.log("%c编译日期: 2026/2/10 16:54:05", "color: #3498db;"), console.log("%c版权声明:", "color: #e74c3c; font-weight: bold;"), console.log("%c 1. 版权完全归qbansanguo享有。", "color: #34495e;"), console.log("%c 2. 程序包完整引用，不得以任何形式破解、裁剪，不得隐藏或删除版权信息。", "color: #34495e;"), console.log("%c 3. 保留此版权信息在控制台输出。", "color: #34495e;"), console.log("%c 版权所有 ©2024-2026 qbansanguo 保留对此版权信息的最终解释权.", "color: #f39c12;"), console.log("%c Copyright ©2024-2026 qbansanguo All rights reserved.", "color: #f39c12;");
   };
   if (typeof window < "u") {
     window._copyright_hflvcomp = t;
@@ -29,8 +29,8 @@ function Fe() {
 }
 const fe = (t, c) => {
   const o = t.__vccOpts || t;
-  for (const [e, i] of c)
-    o[e] = i;
+  for (const [e, s] of c)
+    o[e] = s;
   return o;
 }, zt = /* @__PURE__ */ Object.assign({
   name: "Subpage"
@@ -53,9 +53,9 @@ const fe = (t, c) => {
   },
   setup(t, { expose: c }) {
     c();
-    const { isNotEmpty: o, isObject: e } = Y, i = Fe(), r = t, n = g(null), l = g({}), f = g([]);
-    let u = {}, y = [];
-    const p = g({
+    const { isNotEmpty: o, isObject: e } = Y, s = Fe(), r = t, n = y(null), l = y({}), f = y([]);
+    let a = {}, C = [];
+    const v = y({
       color: null,
       image: null,
       repeat: null,
@@ -63,28 +63,28 @@ const fe = (t, c) => {
       position: null,
       diyStyles: {}
     });
-    let a = "transparent";
-    const _ = m(() => r.propValue), w = m(() => r.element), j = m(() => w.value.events || []), I = m(() => w.value.containerParam || {}), C = m(() => {
-      let E = {
-        width: `${w.value.style.width}px`,
-        height: `${w.value.style.height}px`,
-        "background-color": p.value.color
+    let i = "transparent";
+    const p = h(() => r.propValue), V = h(() => r.element), W = h(() => V.value.events || []), j = h(() => V.value.containerParam || {}), b = h(() => {
+      let N = {
+        width: `${V.value.style.width}px`,
+        height: `${V.value.style.height}px`,
+        "background-color": v.value.color
       };
-      p.value.image && (E["background-image"] = "url(" + p.value.image + ")"), p.value.repeat && (E["background-repeat"] = p.value.repeat), p.value.size && (E["background-size"] = p.value.size), p.value.position && (E["background-position"] = p.value.position);
+      v.value.image && (N["background-image"] = "url(" + v.value.image + ")"), v.value.repeat && (N["background-repeat"] = v.value.repeat), v.value.size && (N["background-size"] = v.value.size), v.value.position && (N["background-position"] = v.value.position);
       let d = {};
-      e(p.value.diyStyles) && Object.keys(p.value.diyStyles).length > 0 && (d = p.value.diyStyles || {});
-      let v = { ...E, ...d };
-      return o(v.background) && !o(v["background-color"]) && delete v["background-color"], o(v.background) || o(v["background-image"]) || o(v["background-color"]) || (v["background-color"] = "transparent !important"), v;
-    }), M = re(), W = ae(M), O = g(null), k = m(() => o(_.value.subpageId) ? _.value.subpageId : o(_.value.subpageIdCK) ? W[_.value.subpageIdCK] : "");
-    T(() => k.value, (E) => {
-      o(E) && V();
-    }), T(() => w.value.style.width, (E) => {
-      b();
-    }), T(() => w.value.style.height, (E) => {
-      b();
+      e(v.value.diyStyles) && Object.keys(v.value.diyStyles).length > 0 && (d = v.value.diyStyles || {});
+      let g = { ...N, ...d };
+      return o(g.background) && !o(g["background-color"]) && delete g["background-color"], o(g.background) || o(g["background-image"]) || o(g["background-color"]) || (g["background-color"] = "transparent !important"), g;
+    }), M = re(), L = ae(M), P = y(null), k = h(() => o(p.value.subpageId) ? p.value.subpageId : o(p.value.subpageIdCK) ? L[p.value.subpageIdCK] : "");
+    B(() => k.value, (N) => {
+      o(N) && I();
+    }), B(() => V.value.style.width, (N) => {
+      m();
+    }), B(() => V.value.style.height, (N) => {
+      m();
     });
-    const s = () => {
-      Object.assign(p.value, {
+    const u = () => {
+      Object.assign(v.value, {
         color: "transparent",
         image: null,
         repeat: null,
@@ -92,64 +92,64 @@ const fe = (t, c) => {
         position: null,
         diyStyles: {}
       });
-    }, S = () => {
-      u = {}, y = [], l.value = {}, f.value = [], s();
-    }, V = () => {
-      let E = k.value;
-      if (o(E)) {
+    }, _ = () => {
+      a = {}, C = [], l.value = {}, f.value = [], u();
+    }, I = () => {
+      let N = k.value;
+      if (o(N)) {
         let d = "DB";
-        if (r.designStatus || (d = M.pageSource || "DB", o(_.value.pageSource) && (d = r.pageSource)), d == "DB") {
-          let v = {};
-          v.id = E, i.qryPageConfigData(v).then(function(h) {
-            let B = JSON.parse(h.data.pageData);
-            B ? (u = B.canvasStyle || {}, y = B.componentData || [], u.passToParentSwitch ? (p.value.color = u.backgroundColor, p.value.image = u.backgroundImage, p.value.size = u.backgroundSize, p.value.position = u.backgroundPosition, p.value.diyStyles = u.diyStyles) : s(), b()) : S();
+        if (r.designStatus || (d = M.pageSource || "DB", o(p.value.pageSource) && (d = r.pageSource)), d == "DB") {
+          let g = {};
+          g.id = N, s.qryPageConfigData(g).then(function(w) {
+            let A = JSON.parse(w.data.pageData);
+            A ? (a = A.canvasStyle || {}, C = A.componentData || [], a.passToParentSwitch ? (v.value.color = a.backgroundColor, v.value.image = a.backgroundImage, v.value.size = a.backgroundSize, v.value.position = a.backgroundPosition, v.value.diyStyles = a.diyStyles) : u(), m()) : _();
           });
         } else {
-          let v = E + ".json";
-          i.getJsonFile(v, function(h) {
-            if (h && h.status == 200) {
-              let B = h.data || {};
-              B ? (u = B.canvasStyle || {}, y = B.componentData || [], u.passToParentSwitch ? (p.value.color = u.backgroundColor, p.value.image = u.backgroundImage, p.value.size = u.backgroundSize, p.value.position = u.backgroundPosition, p.value.diyStyles = u.diyStyles) : s(), b()) : S();
+          let g = N + ".json";
+          s.getJsonFile(g, function(w) {
+            if (w && w.status == 200) {
+              let A = w.data || {};
+              A ? (a = A.canvasStyle || {}, C = A.componentData || [], a.passToParentSwitch ? (v.value.color = a.backgroundColor, v.value.image = a.backgroundImage, v.value.size = a.backgroundSize, v.value.position = a.backgroundPosition, v.value.diyStyles = a.diyStyles) : u(), m()) : _();
             } else
-              S();
-          }, function(h) {
-            S();
+              _();
+          }, function(w) {
+            _();
           });
         }
       } else
-        S();
-    }, b = () => {
-      let E = yt(w.value.style.width, w.value.style.height, u, y);
-      if (E) {
-        let d = E.canvasStyleData || {};
-        u.passToParentSwitch && (d.backgroundColor = null, d.backgroundImage = null, d.backgroundSize = null, d.backgroundPosition = null, d.diyStyles = {}), l.value = d, f.value = E.componentData || [];
+        _();
+    }, m = () => {
+      let N = yt(V.value.style.width, V.value.style.height, a, C);
+      if (N) {
+        let d = N.canvasStyleData || {};
+        a.passToParentSwitch && (d.backgroundColor = null, d.backgroundImage = null, d.backgroundSize = null, d.backgroundPosition = null, d.diyStyles = {}), l.value = d, f.value = N.componentData || [];
       } else
         l.value = {}, f.value = [];
     };
-    ke("VE-ContainerParam", I);
-    const A = le(), H = oe(), x = ee(_, w, A, H);
+    ke("VE-ContainerParam", j);
+    const F = le(), H = oe(), S = ee(p, V, F, H);
     Q(() => {
-      O.value = te(j.value, r.designStatus, x), O.value?.beforeMount();
+      P.value = te(W.value, r.designStatus, S), P.value?.beforeMount();
     }), q(() => {
-      V(), O.value?.mounted();
+      I(), P.value?.mounted();
     }), J(() => {
-      O.value?.beforeUnmount();
+      P.value?.beforeUnmount();
     }), $(() => {
-      O.value?.unmounted();
+      P.value?.unmounted();
     });
-    const Z = { isNotEmpty: o, isObject: e, api: i, props: r, vePageRef: n, canvasStyle: l, componentData: f, get oldCanvasStyle() {
-      return u;
-    }, set oldCanvasStyle(E) {
-      u = E;
-    }, get oldComponentData() {
-      return y;
-    }, set oldComponentData(E) {
-      y = E;
-    }, backgroundInfo: p, get backgroundColor() {
+    const Z = { isNotEmpty: o, isObject: e, api: s, props: r, vePageRef: n, canvasStyle: l, componentData: f, get oldCanvasStyle() {
       return a;
-    }, set backgroundColor(E) {
-      a = E;
-    }, propValue: _, element: w, events: j, containerParam: I, containerStyle: C, dataCache: M, smartData: W, eventHandler: O, pageId: k, clearBackground: s, clearData: S, loadPageInfo: V, reCalcSizeData: b, router: A, route: H, compContext: x, ref: g, computed: m, onMounted: q, watch: T, provide: ke, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
+    }, set oldCanvasStyle(N) {
+      a = N;
+    }, get oldComponentData() {
+      return C;
+    }, set oldComponentData(N) {
+      C = N;
+    }, backgroundInfo: v, get backgroundColor() {
+      return i;
+    }, set backgroundColor(N) {
+      i = N;
+    }, propValue: p, element: V, events: W, containerParam: j, containerStyle: b, dataCache: M, smartData: L, eventHandler: P, pageId: k, clearBackground: u, clearData: _, loadPageInfo: I, reCalcSizeData: m, router: F, route: H, compContext: S, ref: y, computed: h, onMounted: q, watch: B, provide: ke, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -171,11 +171,11 @@ const fe = (t, c) => {
     return Object.defineProperty(Z, "__isScriptSetup", { enumerable: !1, value: !0 }), Z;
   }
 });
-function Nt(t, c, o, e, i, r) {
+function Nt(t, c, o, e, s, r) {
   const n = Je("VEPage");
-  return P(), F("div", {
+  return R(), z("div", {
     class: "subpage-container",
-    style: ye(e.containerStyle)
+    style: Ce(e.containerStyle)
   }, [
     Oe(n, {
       ref: "vePageRef",
@@ -205,28 +205,28 @@ const Kt = /* @__PURE__ */ fe(zt, [["render", Nt], ["__scopeId", "data-v-7840b29
   },
   setup(t, { expose: c }) {
     c();
-    const { isArray: o, isNotEmpty: e, isObject: i } = Y, r = t, n = m(() => r.propValue), l = m(() => r.element), f = m(() => l.value.events || []), u = re(), y = ae(u), p = g(null), a = y[n.value.dsCacheKey], _ = m(() => n.value.staticData ? n.value.items || [] : o(a.value) ? a.value : []), w = m(() => {
-      let k = _.value || [], s = [];
-      return k.forEach((S, V) => {
-        s[V] = {};
-        let b = {};
-        b.style = {}, b.style.width = l.value.style.width, b.style.height = l.value.style.height, b.prop = {}, b.prop.subpageId = S.value, s[V].subpageId = S.value, s[V].prop = b.prop, s[V].element = b;
-      }), s;
-    }), j = g(null), I = y[n.value.activeSubpageIdCK];
-    T(() => I.value, (k) => {
-      e(n.value.activeSubpageIdCK) && (i(k) || (j.value = k));
+    const { isArray: o, isNotEmpty: e, isObject: s } = Y, r = t, n = h(() => r.propValue), l = h(() => r.element), f = h(() => l.value.events || []), a = re(), C = ae(a), v = y(null), i = C[n.value.dsCacheKey], p = h(() => n.value.staticData ? n.value.items || [] : o(i.value) ? i.value : []), V = h(() => {
+      let k = p.value || [], u = [];
+      return k.forEach((_, I) => {
+        u[I] = {};
+        let m = {};
+        m.style = {}, m.style.width = l.value.style.width, m.style.height = l.value.style.height, m.prop = {}, m.prop.subpageId = _.value, u[I].subpageId = _.value, u[I].prop = m.prop, u[I].element = m;
+      }), u;
+    }), W = y(null), j = C[n.value.activeSubpageIdCK];
+    B(() => j.value, (k) => {
+      e(n.value.activeSubpageIdCK) && (s(k) || (W.value = k));
     }, { immediate: !0 });
-    const C = le(), M = oe(), W = ee(n, l, C, M);
+    const b = le(), M = oe(), L = ee(n, l, b, M);
     Q(() => {
-      p.value = te(f.value, r.designStatus, W), p.value?.beforeMount();
+      v.value = te(f.value, r.designStatus, L), v.value?.beforeMount();
     }), q(() => {
-      n.value.activeSubpageId && (j.value = n.value.activeSubpageId), p.value?.mounted();
+      n.value.activeSubpageId && (W.value = n.value.activeSubpageId), v.value?.mounted();
     }), J(() => {
-      p.value?.beforeUnmount();
+      v.value?.beforeUnmount();
     }), $(() => {
-      p.value?.unmounted();
+      v.value?.unmounted();
     });
-    const O = { isArray: o, isNotEmpty: e, isObject: i, props: r, propValue: n, element: l, events: f, dataCache: u, smartData: y, eventHandler: p, cacheDS: a, options: _, itemData: w, curPageId: j, cacheValue: I, router: C, route: M, compContext: W, ref: g, computed: m, onMounted: q, watch: T, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
+    const P = { isArray: o, isNotEmpty: e, isObject: s, props: r, propValue: n, element: l, events: f, dataCache: a, smartData: C, eventHandler: v, cacheDS: i, options: p, itemData: V, curPageId: W, cacheValue: j, router: b, route: M, compContext: L, ref: y, computed: h, onMounted: q, watch: B, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -241,15 +241,15 @@ const Kt = /* @__PURE__ */ fe(zt, [["render", Nt], ["__scopeId", "data-v-7840b29
     }, get useRouter() {
       return le;
     } };
-    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+    return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
   }
 });
-function Gt(t, c, o, e, i, r) {
+function Gt(t, c, o, e, s, r) {
   const n = Je("Subpage");
-  return P(), F("div", { class: "subpage-container" }, [
-    (P(!0), F(it, null, vt(e.itemData, (l, f) => (P(), F("div", { key: f }, [
-      (P(), he(Bt, { max: 15 }, [
-        e.curPageId == l.subpageId ? (P(), he(n, {
+  return R(), z("div", { class: "subpage-container" }, [
+    (R(!0), z(it, null, vt(e.itemData, (l, f) => (R(), z("div", { key: f }, [
+      (R(), he(Bt, { max: 15 }, [
+        e.curPageId == l.subpageId ? (R(), he(n, {
           key: f,
           "prop-value": l.prop,
           element: l.element
@@ -283,8 +283,8 @@ function ll(t) {
     var e = !0;
   } catch {
   }
-  var i = tl.call(t);
-  return e && (c ? t[Ue] = o : delete t[Ue]), i;
+  var s = tl.call(t);
+  return e && (c ? t[Ue] = o : delete t[Ue]), s;
 }
 var ol = Object.prototype, nl = ol.toString;
 function rl(t) {
@@ -319,64 +319,64 @@ function xt(t) {
 }
 var ml = "Expected a function", gl = Math.max, yl = Math.min;
 function rt(t, c, o) {
-  var e, i, r, n, l, f, u = 0, y = !1, p = !1, a = !0;
+  var e, s, r, n, l, f, a = 0, C = !1, v = !1, i = !0;
   if (typeof t != "function")
     throw new TypeError(ml);
-  c = xt(c) || 0, dt(o) && (y = !!o.leading, p = "maxWait" in o, r = p ? gl(xt(o.maxWait) || 0, c) : r, a = "trailing" in o ? !!o.trailing : a);
-  function _(s) {
-    var S = e, V = i;
-    return e = i = void 0, u = s, n = t.apply(V, S), n;
+  c = xt(c) || 0, dt(o) && (C = !!o.leading, v = "maxWait" in o, r = v ? gl(xt(o.maxWait) || 0, c) : r, i = "trailing" in o ? !!o.trailing : i);
+  function p(u) {
+    var _ = e, I = s;
+    return e = s = void 0, a = u, n = t.apply(I, _), n;
   }
-  function w(s) {
-    return u = s, l = setTimeout(C, c), y ? _(s) : n;
+  function V(u) {
+    return a = u, l = setTimeout(b, c), C ? p(u) : n;
   }
-  function j(s) {
-    var S = s - f, V = s - u, b = c - S;
-    return p ? yl(b, r - V) : b;
+  function W(u) {
+    var _ = u - f, I = u - a, m = c - _;
+    return v ? yl(m, r - I) : m;
   }
-  function I(s) {
-    var S = s - f, V = s - u;
-    return f === void 0 || S >= c || S < 0 || p && V >= r;
+  function j(u) {
+    var _ = u - f, I = u - a;
+    return f === void 0 || _ >= c || _ < 0 || v && I >= r;
   }
-  function C() {
-    var s = at();
-    if (I(s))
-      return M(s);
-    l = setTimeout(C, j(s));
+  function b() {
+    var u = at();
+    if (j(u))
+      return M(u);
+    l = setTimeout(b, W(u));
   }
-  function M(s) {
-    return l = void 0, a && e ? _(s) : (e = i = void 0, n);
+  function M(u) {
+    return l = void 0, i && e ? p(u) : (e = s = void 0, n);
   }
-  function W() {
-    l !== void 0 && clearTimeout(l), u = 0, e = f = i = l = void 0;
+  function L() {
+    l !== void 0 && clearTimeout(l), a = 0, e = f = s = l = void 0;
   }
-  function O() {
+  function P() {
     return l === void 0 ? n : M(at());
   }
   function k() {
-    var s = at(), S = I(s);
-    if (e = arguments, i = this, f = s, S) {
+    var u = at(), _ = j(u);
+    if (e = arguments, s = this, f = u, _) {
       if (l === void 0)
-        return w(f);
-      if (p)
-        return clearTimeout(l), l = setTimeout(C, c), _(f);
+        return V(f);
+      if (v)
+        return clearTimeout(l), l = setTimeout(b, c), p(f);
     }
-    return l === void 0 && (l = setTimeout(C, c)), n;
+    return l === void 0 && (l = setTimeout(b, c)), n;
   }
-  return k.cancel = W, k.flush = O, k;
+  return k.cancel = L, k.flush = P, k;
 }
-let Ie = null;
+let We = null;
 function Cl() {
-  return Ie !== null;
+  return We !== null;
 }
 function bl(t) {
-  Ie && Rt(), Ie = t;
+  We && Rt(), We = t;
 }
 function St(t) {
-  t === Ie && (Ie = null);
+  t === We && (We = null);
 }
 function Rt() {
-  Ie && (Ie.closeMenu(), Ie = null);
+  We && (We.closeMenu(), We = null);
 }
 const Me = {
   defaultDirection: "br",
@@ -408,12 +408,12 @@ let _l = 0;
 function Ht(t) {
   const { getContainer: c, zIndex: o } = t;
   if (c) {
-    const i = typeof c == "function" ? c() : c;
-    if (i) {
-      let r = i.getAttribute("id");
-      return r || (r = Sl + _l++, i.setAttribute("id", r)), {
+    const s = typeof c == "function" ? c() : c;
+    if (s) {
+      let r = s.getAttribute("id");
+      return r || (r = Sl + _l++, s.setAttribute("id", r)), {
         eleId: r,
-        container: i,
+        container: s,
         isNew: !1
       };
     }
@@ -436,7 +436,7 @@ function kl(t) {
 function _t(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-const Ve = Le({
+const Ve = Pe({
   props: {
     /**
      * Can be VNode or (data: unknown) => VNode
@@ -475,15 +475,15 @@ class wt {
   }
 }
 function Vt(t) {
-  const { onDown: c, onMove: o, onUp: e } = t, i = new wt(), r = new wt();
+  const { onDown: c, onMove: o, onUp: e } = t, s = new wt(), r = new wt();
   let n;
-  function l(u) {
-    u.stopPropagation(), r.set(u.x, u.y), r.substract(i), o(i, r, u, n);
+  function l(a) {
+    a.stopPropagation(), r.set(a.x, a.y), r.substract(s), o(s, r, a, n);
   }
-  function f(u) {
-    e(u, n), i.set(0, 0), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", f);
+  function f(a) {
+    e(a, n), s.set(0, 0), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", f);
   }
-  return (u, y) => c(u, y) ? (n = y, i.set(u.x, u.y), document.addEventListener("mousemove", l), document.addEventListener("mouseup", f), u.stopPropagation(), !0) : !1;
+  return (a, C) => c(a, C) ? (n = C, s.set(a.x, a.y), document.addEventListener("mousemove", l), document.addEventListener("mouseup", f), a.stopPropagation(), !0) : !1;
 }
 function Ol(t, c) {
   let o = 0;
@@ -503,9 +503,9 @@ const Ge = [], Mt = Ol(100, () => {
     t();
 });
 function Dl(t, c, o, e) {
-  let i = 0, r = 0;
+  let s = 0, r = 0;
   function n() {
-    t.value && (c && i !== t.value.offsetWidth && c(t.value.offsetWidth), o && r !== t.value.offsetHeight && o(t.value.offsetHeight), i = t.value.offsetWidth, r = t.value.offsetHeight);
+    t.value && (c && s !== t.value.offsetWidth && c(t.value.offsetWidth), o && r !== t.value.offsetHeight && o(t.value.offsetHeight), s = t.value.offsetWidth, r = t.value.offsetHeight);
   }
   return {
     startResizeChecker() {
@@ -517,7 +517,7 @@ function Dl(t, c, o, e) {
     }
   };
 }
-const Ot = 140, Il = 70, Wl = /* @__PURE__ */ Le({
+const Ot = 140, Il = 70, Wl = /* @__PURE__ */ Pe({
   __name: "ScrollRect",
   props: {
     /**
@@ -585,208 +585,208 @@ const Ot = 140, Il = 70, Wl = /* @__PURE__ */ Le({
   },
   emits: ["scroll", "resized"],
   setup(t, { expose: c, emit: o }) {
-    const e = t, i = o, r = g(), n = g(), l = g(), f = g(), u = g(), y = g(), p = g(!1), a = m(() => e.scroll === "horizontal" || e.scroll === "both"), _ = m(() => e.scroll === "vertical" || e.scroll === "both"), w = Ze({
+    const e = t, s = o, r = y(), n = y(), l = y(), f = y(), a = y(), C = y(), v = y(!1), i = h(() => e.scroll === "horizontal" || e.scroll === "both"), p = h(() => e.scroll === "vertical" || e.scroll === "both"), V = Ze({
       show: !1,
       size: 0,
       sizeRaw: 0,
       pos: 0
-    }), j = Ze({
+    }), W = Ze({
       show: !1,
       size: 0,
       sizeRaw: 0,
       pos: 0
     });
-    let I = 0, C = 0, M = 0, W = 0, O = null;
+    let j = 0, b = 0, M = 0, L = 0, P = null;
     const k = { attributes: !0, childList: !0 };
-    function s() {
+    function u() {
       if (r.value) {
-        if (w.show) {
-          const D = r.value.offsetWidth / r.value.scrollWidth;
-          w.sizeRaw = D * r.value.offsetWidth, w.size = D * 100, w.pos = r.value.scrollLeft / (r.value.scrollWidth - r.value.offsetWidth) * (100 - w.size), D >= 1 && (w.show = !1);
+        if (V.show) {
+          const O = r.value.offsetWidth / r.value.scrollWidth;
+          V.sizeRaw = O * r.value.offsetWidth, V.size = O * 100, V.pos = r.value.scrollLeft / (r.value.scrollWidth - r.value.offsetWidth) * (100 - V.size), O >= 1 && (V.show = !1);
         }
-        if (j.show) {
-          const D = r.value.offsetHeight / r.value.scrollHeight;
-          j.sizeRaw = D * r.value.offsetHeight, j.size = D * 100, j.pos = r.value.scrollTop / (r.value.scrollHeight - r.value.offsetHeight) * (100 - j.size), D >= 1 && (j.show = !1);
+        if (W.show) {
+          const O = r.value.offsetHeight / r.value.scrollHeight;
+          W.sizeRaw = O * r.value.offsetHeight, W.size = O * 100, W.pos = r.value.scrollTop / (r.value.scrollHeight - r.value.offsetHeight) * (100 - W.size), O >= 1 && (W.show = !1);
         }
-        i("scroll", r.value.scrollLeft, r.value.scrollTop);
+        s("scroll", r.value.scrollLeft, r.value.scrollTop);
       }
     }
-    function S(D = !1) {
+    function _(O = !1) {
       if (!r.value)
         return;
-      let G = a.value, R = _.value;
-      const ce = G && (I !== r.value.scrollWidth || M !== r.value.offsetWidth), be = _ && (C !== r.value.scrollHeight || W !== r.value.offsetHeight);
-      if (!D && !ce && !be)
+      let G = i.value, T = p.value;
+      const ce = G && (j !== r.value.scrollWidth || M !== r.value.offsetWidth), xe = p && (b !== r.value.scrollHeight || L !== r.value.offsetHeight);
+      if (!O && !ce && !xe)
         return;
       const ve = window.getComputedStyle(r.value);
-      (ve.overflow === "hidden" || ve.overflowX === "hidden") && (G = !1), (ve.overflow === "hidden" || ve.overflowY === "hidden") && (R = !1), w.show = G, j.show = R, s(), M = r.value.offsetWidth, W = r.value.offsetHeight, I = r.value.scrollWidth, C = r.value.scrollHeight, i("resized", I, C);
+      (ve.overflow === "hidden" || ve.overflowX === "hidden") && (G = !1), (ve.overflow === "hidden" || ve.overflowY === "hidden") && (T = !1), V.show = G, W.show = T, u(), M = r.value.offsetWidth, L = r.value.offsetHeight, j = r.value.scrollWidth, b = r.value.scrollHeight, s("resized", j, b);
     }
-    function V(D) {
+    function I(O) {
       var G;
-      e.scroll == "horizontal" && (D.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
-        left: r.value.scrollLeft + (D.deltaY > 0 ? Ot : -140),
+      e.scroll == "horizontal" && (O.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
+        left: r.value.scrollLeft + (O.deltaY > 0 ? Ot : -140),
         behavior: "smooth"
-      })), D.preventDefault(), D.stopPropagation());
+      })), O.preventDefault(), O.stopPropagation());
     }
-    function b(D) {
+    function m(O) {
       var G;
-      D.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
-        left: r.value.scrollLeft + (D.deltaY > 0 ? Ot : -140),
+      O.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
+        left: r.value.scrollLeft + (O.deltaY > 0 ? Ot : -140),
         behavior: "smooth"
-      }), D.preventDefault(), D.stopPropagation());
+      }), O.preventDefault(), O.stopPropagation());
     }
-    function A(D) {
+    function F(O) {
       var G;
-      D.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
-        top: r.value.scrollTop + (D.deltaY > 0 ? Il : -70),
+      O.deltaMode == 0 && ((G = r.value) == null || G.scrollTo({
+        top: r.value.scrollTop + (O.deltaY > 0 ? Il : -70),
         behavior: "smooth"
-      }), D.preventDefault(), D.stopPropagation());
+      }), O.preventDefault(), O.stopPropagation());
     }
-    let H = 0, x = 0, Z = 0, E = 0;
+    let H = 0, S = 0, Z = 0, N = 0;
     const d = Vt({
-      onDown(D) {
-        return !l.value || !u.value ? !1 : (H = D.offsetX, x = D.x - D.offsetX - u.value.offsetLeft, D.preventDefault(), p.value = !0, !0);
+      onDown(O) {
+        return !l.value || !a.value ? !1 : (H = O.offsetX, S = O.x - O.offsetX - a.value.offsetLeft, O.preventDefault(), v.value = !0, !0);
       },
-      onMove(D, G, R) {
-        r.value && l.value && (z(R.x - H - x), R.preventDefault(), R.stopPropagation());
+      onMove(O, G, T) {
+        r.value && l.value && (E(T.x - H - S), T.preventDefault(), T.stopPropagation());
       },
       onUp() {
-        p.value = !1;
+        v.value = !1;
       }
-    }), v = Vt({
-      onDown(D) {
-        return !f.value || !y.value ? !1 : (Z = D.offsetY, E = D.y - D.offsetY - y.value.offsetTop, D.preventDefault(), p.value = !0, !0);
+    }), g = Vt({
+      onDown(O) {
+        return !f.value || !C.value ? !1 : (Z = O.offsetY, N = O.y - O.offsetY - C.value.offsetTop, O.preventDefault(), v.value = !0, !0);
       },
-      onMove(D, G, R) {
-        r.value && f.value && (X(R.y - Z - E), R.preventDefault(), R.stopPropagation());
+      onMove(O, G, T) {
+        r.value && f.value && (X(T.y - Z - N), T.preventDefault(), T.stopPropagation());
       },
       onUp() {
-        p.value = !1;
+        v.value = !1;
       }
     });
-    function h(D) {
-      r.value && (r.value.scrollLeft = D / 100 * (r.value.scrollWidth - r.value.offsetWidth));
+    function w(O) {
+      r.value && (r.value.scrollLeft = O / 100 * (r.value.scrollWidth - r.value.offsetWidth));
     }
-    function B(D) {
-      r.value && (r.value.scrollLeft = D / 100 * (r.value.scrollHeight - r.value.offsetHeight));
+    function A(O) {
+      r.value && (r.value.scrollLeft = O / 100 * (r.value.scrollHeight - r.value.offsetHeight));
     }
-    function z(D) {
-      r.value && (r.value.scrollLeft = D / (r.value.offsetWidth - w.sizeRaw) * (r.value.scrollWidth - r.value.offsetWidth));
+    function E(O) {
+      r.value && (r.value.scrollLeft = O / (r.value.offsetWidth - V.sizeRaw) * (r.value.scrollWidth - r.value.offsetWidth));
     }
-    function X(D) {
-      r.value && (r.value.scrollTop = D / (r.value.offsetHeight - j.sizeRaw) * (r.value.scrollHeight - r.value.offsetHeight));
+    function X(O) {
+      r.value && (r.value.scrollTop = O / (r.value.offsetHeight - W.sizeRaw) * (r.value.scrollHeight - r.value.offsetHeight));
     }
-    function L(D) {
-      e.scrollBarBackgroundClickable && z(D.offsetX - w.sizeRaw / 2);
+    function D(O) {
+      e.scrollBarBackgroundClickable && E(O.offsetX - V.sizeRaw / 2);
     }
-    function ie(D) {
-      e.scrollBarBackgroundClickable && X(D.offsetY - j.sizeRaw / 2);
+    function se(O) {
+      e.scrollBarBackgroundClickable && X(O.offsetY - W.sizeRaw / 2);
     }
     const {
-      startResizeChecker: _e,
-      stopResizeChecker: K
+      startResizeChecker: ge,
+      stopResizeChecker: x
     } = Dl(
       r,
-      () => S(),
-      () => S()
+      () => _(),
+      () => _()
     );
     return q(() => {
       we(() => {
-        setTimeout(() => S(!0), 200), S(!0), _e(), O = new MutationObserver(() => S()), O.observe(r.value, k);
+        setTimeout(() => _(!0), 200), _(!0), ge(), P = new MutationObserver(() => _()), P.observe(r.value, k);
       });
     }), J(() => {
-      K(), O && (O.disconnect(), O = null);
+      x(), P && (P.disconnect(), P = null);
     }), c({
       refreshScrollState() {
-        S(!0);
+        _(!0);
       },
       getScrollContainer() {
         return r.value;
       },
-      scrollTo(D, G) {
-        var R;
-        (R = r.value) == null || R.scrollTo(D, G);
+      scrollTo(O, G) {
+        var T;
+        (T = r.value) == null || T.scrollTo(O, G);
       },
       scrollToTop() {
-        var D;
-        (D = r.value) == null || D.scrollTo(0, 0);
+        var O;
+        (O = r.value) == null || O.scrollTo(0, 0);
       },
       scrollToBottom() {
-        var D;
-        (D = r.value) == null || D.scrollTo(r.value.scrollWidth, r.value.scrollHeight);
+        var O;
+        (O = r.value) == null || O.scrollTo(r.value.scrollWidth, r.value.scrollHeight);
       }
-    }), (D, G) => (P(), F("div", {
+    }), (O, G) => (R(), z("div", {
       ref_key: "scrollrect",
       ref: n,
       class: Re([
         "vue-scroll-rect",
         t.scrollBarAlwaysShow ? "always-show-scrollbar" : "",
         t.scrollBarBackgroundClickable ? "background-clickable" : "",
-        p.value ? "dragging" : ""
+        v.value ? "dragging" : ""
       ]),
-      style: ye({
+      style: Ce({
         width: t.width ? `${t.width}px` : void 0,
         height: t.height ? `${t.height}px` : void 0
       }),
-      onWheel: V
+      onWheel: I
     }, [
       ue("div", {
         ref_key: "container",
         ref: r,
         class: Re(["scroll-content", t.scroll, t.containerClass]),
-        style: ye({
+        style: Ce({
           maxWidth: t.maxWidth ? `${t.maxWidth}px` : void 0,
           maxHeight: t.maxHeight ? `${t.maxHeight}px` : void 0,
           ...t.containerStyle
         }),
-        onScroll: s
+        onScroll: u
       }, [
-        xe(D.$slots, "default")
+        Se(O.$slots, "default")
       ], 38),
-      w.show ? xe(D.$slots, "scrollBarX", {
+      V.show ? Se(O.$slots, "scrollBarX", {
         key: 0,
-        scrollBarValue: w,
-        onScroll: h
+        scrollBarValue: V,
+        onScroll: w
       }, () => [
         ue("div", {
           ref_key: "scrollBarRefX",
           ref: l,
           class: "scrollbar horizontal",
-          onClick: L,
-          onWheel: b
+          onClick: D,
+          onWheel: m
         }, [
           ue("div", {
             class: "thumb",
             ref_key: "scrollBarThumbRefX",
-            ref: u,
-            style: ye({ left: `${w.pos}%`, width: `${w.size}%` }),
+            ref: a,
+            style: Ce({ left: `${V.pos}%`, width: `${V.size}%` }),
             onMousedown: G[0] || (G[0] = //@ts-ignore
-            (...R) => N(d) && N(d)(...R)),
-            onWheel: b
+            (...T) => K(d) && K(d)(...T)),
+            onWheel: m
           }, null, 36)
         ], 544)
       ]) : ne("", !0),
-      j.show ? xe(D.$slots, "scrollBarY", {
+      W.show ? Se(O.$slots, "scrollBarY", {
         key: 1,
-        scrollBarValue: j,
-        onScroll: B
+        scrollBarValue: W,
+        onScroll: A
       }, () => [
-        j.show ? (P(), F("div", {
+        W.show ? (R(), z("div", {
           key: 0,
           ref_key: "scrollBarRefY",
           ref: f,
           class: "scrollbar vertical",
-          onClick: ie,
-          onWheel: A
+          onClick: se,
+          onWheel: F
         }, [
           ue("div", {
             class: "thumb",
             ref_key: "scrollBarThumbRefY",
-            ref: y,
-            style: ye({ top: `${j.pos}%`, height: `${j.size}%` }),
+            ref: C,
+            style: Ce({ top: `${W.pos}%`, height: `${W.size}%` }),
             onMousedown: G[1] || (G[1] = //@ts-ignore
-            (...R) => N(v) && N(v)(...R)),
-            onWheel: A
+            (...T) => K(g) && K(g)(...T)),
+            onWheel: F
           }, null, 36)
         ], 544)) : ne("", !0)
       ]) : ne("", !0)
@@ -794,8 +794,8 @@ const Ot = 140, Il = 70, Wl = /* @__PURE__ */ Le({
   }
 }), pt = (t, c) => {
   const o = t.__vccOpts || t;
-  for (const [e, i] of c)
-    o[e] = i;
+  for (const [e, s] of c)
+    o[e] = s;
   return o;
 }, jl = {}, Ll = {
   class: "mx-checked-mark",
@@ -805,7 +805,7 @@ const Ot = 140, Il = 70, Wl = /* @__PURE__ */ Le({
   Pl
 ];
 function Hl(t, c) {
-  return P(), F("svg", Ll, Rl);
+  return R(), z("svg", Ll, Rl);
 }
 const Tl = /* @__PURE__ */ pt(jl, [["render", Hl]]), Bl = {}, Al = {
   class: "mx-right-arrow",
@@ -815,12 +815,12 @@ const Tl = /* @__PURE__ */ pt(jl, [["render", Hl]]), Bl = {}, Al = {
   Fl
 ];
 function zl(t, c) {
-  return P(), F("svg", Al, El);
+  return R(), z("svg", Al, El);
 }
 const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Kl = { class: "mx-item-row" }, Ul = ["xlink:href"], Gl = {
   key: 1,
   class: "label"
-}, Xl = { class: "mx-item-row" }, Yl = { class: "mx-shortcut" }, ht = /* @__PURE__ */ Le({
+}, Xl = { class: "mx-item-row" }, Yl = { class: "mx-shortcut" }, ht = /* @__PURE__ */ Pe({
   __name: "ContextMenuItem",
   props: {
     /**
@@ -954,120 +954,120 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Kl = { class: "mx-item-row"
     "subMenuClose"
   ],
   setup(t, { expose: c, emit: o }) {
-    const e = t, i = o, {
+    const e = t, s = o, {
       clickHandler: r,
       clickClose: n,
       clickableWhenHasChildren: l,
       disabled: f,
-      hidden: u,
-      label: y,
-      icon: p,
-      iconFontClass: a,
-      showRightArrow: _,
-      shortcut: w,
-      hasChildren: j
-    } = Ee(e), I = g(!1), C = g(!1), M = g(), W = me("globalOptions"), O = me("globalHasSlot"), k = me("globalRenderSlot"), s = me("globalCloseMenu"), S = me("menuContext"), V = m(() => typeof y.value == "string" ? y.value : typeof y.value == "function" ? kl(y.value.toString()) : "MenuItem[unknow]");
-    ke("MenuItemName", V);
-    const b = {
+      hidden: a,
+      label: C,
+      icon: v,
+      iconFontClass: i,
+      showRightArrow: p,
+      shortcut: V,
+      hasChildren: W
+    } = Ee(e), j = y(!1), b = y(!1), M = y(), L = me("globalOptions"), P = me("globalHasSlot"), k = me("globalRenderSlot"), u = me("globalCloseMenu"), _ = me("menuContext"), I = h(() => typeof C.value == "string" ? C.value : typeof C.value == "function" ? kl(C.value.toString()) : "MenuItem[unknow]");
+    ke("MenuItemName", I);
+    const m = {
       getSubMenuInstance: () => {
       },
-      showSubMenu: () => I.value ? (S.markActiveMenuItem(b, !0), !0) : j.value ? (H(), !0) : !1,
+      showSubMenu: () => j.value ? (_.markActiveMenuItem(m, !0), !0) : W.value ? (H(), !0) : !1,
       hideSubMenu: () => {
-        S.closeOtherSubMenu();
+        _.closeOtherSubMenu();
       },
-      isDisabledOrHidden: () => f.value || u.value,
+      isDisabledOrHidden: () => f.value || a.value,
       getElement: () => M.value,
-      focus: () => C.value = !0,
-      blur: () => C.value = !1,
-      click: A
+      focus: () => b.value = !0,
+      blur: () => b.value = !1,
+      click: F
     };
-    ke("menuItemInstance", b), q(() => {
-      S.isMenuItemDataCollectedFlag() ? we(() => {
-        let E = 0;
-        const d = S.getElement();
+    ke("menuItemInstance", m), q(() => {
+      _.isMenuItemDataCollectedFlag() ? we(() => {
+        let N = 0;
+        const d = _.getElement();
         if (d) {
-          let v = 0;
-          for (let h = 0; h < d.children.length; h++) {
-            const B = d.children[h];
-            if (B.getAttribute("data-type") === "ContextMenuItem") {
-              if (B === M.value) {
-                E = v;
+          let g = 0;
+          for (let w = 0; w < d.children.length; w++) {
+            const A = d.children[w];
+            if (A.getAttribute("data-type") === "ContextMenuItem") {
+              if (A === M.value) {
+                N = g;
                 break;
               }
-              v++;
+              g++;
             }
           }
         }
-        S.addChildMenuItem(b, E);
-      }) : S.addChildMenuItem(b);
+        _.addChildMenuItem(m, N);
+      }) : _.addChildMenuItem(m);
     }), J(() => {
-      S.removeChildMenuItem(b);
+      _.removeChildMenuItem(m);
     });
-    function A(E) {
+    function F(N) {
       if (!f.value) {
-        if (E) {
-          const d = E.target;
-          if (d.classList.contains("mx-context-no-clickable") || W.value.ignoreClickClassName && d.classList.contains(W.value.ignoreClickClassName))
+        if (N) {
+          const d = N.target;
+          if (d.classList.contains("mx-context-no-clickable") || L.value.ignoreClickClassName && d.classList.contains(L.value.ignoreClickClassName))
             return;
-          if (W.value.clickCloseClassName && d.classList.contains(W.value.clickCloseClassName)) {
-            E.stopPropagation(), s(e.rawMenuItem);
+          if (L.value.clickCloseClassName && d.classList.contains(L.value.clickCloseClassName)) {
+            N.stopPropagation(), u(e.rawMenuItem);
             return;
           }
         }
-        j.value ? l.value ? (typeof r.value == "function" && r.value(E), i("click", E)) : I.value || H() : (typeof r.value == "function" && r.value(E), i("click", E), n.value && s(e.rawMenuItem));
+        W.value ? l.value ? (typeof r.value == "function" && r.value(N), s("click", N)) : j.value || H() : (typeof r.value == "function" && r.value(N), s("click", N), n.value && u(e.rawMenuItem));
       }
     }
-    function H(E) {
-      C.value = !1, S.checkCloseOtherSubMenuTimeOut() || S.closeOtherSubMenu(), f.value || (S.markActiveMenuItem(b), j.value && (E || S.markThisOpenedByKeyBoard(), S.addOpenedSubMenu(x), I.value = !0, we(() => i("subMenuOpen", b))));
+    function H(N) {
+      b.value = !1, _.checkCloseOtherSubMenuTimeOut() || _.closeOtherSubMenu(), f.value || (_.markActiveMenuItem(m), W.value && (N || _.markThisOpenedByKeyBoard(), _.addOpenedSubMenu(S), j.value = !0, we(() => s("subMenuOpen", m))));
     }
-    function x() {
-      C.value = !1, I.value = !1, i("subMenuClose", b);
+    function S() {
+      b.value = !1, j.value = !1, s("subMenuClose", m);
     }
     function Z() {
       return {
         disabled: f.value,
-        label: y.value,
-        icon: p.value,
-        iconFontClass: a.value,
-        showRightArrow: _.value,
+        label: C.value,
+        icon: v.value,
+        iconFontClass: i.value,
+        showRightArrow: p.value,
         clickClose: n.value,
         clickableWhenHasChildren: l.value,
-        shortcut: w.value,
-        theme: W.value.theme,
-        isOpen: I,
-        hasChildren: j,
-        onClick: A,
+        shortcut: V.value,
+        theme: L.value.theme,
+        isOpen: j,
+        hasChildren: W,
+        onClick: F,
         onMouseEnter: H,
-        closeMenu: s
+        closeMenu: u
       };
     }
-    return c(b), (E, d) => N(u) ? ne("", !0) : (P(), F("div", {
+    return c(m), (N, d) => K(a) ? ne("", !0) : (R(), z("div", {
       key: 0,
       class: "mx-context-menu-item-wrapper",
       ref_key: "menuItemRef",
       ref: M,
       "data-type": "ContextMenuItem"
     }, [
-      N(O)("itemRender") ? (P(), he(N(Ve), {
+      K(P)("itemRender") ? (R(), he(K(Ve), {
         key: 0,
-        vnode: () => N(k)("itemRender", Z())
-      }, null, 8, ["vnode"])) : t.customRender ? (P(), he(N(Ve), {
+        vnode: () => K(k)("itemRender", Z())
+      }, null, 8, ["vnode"])) : t.customRender ? (R(), he(K(Ve), {
         key: 1,
         vnode: t.customRender,
         data: Z()
-      }, null, 8, ["vnode", "data"])) : (P(), F("div", {
+      }, null, 8, ["vnode", "data"])) : (R(), z("div", {
         key: 2,
         class: Re([
           "mx-context-menu-item",
-          N(f) ? "disabled" : "",
-          C.value ? "keyboard-focus" : "",
+          K(f) ? "disabled" : "",
+          b.value ? "keyboard-focus" : "",
           t.customClass ? " " + t.customClass : "",
-          I.value ? "open" : ""
+          j.value ? "open" : ""
         ]),
-        onClick: A,
+        onClick: F,
         onMouseenter: H
       }, [
-        xe(E.$slots, "default", {}, () => [
+        Se(N.$slots, "default", {}, () => [
           ue("div", Kl, [
             ue("div", {
               class: Re([
@@ -1075,68 +1075,68 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Kl = { class: "mx-item-row"
                 t.preserveIconWidth ? "preserve-width" : ""
               ])
             }, [
-              xe(E.$slots, "icon", {}, () => [
-                N(O)("itemIconRender") ? (P(), he(N(Ve), {
+              Se(N.$slots, "icon", {}, () => [
+                K(P)("itemIconRender") ? (R(), he(K(Ve), {
                   key: 0,
-                  vnode: () => N(k)("itemIconRender", Z())
-                }, null, 8, ["vnode"])) : typeof t.svgIcon == "string" && t.svgIcon ? (P(), F("svg", ct({
+                  vnode: () => K(k)("itemIconRender", Z())
+                }, null, 8, ["vnode"])) : typeof t.svgIcon == "string" && t.svgIcon ? (R(), z("svg", ct({
                   key: 1,
                   class: "icon svg"
                 }, t.svgProps), [
                   ue("use", { "xlink:href": t.svgIcon }, null, 8, Ul)
-                ], 16)) : typeof N(p) != "string" ? (P(), he(N(Ve), {
+                ], 16)) : typeof K(v) != "string" ? (R(), he(K(Ve), {
                   key: 2,
-                  vnode: N(p),
-                  data: N(p)
-                }, null, 8, ["vnode", "data"])) : typeof N(p) == "string" && N(p) !== "" ? (P(), F("i", {
+                  vnode: K(v),
+                  data: K(v)
+                }, null, 8, ["vnode", "data"])) : typeof K(v) == "string" && K(v) !== "" ? (R(), z("i", {
                   key: 3,
-                  class: Re(N(p) + " icon " + N(a) + " " + N(W).iconFontClass)
+                  class: Re(K(v) + " icon " + K(i) + " " + K(L).iconFontClass)
                 }, null, 2)) : ne("", !0)
               ]),
-              t.checked ? xe(E.$slots, "check", { key: 0 }, () => [
-                N(O)("itemCheckRender") ? (P(), he(N(Ve), {
+              t.checked ? Se(N.$slots, "check", { key: 0 }, () => [
+                K(P)("itemCheckRender") ? (R(), he(K(Ve), {
                   key: 0,
-                  vnode: () => N(k)("itemCheckRender", Z())
+                  vnode: () => K(k)("itemCheckRender", Z())
                 }, null, 8, ["vnode"])) : ne("", !0),
                 Oe(Tl)
               ]) : ne("", !0)
             ], 2),
-            xe(E.$slots, "label", {}, () => [
-              N(O)("itemLabelRender") ? (P(), he(N(Ve), {
+            Se(N.$slots, "label", {}, () => [
+              K(P)("itemLabelRender") ? (R(), he(K(Ve), {
                 key: 0,
-                vnode: () => N(k)("itemLabelRender", Z())
-              }, null, 8, ["vnode"])) : typeof N(y) == "string" ? (P(), F("span", Gl, De(N(y)), 1)) : (P(), he(N(Ve), {
+                vnode: () => K(k)("itemLabelRender", Z())
+              }, null, 8, ["vnode"])) : typeof K(C) == "string" ? (R(), z("span", Gl, De(K(C)), 1)) : (R(), he(K(Ve), {
                 key: 2,
-                vnode: N(y),
-                data: N(y)
+                vnode: K(C),
+                data: K(C)
               }, null, 8, ["vnode", "data"]))
             ])
           ]),
           ue("div", Xl, [
-            N(w) || E.$slots.shortcut ? xe(E.$slots, "shortcut", { key: 0 }, () => [
-              N(O)("itemShortcutRender") ? (P(), he(N(Ve), {
+            K(V) || N.$slots.shortcut ? Se(N.$slots, "shortcut", { key: 0 }, () => [
+              K(P)("itemShortcutRender") ? (R(), he(K(Ve), {
                 key: 0,
-                vnode: () => N(k)("itemShortcutRender", Z())
+                vnode: () => K(k)("itemShortcutRender", Z())
               }, null, 8, ["vnode"])) : ne("", !0),
-              ue("span", Yl, De(N(w)), 1)
+              ue("span", Yl, De(K(V)), 1)
             ]) : ne("", !0),
-            N(_) ? xe(E.$slots, "rightArrow", { key: 1 }, () => [
-              N(O)("itemRightArrowRender") ? (P(), he(N(Ve), {
+            K(p) ? Se(N.$slots, "rightArrow", { key: 1 }, () => [
+              K(P)("itemRightArrowRender") ? (R(), he(K(Ve), {
                 key: 0,
-                vnode: () => N(k)("itemRightArrowRender", Z())
+                vnode: () => K(k)("itemRightArrowRender", Z())
               }, null, 8, ["vnode"])) : ne("", !0),
               Oe(Nl)
             ]) : ne("", !0)
           ])
         ])
       ], 34)),
-      xe(E.$slots, "submenu", {
-        context: b,
-        show: I.value
+      Se(N.$slots, "submenu", {
+        context: m,
+        show: j.value
       })
     ], 512));
   }
-}), ql = Le({
+}), ql = Pe({
   name: "ContextMenuSperator",
   components: {
     VNodeRender: Ve
@@ -1152,14 +1152,14 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Kl = { class: "mx-item-row"
   key: 1,
   class: "mx-context-menu-item-sperator mx-context-no-clickable"
 };
-function Jl(t, c, o, e, i, r) {
+function Jl(t, c, o, e, s, r) {
   const n = Je("VNodeRender");
-  return t.globalHasSlot("separatorRender") ? (P(), he(n, {
+  return t.globalHasSlot("separatorRender") ? (R(), he(n, {
     key: 0,
     vnode: () => t.globalRenderSlot("separatorRender", {})
-  }, null, 8, ["vnode"])) : (P(), F("div", Zl));
+  }, null, 8, ["vnode"])) : (R(), z("div", Zl));
 }
-const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
+const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Pe({
   __name: "ContextSubMenu",
   props: {
     /**
@@ -1219,231 +1219,231 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
   },
   emits: ["closeAnimFinished"],
   setup(t, { expose: c, emit: o }) {
-    const e = t, i = o, r = g(!1), n = me("globalGetMenuHostId", ""), l = me("menuContext"), f = me("globalOptions");
+    const e = t, s = o, r = y(!1), n = me("globalGetMenuHostId", ""), l = me("menuContext"), f = me("globalOptions");
     me("globalHasSlot"), me("globalRenderSlot");
-    const u = g("UnknowOrRoot"), y = me("MenuItemName", u), { zIndex: p, getParentWidth: a, getParentHeight: _, getZoom: w } = l, { adjustPosition: j } = Ee(e), I = g(), C = g(), M = g(), W = [], O = me("globalSetCurrentSubMenu"), k = [];
-    let s = null, S = 0;
-    function V() {
-      s && s.blur();
+    const a = y("UnknowOrRoot"), C = me("MenuItemName", a), { zIndex: v, getParentWidth: i, getParentHeight: p, getZoom: V } = l, { adjustPosition: W } = Ee(e), j = y(), b = y(), M = y(), L = [], P = me("globalSetCurrentSubMenu"), k = [];
+    let u = null, _ = 0;
+    function I() {
+      u && u.blur();
     }
-    function b(K, D) {
-      if (K) {
-        for (let G = D !== void 0 ? D : 0; G < k.length; G++)
+    function m(x, O) {
+      if (x) {
+        for (let G = O !== void 0 ? O : 0; G < k.length; G++)
           if (!k[G].isDisabledOrHidden()) {
-            A(G);
+            F(G);
             break;
           }
       } else
-        for (let G = D !== void 0 ? D : k.length - 1; G >= 0; G--)
+        for (let G = O !== void 0 ? O : k.length - 1; G >= 0; G--)
           if (!k[G].isDisabledOrHidden()) {
-            A(G);
+            F(G);
             break;
           }
     }
-    function A(K) {
-      if (s && V(), K !== void 0 && (s = k[Math.max(0, Math.min(K, k.length - 1))]), !s)
+    function F(x) {
+      if (u && I(), x !== void 0 && (u = k[Math.max(0, Math.min(x, k.length - 1))]), !u)
         return;
-      s.focus();
-      const D = s.getElement();
-      D && D.scrollIntoView({
+      u.focus();
+      const O = u.getElement();
+      O && O.scrollIntoView({
         behavior: "auto",
         block: "nearest",
         inline: "nearest"
       });
     }
     function H() {
-      O(x);
+      P(S);
     }
-    const x = {
+    const S = {
       el: M,
-      name: y,
+      name: C,
       isTopLevel: () => l.getParentContext() === null,
       closeSelfAndActiveParent: () => {
-        const K = d.getParentContext();
-        if (K) {
-          K.closeOtherSubMenu();
-          const D = K.getSubMenuInstanceContext();
-          if (D)
-            return D.focusCurrentItem(), !0;
+        const x = d.getParentContext();
+        if (x) {
+          x.closeOtherSubMenu();
+          const O = x.getSubMenuInstanceContext();
+          if (O)
+            return O.focusCurrentItem(), !0;
         }
         return !1;
       },
       closeCurrentSubMenu: () => {
-        var K;
-        return (K = d.getParentContext()) == null ? void 0 : K.closeOtherSubMenu();
+        var x;
+        return (x = d.getParentContext()) == null ? void 0 : x.closeOtherSubMenu();
       },
-      moveCurrentItemFirst: () => b(!0),
-      moveCurrentItemLast: () => b(!1),
-      moveCurrentItemDown: () => b(!0, s ? k.indexOf(s) + 1 : 0),
-      moveCurrentItemUp: () => b(!1, s ? k.indexOf(s) - 1 : 0),
-      focusCurrentItem: () => A(),
-      openCurrentItemSubMenu: () => s ? s?.showSubMenu() : !1,
-      triggerCurrentItemClick: (K) => s?.click(K)
+      moveCurrentItemFirst: () => m(!0),
+      moveCurrentItemLast: () => m(!1),
+      moveCurrentItemDown: () => m(!0, u ? k.indexOf(u) + 1 : 0),
+      moveCurrentItemUp: () => m(!1, u ? k.indexOf(u) - 1 : 0),
+      focusCurrentItem: () => F(),
+      openCurrentItemSubMenu: () => u ? u?.showSubMenu() : !1,
+      triggerCurrentItemClick: (x) => u?.click(x)
     };
-    let Z = !1, E = !1;
+    let Z = !1, N = !1;
     const d = {
-      zIndex: p + 1,
+      zIndex: v + 1,
       container: l.container,
       adjustPadding: f.value.adjustPadding || Me.defaultAdjustPadding,
       getParentWidth: () => {
-        var K;
-        return ((K = M.value) == null ? void 0 : K.offsetWidth) || 0;
+        var x;
+        return ((x = M.value) == null ? void 0 : x.offsetWidth) || 0;
       },
       getParentHeight: () => {
-        var K;
-        return ((K = M.value) == null ? void 0 : K.offsetHeight) || 0;
+        var x;
+        return ((x = M.value) == null ? void 0 : x.offsetHeight) || 0;
       },
-      getPositon: () => [L.value.x, L.value.y],
+      getPositon: () => [D.value.x, D.value.y],
       getZoom: () => f.value.zoom || Me.defaultZoom,
-      addOpenedSubMenu(K) {
-        W.push(K);
+      addOpenedSubMenu(x) {
+        L.push(x);
       },
       closeOtherSubMenu() {
-        W.forEach((K) => K()), W.splice(0, W.length), O(x);
+        L.forEach((x) => x()), L.splice(0, L.length), P(S);
       },
       checkCloseOtherSubMenuTimeOut() {
-        return S ? (clearTimeout(S), S = 0, !0) : !1;
+        return _ ? (clearTimeout(_), _ = 0, !0) : !1;
       },
       closeOtherSubMenuWithTimeOut() {
-        S = setTimeout(() => {
-          S = 0, this.closeOtherSubMenu();
+        _ = setTimeout(() => {
+          _ = 0, this.closeOtherSubMenu();
         }, 200);
       },
-      addChildMenuItem: (K, D) => {
-        D === void 0 ? k.push(K) : k.splice(D, 0, K);
+      addChildMenuItem: (x, O) => {
+        O === void 0 ? k.push(x) : k.splice(O, 0, x);
       },
-      removeChildMenuItem: (K) => {
-        k.splice(k.indexOf(K), 1), K.getSubMenuInstance = () => {
+      removeChildMenuItem: (x) => {
+        k.splice(k.indexOf(x), 1), x.getSubMenuInstance = () => {
         };
       },
-      markActiveMenuItem: (K, D = !1) => {
-        V(), s = K, D && A();
+      markActiveMenuItem: (x, O = !1) => {
+        I(), u = x, O && F();
       },
       markThisOpenedByKeyBoard: () => {
         Z = !0;
       },
       isOpenedByKeyBoardFlag: () => Z ? (Z = !1, !0) : !1,
-      isMenuItemDataCollectedFlag: () => E,
+      isMenuItemDataCollectedFlag: () => N,
       getElement: () => M.value || null,
       getParentContext: () => l,
-      getSubMenuInstanceContext: () => x
+      getSubMenuInstanceContext: () => S
     };
     ke("menuContext", d);
-    const v = {
-      getChildItem: (K) => k[K],
-      getMenuDimensions: () => C.value ? {
-        width: C.value.offsetWidth,
-        height: C.value.offsetHeight
+    const g = {
+      getChildItem: (x) => k[x],
+      getMenuDimensions: () => b.value ? {
+        width: b.value.offsetWidth,
+        height: b.value.offsetHeight
       } : { width: 0, height: 0 },
-      getSubmenuRoot: () => C.value,
+      getSubmenuRoot: () => b.value,
       getMenu: () => M.value,
       getScrollValue: () => {
-        var K, D;
-        return ((D = (K = I.value) == null ? void 0 : K.getScrollContainer()) == null ? void 0 : D.scrollTop) || 0;
+        var x, O;
+        return ((O = (x = j.value) == null ? void 0 : x.getScrollContainer()) == null ? void 0 : O.scrollTop) || 0;
       },
-      setScrollValue: (K) => {
-        var D;
-        return (D = I.value) == null ? void 0 : D.scrollTo(0, K);
+      setScrollValue: (x) => {
+        var O;
+        return (O = j.value) == null ? void 0 : O.scrollTo(0, x);
       },
-      getScrollHeight: () => B.value,
+      getScrollHeight: () => A.value,
       adjustPosition: () => {
-        ie();
+        se();
       },
-      getMaxHeight: () => z.value,
-      getPosition: () => L.value,
-      setPosition: (K, D) => {
-        L.value.x = K, L.value.y = D;
+      getMaxHeight: () => E.value,
+      getPosition: () => D.value,
+      setPosition: (x, O) => {
+        D.value.x = x, D.value.y = O;
       }
-    }, h = me("menuItemInstance", void 0);
-    h && (h.getSubMenuInstance = () => v);
-    const B = g(0), z = g(0), X = g(!1), L = g({ x: 0, y: 0 });
-    function ie() {
+    }, w = me("menuItemInstance", void 0);
+    w && (w.getSubMenuInstance = () => g);
+    const A = y(0), E = y(0), X = y(!1), D = y({ x: 0, y: 0 });
+    function se() {
       we(() => {
-        const K = M.value, D = C.value;
-        if (K && D && I.value) {
-          const { container: G } = l, R = a?.() ?? 0, ce = _?.() ?? 0, be = getComputedStyle(D), ve = parseFloat(be.paddingLeft), Pe = parseFloat(be.paddingTop), Te = ce > 0 ? Pe : 0, Qe = document.documentElement.scrollHeight / w(), $e = document.documentElement.scrollWidth / w(), et = Math.min($e, G.offsetWidth), tt = Math.min(Qe, G.offsetHeight);
-          let ze = Ye(K, G), Be = Xe(K, G);
-          e.direction.includes("l") ? L.value.x -= K.offsetWidth + ve : e.direction.includes("r") ? L.value.x += R + ve : (L.value.x += R / 2, L.value.x -= (K.offsetWidth + ve) / 2), e.direction.includes("t") ? L.value.y -= (K.offsetHeight + Pe * 2) / w() : e.direction.includes("b") ? L.value.y -= Pe / w() : L.value.y -= (K.offsetHeight + Pe) / 2 / w(), we(() => {
-            var U, se;
-            ze = Ye(K, G), Be = Xe(K, G);
-            const pe = ((se = (U = I.value) == null ? void 0 : U.getScrollContainer()) == null ? void 0 : se.scrollHeight) || 0, ge = e.maxHeight;
-            B.value = e.maxHeight ? Math.min(pe, e.maxHeight) : pe;
-            const Ae = ze + K.offsetWidth - et, lt = Be + B.value + Te * 2 - tt;
-            if (X.value = lt > 0, j.value && Ae > 0) {
-              const Ne = R + K.offsetWidth - ve, Ke = ze;
-              Ne > Ke ? L.value.x -= Ke : L.value.x -= Ne;
+        const x = M.value, O = b.value;
+        if (x && O && j.value) {
+          const { container: G } = l, T = i?.() ?? 0, ce = p?.() ?? 0, xe = getComputedStyle(O), ve = parseFloat(xe.paddingLeft), Ie = parseFloat(xe.paddingTop), Te = ce > 0 ? Ie : 0, Qe = document.documentElement.scrollHeight / V(), $e = document.documentElement.scrollWidth / V(), et = Math.min($e, G.offsetWidth), tt = Math.min(Qe, G.offsetHeight);
+          let ze = Ye(x, G), Be = Xe(x, G);
+          e.direction.includes("l") ? D.value.x -= x.offsetWidth + ve : e.direction.includes("r") ? D.value.x += T + ve : (D.value.x += T / 2, D.value.x -= (x.offsetWidth + ve) / 2), e.direction.includes("t") ? D.value.y -= (x.offsetHeight + Ie * 2) / V() : e.direction.includes("b") ? D.value.y -= Ie / V() : D.value.y -= (x.offsetHeight + Ie) / 2 / V(), we(() => {
+            var U, ie;
+            ze = Ye(x, G), Be = Xe(x, G);
+            const pe = ((ie = (U = j.value) == null ? void 0 : U.getScrollContainer()) == null ? void 0 : ie.scrollHeight) || 0, ye = e.maxHeight;
+            A.value = e.maxHeight ? Math.min(pe, e.maxHeight) : pe;
+            const Ae = ze + x.offsetWidth - et, lt = Be + A.value + Te * 2 - tt;
+            if (X.value = lt > 0, W.value && Ae > 0) {
+              const Ne = T + x.offsetWidth - ve, Ke = ze;
+              Ne > Ke ? D.value.x -= Ke : D.value.x -= Ne;
             }
             if (X.value) {
-              if (j.value) {
+              if (W.value) {
                 const Ne = lt, Ke = Be;
-                Ne > Ke ? L.value.y -= Ke - Te : L.value.y -= Ne - Te;
+                Ne > Ke ? D.value.y -= Ke - Te : D.value.y -= Ne - Te;
               }
-              z.value = tt - (L.value.y + Pe);
+              E.value = tt - (D.value.y + Ie);
             } else
-              z.value = ge || 0;
+              E.value = ye || 0;
           });
         }
       });
     }
-    function _e() {
-      var K;
-      const D = (K = e.parentMenuItemContext) == null ? void 0 : K.getElement();
-      if (D) {
-        const G = Ye(D, l.container), R = Xe(D, l.container);
-        L.value.x = G, L.value.y = R;
+    function ge() {
+      var x;
+      const O = (x = e.parentMenuItemContext) == null ? void 0 : x.getElement();
+      if (O) {
+        const G = Ye(O, l.container), T = Xe(O, l.container);
+        D.value.x = G, D.value.y = T;
       } else {
-        const [G, R] = l.getPositon();
-        L.value.x = G, L.value.y = R;
+        const [G, T] = l.getPositon();
+        D.value.x = G, D.value.y = T;
       }
       we(() => {
         var G;
-        O(x), (G = M.value) == null || G.focus({ preventScroll: !0 }), l.isOpenedByKeyBoardFlag() && we(() => b(!0)), E = !0;
-      }), ie();
+        P(S), (G = M.value) == null || G.focus({ preventScroll: !0 }), l.isOpenedByKeyBoardFlag() && we(() => m(!0)), N = !0;
+      }), se();
     }
-    return T(() => e.show, (K) => {
-      K && _e();
+    return B(() => e.show, (x) => {
+      x && ge();
     }), q(() => {
-      r.value = !0, e.show ? _e() : ie();
+      r.value = !0, e.show ? ge() : se();
     }), J(() => {
-      r.value = !1, h && (h.getSubMenuInstance = () => {
+      r.value = !1, w && (w.getSubMenuInstance = () => {
       });
-    }), c(v), (K, D) => {
+    }), c(g), (x, O) => {
       const G = Je("ContextSubMenu", !0);
-      return r.value ? (P(), he(It, {
+      return r.value ? (R(), he(It, {
         key: 0,
-        to: `#${N(n)}`
+        to: `#${K(n)}`
       }, [
-        Oe(At, ct({ appear: "" }, N(f).menuTransitionProps || {
+        Oe(At, ct({ appear: "" }, K(f).menuTransitionProps || {
           duration: 10
         }, {
-          onAfterLeave: D[0] || (D[0] = (R) => i("closeAnimFinished"))
+          onAfterLeave: O[0] || (O[0] = (T) => s("closeAnimFinished"))
         }), {
           default: He(() => [
-            t.show ? (P(), F("div", ct({
+            t.show ? (R(), z("div", ct({
               key: 0,
               ref_key: "submenuRoot",
-              ref: C
-            }, K.$attrs, {
+              ref: b
+            }, x.$attrs, {
               class: [
                 "mx-context-menu",
-                N(f).customClass ? N(f).customClass : "",
-                N(f).theme ?? ""
+                K(f).customClass ? K(f).customClass : "",
+                K(f).theme ?? ""
               ],
               style: {
-                maxWidth: t.maxWidth ? N(_t)(t.maxWidth) : `${N(Me).defaultMaxWidth}px`,
-                minWidth: t.minWidth ? N(_t)(t.minWidth) : `${N(Me).defaultMinWidth}px`,
-                zIndex: N(p),
-                left: `${L.value.x}px`,
-                top: `${L.value.y}px`
+                maxWidth: t.maxWidth ? K(_t)(t.maxWidth) : `${K(Me).defaultMaxWidth}px`,
+                minWidth: t.minWidth ? K(_t)(t.minWidth) : `${K(Me).defaultMinWidth}px`,
+                zIndex: K(v),
+                left: `${D.value.x}px`,
+                top: `${D.value.y}px`
               },
               "data-type": "ContextSubMenu",
               onClick: H
             }), [
-              Oe(N(Wl), {
+              Oe(K(Wl), {
                 ref_key: "scrollRectRef",
-                ref: I,
+                ref: j,
                 scroll: "vertical",
-                maxHeight: z.value,
+                maxHeight: E.value,
                 containerClass: "mx-context-menu-scroll"
               }, {
                 default: He(() => [
@@ -1452,56 +1452,56 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
                     ref_key: "menu",
                     ref: M
                   }, [
-                    xe(K.$slots, "default", {}, () => [
-                      (P(!0), F(it, null, vt(t.items, (R, ce) => (P(), F(it, { key: ce }, [
-                        R.hidden !== !0 && R.divided === "up" ? (P(), he(qe, { key: 0 })) : ne("", !0),
-                        R.hidden !== !0 && R.divided === "self" ? (P(), he(qe, { key: 1 })) : (P(), he(ht, {
+                    Se(x.$slots, "default", {}, () => [
+                      (R(!0), z(it, null, vt(t.items, (T, ce) => (R(), z(it, { key: ce }, [
+                        T.hidden !== !0 && T.divided === "up" ? (R(), he(qe, { key: 0 })) : ne("", !0),
+                        T.hidden !== !0 && T.divided === "self" ? (R(), he(qe, { key: 1 })) : (R(), he(ht, {
                           key: 2,
-                          clickHandler: R.onClick ? (be) => R.onClick(be) : void 0,
-                          disabled: typeof R.disabled == "object" ? R.disabled.value : R.disabled,
-                          hidden: typeof R.hidden == "object" ? R.hidden.value : R.hidden,
-                          icon: R.icon,
-                          iconFontClass: R.iconFontClass,
-                          svgIcon: R.svgIcon,
-                          svgProps: R.svgProps,
-                          label: R.label,
-                          customRender: R.customRender,
-                          customClass: R.customClass,
-                          checked: typeof R.checked == "object" ? R.checked.value : R.checked,
-                          shortcut: R.shortcut,
-                          clickClose: R.clickClose,
-                          clickableWhenHasChildren: R.clickableWhenHasChildren,
-                          preserveIconWidth: R.preserveIconWidth !== void 0 ? R.preserveIconWidth : N(f).preserveIconWidth,
-                          showRightArrow: R.children && R.children.length > 0,
-                          hasChildren: R.children && R.children.length > 0,
-                          rawMenuItem: R,
-                          onSubMenuOpen: (be) => {
+                          clickHandler: T.onClick ? (xe) => T.onClick(xe) : void 0,
+                          disabled: typeof T.disabled == "object" ? T.disabled.value : T.disabled,
+                          hidden: typeof T.hidden == "object" ? T.hidden.value : T.hidden,
+                          icon: T.icon,
+                          iconFontClass: T.iconFontClass,
+                          svgIcon: T.svgIcon,
+                          svgProps: T.svgProps,
+                          label: T.label,
+                          customRender: T.customRender,
+                          customClass: T.customClass,
+                          checked: typeof T.checked == "object" ? T.checked.value : T.checked,
+                          shortcut: T.shortcut,
+                          clickClose: T.clickClose,
+                          clickableWhenHasChildren: T.clickableWhenHasChildren,
+                          preserveIconWidth: T.preserveIconWidth !== void 0 ? T.preserveIconWidth : K(f).preserveIconWidth,
+                          showRightArrow: T.children && T.children.length > 0,
+                          hasChildren: T.children && T.children.length > 0,
+                          rawMenuItem: T,
+                          onSubMenuOpen: (xe) => {
                             var ve;
-                            return (ve = R.onSubMenuOpen) == null ? void 0 : ve.call(R, be);
+                            return (ve = T.onSubMenuOpen) == null ? void 0 : ve.call(T, xe);
                           },
-                          onSubMenuClose: (be) => {
+                          onSubMenuClose: (xe) => {
                             var ve;
-                            return (ve = R.onSubMenuClose) == null ? void 0 : ve.call(R, be);
+                            return (ve = T.onSubMenuClose) == null ? void 0 : ve.call(T, xe);
                           }
                         }, Wt({ _: 2 }, [
-                          R.children && R.children.length > 0 ? {
+                          T.children && T.children.length > 0 ? {
                             name: "submenu",
-                            fn: He(({ context: be, show: ve }) => [
+                            fn: He(({ context: xe, show: ve }) => [
                               Oe(G, {
                                 show: ve,
-                                parentMenuItemContext: be,
-                                items: R.children,
-                                maxWidth: R.maxWidth,
-                                minWidth: R.minWidth,
-                                maxHeight: R.maxHeight,
-                                adjustPosition: R.adjustSubMenuPosition !== void 0 ? R.adjustSubMenuPosition : N(f).adjustPosition,
-                                direction: R.direction !== void 0 ? R.direction : N(f).direction
+                                parentMenuItemContext: xe,
+                                items: T.children,
+                                maxWidth: T.maxWidth,
+                                minWidth: T.minWidth,
+                                maxHeight: T.maxHeight,
+                                adjustPosition: T.adjustSubMenuPosition !== void 0 ? T.adjustSubMenuPosition : K(f).adjustPosition,
+                                direction: T.direction !== void 0 ? T.direction : K(f).direction
                               }, null, 8, ["show", "parentMenuItemContext", "items", "maxWidth", "minWidth", "maxHeight", "adjustPosition", "direction"])
                             ]),
                             key: "0"
                           } : void 0
                         ]), 1032, ["clickHandler", "disabled", "hidden", "icon", "iconFontClass", "svgIcon", "svgProps", "label", "customRender", "customClass", "checked", "shortcut", "clickClose", "clickableWhenHasChildren", "preserveIconWidth", "showRightArrow", "hasChildren", "rawMenuItem", "onSubMenuOpen", "onSubMenuClose"])),
-                        R.hidden !== !0 && (R.divided === "down" || R.divided === !0) ? (P(), he(qe, { key: 3 })) : ne("", !0)
+                        T.hidden !== !0 && (T.divided === "down" || T.divided === !0) ? (R(), he(qe, { key: 3 })) : ne("", !0)
                       ], 64))), 128))
                     ])
                   ], 512)
@@ -1515,7 +1515,7 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
       ], 8, ["to"])) : ne("", !0);
     };
   }
-}), Tt = /* @__PURE__ */ Le({
+}), Tt = /* @__PURE__ */ Pe({
   __name: "ContextSubMenuWrapper",
   props: {
     /**
@@ -1549,100 +1549,100 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
   },
   emits: ["close", "closeAnimFinished"],
   setup(t, { expose: c, emit: o }) {
-    const e = t, i = o, r = jt(), n = g(), {
+    const e = t, s = o, r = jt(), n = y(), {
       options: l,
       show: f,
-      container: u
+      container: a
     } = Ee(e);
     q(() => {
-      f.value && a();
+      f.value && i();
     }), J(() => {
-      I();
-    }), T(f, (s) => {
-      s ? a() : (St(y), I());
+      j();
+    }), B(f, (u) => {
+      u ? i() : (St(C), j());
     });
-    const y = {
-      closeMenu: _,
-      isClosed: w,
+    const C = {
+      closeMenu: p,
+      isClosed: V,
       getMenuRef: () => n.value,
       getMenuDimensions: () => {
-        var s;
-        return ((s = n.value) == null ? void 0 : s.getMenuDimensions()) ?? { width: 0, height: 0 };
+        var u;
+        return ((u = n.value) == null ? void 0 : u.getMenuDimensions()) ?? { width: 0, height: 0 };
       }
     };
-    let p = !1;
-    function a() {
-      j(), bl(y);
+    let v = !1;
+    function i() {
+      W(), bl(C);
     }
-    function _(s) {
-      p = !0, i("close", s), l.value.menuTransitionProps || i("closeAnimFinished"), St(y);
+    function p(u) {
+      v = !0, s("close", u), l.value.menuTransitionProps || s("closeAnimFinished"), St(C);
     }
-    function w() {
-      return p;
+    function V() {
+      return v;
     }
-    function j() {
+    function W() {
       setTimeout(() => {
-        document.addEventListener("click", O, !0), document.addEventListener("contextmenu", O, !0), document.addEventListener("scroll", W, !0), !e.isFullScreenContainer && u.value && u.value.addEventListener("scroll", W, !0), l.value.keyboardControl !== !1 && document.addEventListener("keydown", M, !0);
+        document.addEventListener("click", P, !0), document.addEventListener("contextmenu", P, !0), document.addEventListener("scroll", L, !0), !e.isFullScreenContainer && a.value && a.value.addEventListener("scroll", L, !0), l.value.keyboardControl !== !1 && document.addEventListener("keydown", M, !0);
       }, 50);
     }
-    function I() {
-      document.removeEventListener("contextmenu", O, !0), document.removeEventListener("click", O, !0), document.removeEventListener("scroll", W, !0), !e.isFullScreenContainer && u.value && u.value.removeEventListener("scroll", W, !0), l.value.keyboardControl !== !1 && document.removeEventListener("keydown", M, !0);
+    function j() {
+      document.removeEventListener("contextmenu", P, !0), document.removeEventListener("click", P, !0), document.removeEventListener("scroll", L, !0), !e.isFullScreenContainer && a.value && a.value.removeEventListener("scroll", L, !0), l.value.keyboardControl !== !1 && document.removeEventListener("keydown", M, !0);
     }
-    const C = g();
-    ke("globalSetCurrentSubMenu", (s) => C.value = s), ke("globalGetMenuHostId", u.value.id);
-    function M(s) {
-      var S, V, b, A, H, x, Z, E, d, v, h, B, z;
+    const b = y();
+    ke("globalSetCurrentSubMenu", (u) => b.value = u), ke("globalGetMenuHostId", a.value.id);
+    function M(u) {
+      var _, I, m, F, H, S, Z, N, d, g, w, A, E;
       let X = !0;
-      switch (s.key) {
+      switch (u.key) {
         case "Escape": {
-          ((S = C.value) == null ? void 0 : S.isTopLevel()) === !1 ? (V = C.value) == null || V.closeCurrentSubMenu() : _();
+          ((_ = b.value) == null ? void 0 : _.isTopLevel()) === !1 ? (I = b.value) == null || I.closeCurrentSubMenu() : p();
           break;
         }
         case "ArrowDown":
-          (b = C.value) == null || b.moveCurrentItemDown();
+          (m = b.value) == null || m.moveCurrentItemDown();
           break;
         case "ArrowUp":
-          (A = C.value) == null || A.moveCurrentItemUp();
+          (F = b.value) == null || F.moveCurrentItemUp();
           break;
         case "Home":
-          (H = C.value) == null || H.moveCurrentItemFirst();
+          (H = b.value) == null || H.moveCurrentItemFirst();
           break;
         case "End":
-          (x = C.value) == null || x.moveCurrentItemLast();
+          (S = b.value) == null || S.moveCurrentItemLast();
           break;
         case "ArrowLeft": {
-          (Z = C.value) != null && Z.closeSelfAndActiveParent() || (d = (E = l.value).onKeyFocusMoveLeft) == null || d.call(E);
+          (Z = b.value) != null && Z.closeSelfAndActiveParent() || (d = (N = l.value).onKeyFocusMoveLeft) == null || d.call(N);
           break;
         }
         case "ArrowRight":
-          (v = C.value) != null && v.openCurrentItemSubMenu() || (B = (h = l.value).onKeyFocusMoveRight) == null || B.call(h);
+          (g = b.value) != null && g.openCurrentItemSubMenu() || (A = (w = l.value).onKeyFocusMoveRight) == null || A.call(w);
           break;
         case "Enter":
-          (z = C.value) == null || z.triggerCurrentItemClick(s);
+          (E = b.value) == null || E.triggerCurrentItemClick(u);
           break;
         default:
           X = !1;
           break;
       }
-      X && C.value && (s.stopPropagation(), s.preventDefault());
+      X && b.value && (u.stopPropagation(), u.preventDefault());
     }
-    function W(s) {
-      l.value.closeWhenScroll !== !1 && k(s.target, null);
+    function L(u) {
+      l.value.closeWhenScroll !== !1 && k(u.target, null);
     }
-    function O(s) {
-      k(s.target, s);
+    function P(u) {
+      k(u.target, u);
     }
-    function k(s, S) {
-      for (var V, b; s; ) {
-        if (s.classList && s.classList.contains("mx-context-menu"))
+    function k(u, _) {
+      for (var I, m; u; ) {
+        if (u.classList && u.classList.contains("mx-context-menu"))
           return;
-        s = s.parentNode;
+        u = u.parentNode;
       }
-      S ? l.value.clickCloseOnOutside !== !1 ? (I(), _()) : (b = (V = l.value).onClickOnOutside) == null || b.call(V, S) : (I(), _());
+      _ ? l.value.clickCloseOnOutside !== !1 ? (j(), p()) : (m = (I = l.value).onClickOnOutside) == null || m.call(I, _) : (j(), p());
     }
-    return ke("globalOptions", l), ke("globalCloseMenu", _), ke("globalIsFullScreenContainer", e.isFullScreenContainer), ke("globalHasSlot", (s) => r[s] !== void 0), ke("globalRenderSlot", (s, S) => xe(r, s, { ...S }, () => [ot("span", "Render slot failed")], !1)), ke("menuContext", {
+    return ke("globalOptions", l), ke("globalCloseMenu", p), ke("globalIsFullScreenContainer", e.isFullScreenContainer), ke("globalHasSlot", (u) => r[u] !== void 0), ke("globalRenderSlot", (u, _) => Se(r, u, { ..._ }, () => [ot("span", "Render slot failed")], !1)), ke("menuContext", {
       zIndex: l.value.zIndex || Me.defaultZindex,
-      container: u.value,
+      container: a.value,
       adjustPadding: { x: 0, y: 0 },
       getZoom: () => l.value.zoom || Me.defaultZoom,
       getParentWidth: () => 0,
@@ -1668,25 +1668,25 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
       },
       isOpenedByKeyBoardFlag: () => !1,
       isMenuItemDataCollectedFlag: () => !1
-    }), c(y), (s, S) => (P(), he(mt, {
+    }), c(C), (u, _) => (R(), he(mt, {
       ref_key: "submenuInstance",
       ref: n,
-      show: N(f),
-      items: N(l).items,
-      adjustPosition: N(l).adjustPosition,
-      maxWidth: N(l).maxWidth || N(Me).defaultMaxWidth,
-      minWidth: N(l).minWidth || N(Me).defaultMinWidth,
-      maxHeight: N(l).maxHeight,
-      direction: N(l).direction || N(Me).defaultDirection,
-      onCloseAnimFinished: S[0] || (S[0] = (V) => i("closeAnimFinished"))
+      show: K(f),
+      items: K(l).items,
+      adjustPosition: K(l).adjustPosition,
+      maxWidth: K(l).maxWidth || K(Me).defaultMaxWidth,
+      minWidth: K(l).minWidth || K(Me).defaultMinWidth,
+      maxHeight: K(l).maxHeight,
+      direction: K(l).direction || K(Me).defaultDirection,
+      onCloseAnimFinished: _[0] || (_[0] = (I) => s("closeAnimFinished"))
     }, {
       default: He(() => [
-        xe(s.$slots, "default")
+        Se(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["show", "items", "adjustPosition", "maxWidth", "minWidth", "maxHeight", "direction"]));
   }
-}), Ql = /* @__PURE__ */ Le({
+}), Ql = /* @__PURE__ */ Pe({
   __name: "ContextMenu",
   props: {
     /**
@@ -1706,44 +1706,44 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
   },
   emits: ["update:show", "close"],
   setup(t, { expose: c, emit: o }) {
-    const e = o, i = t, { options: r, show: n } = Ee(i), { isNew: l, container: f, eleId: u } = Ht(r.value), y = g(null), p = jt();
-    function a(_) {
-      var w, j;
-      e("update:show", !1), e("close"), (j = (w = r.value).onClose) == null || j.call(w, _);
+    const e = o, s = t, { options: r, show: n } = Ee(s), { isNew: l, container: f, eleId: a } = Ht(r.value), C = y(null), v = jt();
+    function i(p) {
+      var V, W;
+      e("update:show", !1), e("close"), (W = (V = r.value).onClose) == null || W.call(V, p);
     }
     return c({
       closeMenu: () => e("update:show", !1),
       isClosed: () => !n.value,
       getMenuRef: () => {
-        var _;
-        return (_ = y.value) == null ? void 0 : _.getMenuRef();
+        var p;
+        return (p = C.value) == null ? void 0 : p.getMenuRef();
       },
       getMenuDimensions: () => {
-        var _;
-        return ((_ = y.value) == null ? void 0 : _.getMenuDimensions()) ?? { width: 0, height: 0 };
+        var p;
+        return ((p = C.value) == null ? void 0 : p.getMenuDimensions()) ?? { width: 0, height: 0 };
       }
-    }), (_, w) => (P(), he(It, {
-      to: `#${N(u)}`
+    }), (p, V) => (R(), he(It, {
+      to: `#${K(a)}`
     }, [
       Oe(Tt, {
         ref_key: "menuRef",
-        ref: y,
-        options: N(r),
-        show: N(n),
-        container: N(f),
-        isFullScreenContainer: !N(l),
-        onClose: a
+        ref: C,
+        options: K(r),
+        show: K(n),
+        container: K(f),
+        isFullScreenContainer: !K(l),
+        onClose: i
       }, Wt({ _: 2 }, [
-        vt(N(p), (j, I) => ({
-          name: I,
-          fn: He((C) => [
-            xe(_.$slots, I, Ft(Et(C)))
+        vt(K(v), (W, j) => ({
+          name: j,
+          fn: He((b) => [
+            Se(p.$slots, j, Ft(Et(b)))
           ])
         }))
       ]), 1032, ["options", "show", "container", "isFullScreenContainer"])
     ], 8, ["to"]));
   }
-}), $l = Le({
+}), $l = Pe({
   name: "ContextMenuGroup",
   props: {
     /**
@@ -1881,13 +1881,13 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
     }
   },
   setup(t, c) {
-    const o = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: i, minWidth: r, maxHeight: n } = Ee(t), l = typeof e.value < "u" ? e.value : o.value.adjustPosition, f = g(), u = g();
+    const o = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: s, minWidth: r, maxHeight: n } = Ee(t), l = typeof e.value < "u" ? e.value : o.value.adjustPosition, f = y(), a = y();
     return c.expose({
       getSubMenuRef: () => f.value,
-      getMenuItemRef: () => u.value
+      getMenuItemRef: () => a.value
     }), () => ot(ht, {
       ...t,
-      ref: u,
+      ref: a,
       showRightArrow: !0,
       maxWidth: void 0,
       minWidth: void 0,
@@ -1896,14 +1896,14 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
       hasChildren: typeof c.slots.default !== void 0
     }, c.slots.default ? {
       //Create SubMenu
-      submenu: (y) => ot(mt, {
+      submenu: (C) => ot(mt, {
         ref: f,
-        show: y.show,
-        maxWidth: i.value,
+        show: C.show,
+        maxWidth: s.value,
         minWidth: r.value,
         maxHeight: n.value,
         adjustPosition: l,
-        parentMenuItemContext: y.context
+        parentMenuItemContext: C.context
       }, {
         default: c.slots.default
       }),
@@ -1913,9 +1913,9 @@ const qe = /* @__PURE__ */ pt(ql, [["render", Jl]]), mt = /* @__PURE__ */ Le({
   }
 });
 function eo(t, c, o, e) {
-  const i = g(!0), r = ot(Tt, {
+  const s = y(!0), r = ot(Tt, {
     options: t,
-    show: i,
+    show: s,
     container: c,
     isFullScreenContainer: !o,
     onCloseAnimFinished: () => {
@@ -1923,7 +1923,7 @@ function eo(t, c, o, e) {
     },
     onClose: (n) => {
       var l;
-      (l = t.onClose) == null || l.call(t, n), i.value = !1;
+      (l = t.onClose) == null || l.call(t, n), s.value = !1;
     }
   }, e);
   return gt(r, c), r.component;
@@ -1932,7 +1932,7 @@ function Dt(t, c) {
   const o = Ht(t);
   return eo(t, o.container, o.isNew, c).exposed;
 }
-const We = {
+const je = {
   /**
    * For Vue install
    * @param app 
@@ -2014,10 +2014,10 @@ const We = {
   //Tools
   transformMenuPosition: xl
 };
-function je() {
+function Le() {
   return {
     processMenus: (c, o) => {
-      const e = (i) => i.map((r) => {
+      const e = (s) => s.map((r) => {
         const n = { ...r };
         return n.children && n.children.length > 0 ? n.children = e(n.children) : n.onClick || (n.onClick = (l) => {
           if (n.disabled) {
@@ -2035,7 +2035,7 @@ const st = {
   DEFAULT: "default",
   POINTER: "pointer"
 };
-function Se(t) {
+function _e(t) {
   return t && (t.hasOwnProperty("onMouseClick") || t.hasOwnProperty("onMouseDblClick")) ? st.POINTER : st.DEFAULT;
 }
 const to = /* @__PURE__ */ Object.assign({
@@ -2061,85 +2061,85 @@ const to = /* @__PURE__ */ Object.assign({
   },
   setup(t, { expose: c }) {
     c();
-    const { isNotEmpty: o, isArray: e } = Y, i = t, r = re(), n = ae(r), l = g(null), f = m(() => i.propValue || {}), u = m(() => i.element || {}), y = m(() => u.value.events || []), p = g(!0), a = g(null);
-    let _, w = null, j = !0, I = !1;
-    const C = n[f.value.urlCK], M = m(() => o(f.value.url) ? f.value.url : o(f.value.urlCK) && C.value || "");
-    T(
-      () => u.value?.style?.display,
+    const { isNotEmpty: o, isArray: e } = Y, s = t, r = re(), n = ae(r), l = y(null), f = h(() => s.propValue || {}), a = h(() => s.element || {}), C = h(() => a.value.events || []), v = y(!0), i = y(null);
+    let p, V = null, W = !0, j = !1;
+    const b = n[f.value.urlCK], M = h(() => o(f.value.url) ? f.value.url : o(f.value.urlCK) && b.value || "");
+    B(
+      () => a.value?.style?.display,
       (d) => {
-        d ? p.value = !1 : p.value = !0;
+        d ? v.value = !1 : v.value = !0;
       }
-    ), T(
+    ), B(
       () => f.value.flipVertical,
-      () => O()
-    ), T(
+      () => P()
+    ), B(
       () => f.value.flipHorizontal,
-      () => O()
-    ), T(
+      () => P()
+    ), B(
       () => M.value,
       (d) => {
-        j = !0, _ = null, I = !1, k();
+        W = !0, p = null, j = !1, k();
       }
     );
-    const W = () => {
-      const { width: d, height: v } = u.value.style;
-      a.value.width = d, a.value.height = v, j && M.value ? (j = !1, _ = document.createElement("img"), _.onload = () => {
-        I = !0, w.drawImage(_, 0, 0, d, v), O();
-      }, _.src = M.value) : O();
-    }, O = () => {
-      const d = f.value.flipVertical, v = f.value.flipHorizontal, { width: h, height: B } = u.value.style, z = v ? -1 : 1, X = d ? -1 : 1;
-      w.clearRect(0, 0, h, B), I && _ && (w.translate(h / 2 - h * z / 2, B / 2 - B * X / 2), w.scale(z, X), w.drawImage(_, 0, 0, h, B), w.setTransform(1, 0, 0, 1, 0, 0));
-    }, k = rt(W, 500);
-    T([() => u.value?.style?.height, () => u.value?.style?.width], ([d, v]) => {
-      w && (j = !0, _ = null, I = !1, k());
+    const L = () => {
+      const { width: d, height: g } = a.value.style;
+      i.value.width = d, i.value.height = g, W && M.value ? (W = !1, p = document.createElement("img"), p.onload = () => {
+        j = !0, V.drawImage(p, 0, 0, d, g), P();
+      }, p.src = M.value) : P();
+    }, P = () => {
+      const d = f.value.flipVertical, g = f.value.flipHorizontal, { width: w, height: A } = a.value.style, E = g ? -1 : 1, X = d ? -1 : 1;
+      V.clearRect(0, 0, w, A), j && p && (V.translate(w / 2 - w * E / 2, A / 2 - A * X / 2), V.scale(E, X), V.drawImage(p, 0, 0, w, A), V.setTransform(1, 0, 0, 1, 0, 0));
+    }, k = rt(L, 500);
+    B([() => a.value?.style?.height, () => a.value?.style?.width], ([d, g]) => {
+      V && (W = !0, p = null, j = !1, k());
     }, { immediate: !0 });
-    const s = (d) => {
+    const u = (d) => {
       l.value?.handleClick(d);
-    }, S = (d) => {
+    }, _ = (d) => {
       l.value?.handleDblClick(d);
-    }, V = le(), b = oe(), A = ee(f, u, V, b);
+    }, I = le(), m = oe(), F = ee(f, a, I, m);
     Q(() => {
-      l.value = te(y.value, i.designStatus, A), l.value?.beforeMount();
+      l.value = te(C.value, s.designStatus, F), l.value?.beforeMount();
     }), q(() => {
-      w = a.value?.getContext("2d"), k(), l.value?.mounted();
+      V = i.value?.getContext("2d"), k(), l.value?.mounted();
     }), J(() => {
       l.value?.beforeUnmount();
     }), $(() => {
       l.value?.unmounted();
     });
-    const { processMenus: H } = je(), x = (d) => {
+    const { processMenus: H } = Le(), S = (d) => {
       d.preventDefault();
-      let v = f.value.menuItems || [];
-      if (e(v) && v.length > 0) {
-        let h = [];
-        h = H(v, function(B, z) {
-          l.value?.handleContextMenu(d, B.value);
-        }), We.showContextMenu({
+      let g = f.value.menuItems || [];
+      if (e(g) && g.length > 0) {
+        let w = [];
+        w = H(g, function(A, E) {
+          l.value?.handleContextMenu(d, A.value);
+        }), je.showContextMenu({
           x: d.x,
           y: d.y,
-          items: h
+          items: w
         });
       }
-    }, Z = m(() => {
+    }, Z = h(() => {
       let d = {};
-      return d.cursor = Se(y.value), d;
-    }), E = { isNotEmpty: o, isArray: e, props: i, dataCache: r, smartData: n, eventHandler: l, propValue: f, element: u, events: y, isVisible: p, canvas: a, get img() {
-      return _;
+      return d.cursor = _e(C.value), d;
+    }), N = { isNotEmpty: o, isArray: e, props: s, dataCache: r, smartData: n, eventHandler: l, propValue: f, element: a, events: C, isVisible: v, canvas: i, get img() {
+      return p;
     }, set img(d) {
-      _ = d;
+      p = d;
     }, get ctx() {
-      return w;
+      return V;
     }, set ctx(d) {
-      w = d;
+      V = d;
     }, get isFirst() {
-      return j;
+      return W;
     }, set isFirst(d) {
-      j = d;
+      W = d;
     }, get loadSuccess() {
-      return I;
+      return j;
     }, set loadSuccess(d) {
-      I = d;
-    }, urlData: C, url: M, drawImage: W, mirrorFlip: O, debouncedDraw: k, clickHandler: s, dblclickHandler: S, router: V, route: b, compContext: A, processMenus: H, openContextMenu: x, customStyle: Z, computed: m, onMounted: q, ref: g, watch: T, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
+      j = d;
+    }, urlData: b, url: M, drawImage: L, mirrorFlip: P, debouncedDraw: k, clickHandler: u, dblclickHandler: _, router: I, route: m, compContext: F, processMenus: H, openContextMenu: S, customStyle: Z, computed: h, onMounted: q, ref: y, watch: B, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2156,20 +2156,20 @@ const to = /* @__PURE__ */ Object.assign({
     }, get debounce() {
       return rt;
     }, get ContextMenu() {
-      return We;
-    }, get useMenuHandler() {
       return je;
+    }, get useMenuHandler() {
+      return Le;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
-    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+    return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
   }
 });
-function lo(t, c, o, e, i, r) {
-  return e.isVisible ? (P(), F("div", {
+function lo(t, c, o, e, s, r) {
+  return e.isVisible ? (R(), z("div", {
     key: 0,
     class: "picture-container",
-    style: ye(e.customStyle),
+    style: Ce(e.customStyle),
     onClick: e.clickHandler,
     onDblclick: e.dblclickHandler,
     onContextmenu: e.openContextMenu
@@ -2178,8 +2178,8 @@ function lo(t, c, o, e, i, r) {
   ], 36)) : ne("", !0);
 }
 const oo = /* @__PURE__ */ fe(to, [["render", lo], ["__scopeId", "data-v-6700d8d2"], ["__file", "Component.vue"]]);
-function Ce(t, c, o, e) {
-  const i = Ze({
+function be(t, c, o, e) {
+  const s = Ze({
     dataColor: null,
     // 数据颜色
     backgroundColor: null,
@@ -2188,15 +2188,15 @@ function Ce(t, c, o, e) {
     // 线颜色
     fillColor: null
     // 填充颜色
-  }), r = c[t.value.colorCK], n = (f, u, y) => e.hasOwnPathInObject(f, u) ? e.getValueByPath(f, u) : y, l = (f, u) => e.isNotEmpty(u) && o ? o[u] ? o[u][f] : null : f;
-  return T(() => r?.value, (f) => {
+  }), r = c[t.value.colorCK], n = (f, a, C) => e.hasOwnPathInObject(f, a) ? e.getValueByPath(f, a) : C, l = (f, a) => e.isNotEmpty(a) && o ? o[a] ? o[a][f] : null : f;
+  return B(() => r?.value, (f) => {
     if (e.isObject(f) && e.isNotEmpty(t.value.colorCK)) {
       if (!t.value.dycFlag)
         return;
-      let u;
-      e.isNotEmpty(t.value.fColorKey) && (u = n(f, t.value.fColorKey, null), i.dataColor = l(u, t.value.fColorRule)), e.isNotEmpty(t.value.bgColorKey) && (u = n(f, t.value.bgColorKey, null), i.backgroundColor = l(u, t.value.bgColorRule)), e.isNotEmpty(t.value.lineColorKey) && (u = n(f, t.value.lineColorKey, null), i.lineColor = l(u, t.value.lineColorRule)), e.isNotEmpty(t.value.fillColorKey) && (u = n(f, t.value.fillColorKey, null), i.fillColor = l(u, t.value.fillColorRule));
+      let a;
+      e.isNotEmpty(t.value.fColorKey) && (a = n(f, t.value.fColorKey, null), s.dataColor = l(a, t.value.fColorRule)), e.isNotEmpty(t.value.bgColorKey) && (a = n(f, t.value.bgColorKey, null), s.backgroundColor = l(a, t.value.bgColorRule)), e.isNotEmpty(t.value.lineColorKey) && (a = n(f, t.value.lineColorKey, null), s.lineColor = l(a, t.value.lineColorRule)), e.isNotEmpty(t.value.fillColorKey) && (a = n(f, t.value.fillColorKey, null), s.fillColor = l(a, t.value.fillColorRule));
     }
-  }, { immediate: !0 }), { dynamicColor: i };
+  }, { immediate: !0 }), { dynamicColor: s };
 }
 const no = /* @__PURE__ */ Object.assign({
   name: "SVGCircle"
@@ -2221,9 +2221,9 @@ const no = /* @__PURE__ */ Object.assign({
   },
   setup(t, { expose: c }) {
     c();
-    const o = t, e = re(), i = ae(e), r = g(null), n = m(() => o.propValue || {}), l = m(() => o.element || {}), f = m(() => l.value.events || []), u = le(), y = oe(), p = ee(n, l, u, y);
+    const o = t, e = re(), s = ae(e), r = y(null), n = h(() => o.propValue || {}), l = h(() => o.element || {}), f = h(() => l.value.events || []), a = le(), C = oe(), v = ee(n, l, a, C);
     Q(() => {
-      r.value = te(f.value, o.designStatus, p), r.value?.beforeMount();
+      r.value = te(f.value, o.designStatus, v), r.value?.beforeMount();
     }), q(() => {
       M(), r.value?.mounted();
     }), J(() => {
@@ -2231,18 +2231,18 @@ const no = /* @__PURE__ */ Object.assign({
     }), $(() => {
       r.value?.unmounted();
     });
-    const { dynamicColor: a } = Ce(n, i, e.rules, Y), _ = m(() => a.fillColor ? a.fillColor : n.value.fillColor ? n.value.fillColor : "none"), w = m(() => a.lineColor ? a.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), j = g(0), I = g(0), C = g(0);
-    T(() => l.value.style.width, (k) => {
+    const { dynamicColor: i } = be(n, s, e.rules, Y), p = h(() => i.fillColor ? i.fillColor : n.value.fillColor ? n.value.fillColor : "none"), V = h(() => i.lineColor ? i.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), W = y(0), j = y(0), b = y(0);
+    B(() => l.value.style.width, (k) => {
       M();
-    }), T(() => l.value.style.height, (k) => {
+    }), B(() => l.value.style.height, (k) => {
       M();
     });
     const M = () => {
-      const { width: k, height: s } = l.value.style;
-      W(k, s);
-    }, W = (k, s) => {
-      j.value = 0.5 * k, I.value = 0.5 * s, C.value = 0.45 * s;
-    }, O = { props: o, dataCache: e, smartData: i, eventHandler: r, propValue: n, element: l, events: f, router: u, route: y, compContext: p, dynamicColor: a, showFillColor: _, showLineColor: w, cx: j, cy: I, cr: C, draw: M, drawChart: W, get useEventHandler() {
+      const { width: k, height: u } = l.value.style;
+      L(k, u);
+    }, L = (k, u) => {
+      W.value = 0.5 * k, j.value = 0.5 * u, b.value = 0.45 * u;
+    }, P = { props: o, dataCache: e, smartData: s, eventHandler: r, propValue: n, element: l, events: f, router: a, route: C, compContext: v, dynamicColor: i, showFillColor: p, showLineColor: V, cx: W, cy: j, cr: b, draw: M, drawChart: L, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2250,21 +2250,21 @@ const no = /* @__PURE__ */ Object.assign({
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     }, get CommonUtils() {
       return Y;
     } };
-    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+    return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
   }
 });
-function ro(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function ro(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
@@ -2306,123 +2306,124 @@ const ao = /* @__PURE__ */ fe(no, [["render", ro], ["__scopeId", "data-v-ecab498
     const {
       formatDate: o,
       getDate: e,
-      getWeek: i,
+      getWeek: s,
       isNotEmpty: r,
       isNumber: n,
       isObject: l,
       isValid: f,
-      hasOwnPathInObject: u,
-      getValueByPath: y
-    } = Y, p = t, a = m(() => p.propValue || {}), _ = m(() => p.element || {}), w = m(() => _.value.events || []), j = re(), I = ae(j), C = g(null), M = g(0), W = g(0), O = g(""), k = g(""), s = g(!1), S = g("");
-    let V = null, b = null;
-    const A = g("");
+      hasOwnPathInObject: a,
+      getValueByPath: C
+    } = Y, v = t, i = h(() => v.propValue || {}), p = h(() => v.element || {}), V = h(() => p.value.events || []), W = re(), j = ae(W), b = y(null), M = y(0), L = y(0), P = y(""), k = y(""), u = y(!1), _ = y("");
+    let I = null, m = null;
+    const F = y("");
     let H = null;
-    const x = I[a.value.dataCK], Z = I[a.value.timeCK], E = (U, se, pe) => u(U, se) ? y(U, se) : pe;
+    const S = j[i.value.dataCK], Z = j[i.value.timeCK], N = (U, ie, pe) => a(U, ie) ? C(U, ie) : pe;
     function d(U) {
-      l(U) ? (V = E(U, a.value.valueKey, null), b = E(U, a.value.timeKey, null)) : V = U;
+      l(U) ? (I = N(U, i.value.valueKey, null), m = N(U, i.value.timeKey, null)) : I = U;
     }
-    function v(U) {
-      d(U), S.value = be(V);
+    function g(U) {
+      d(U), _.value = xe(I);
     }
-    T(() => x.value, (U) => {
-      f(U) && v(U);
-    }), T(() => Z.value, (U) => {
-      r(a.value.timeCK) && f(U) && (r(a.value.timeKey) ? l(U) && (b = E(U, a.value.timeKey, null)) : b = U);
+    B(() => S.value, (U) => {
+      f(U) && g(U);
+    }), B(() => Z.value, (U) => {
+      r(i.value.timeCK) && f(U) && (r(i.value.timeKey) ? l(U) && (m = N(U, i.value.timeKey, null)) : m = U);
     });
-    const { dynamicColor: h } = Ce(a, I, j.rules, Y), B = m(() => h.dataColor ? h.dataColor : a.value.fontColor ? a.value.fontColor : "none"), z = m(() => h.backgroundColor ? h.backgroundColor : a.value.fillColor ? a.value.fillColor : "none"), X = (U) => {
-      C.value?.setParam(U);
-    }, L = (U) => {
-      C.value?.handleDblClick(U);
+    const { dynamicColor: w } = be(i, j, W.rules, Y), A = h(() => w.dataColor ? w.dataColor : i.value.fontColor ? i.value.fontColor : "none"), E = h(() => w.backgroundColor ? w.backgroundColor : i.value.fillColor ? i.value.fillColor : "none"), X = (U) => {
+      b.value?.setParam(U);
+    }, D = (U) => {
+      b.value?.handleDblClick(U);
     };
-    T(() => _.value.style.width, (U) => {
-      R();
-    }), T(() => _.value.style.height, (U) => {
-      R();
-    }), T(() => a.value.horizontalAlign, (U) => {
-      R();
-    }), T(() => a.value.offsetX, (U) => {
-      R();
+    B(() => p.value.style.width, (U) => {
+      T();
+    }), B(() => p.value.style.height, (U) => {
+      T();
+    }), B(() => i.value.horizontalAlign, (U) => {
+      T();
+    }), B(() => i.value.offsetX, (U) => {
+      T();
     });
-    const ie = m(() => p.designStatus ? !0 : a.value.showTooltip ? !s.value : !0), _e = m(() => a.value.tooltipPlacement || "bottom-start"), K = m(() => a.value.tooltipEffect || "dark"), D = (U) => {
-      p.designStatus || (G(), r(A.value) ? s.value = !0 : s.value = !1);
+    const se = h(() => v.designStatus ? !0 : i.value.showTooltip ? !u.value : !0), ge = h(() => i.value.tooltipPlacement || "bottom-start"), x = h(() => i.value.tooltipEffect || "dark"), O = (U) => {
+      v.designStatus || (G(), r(F.value) ? u.value = !0 : u.value = !1);
     }, G = () => {
-      if (A.value = "", a.value.showTooltip && b && n(b)) {
-        let U = e(b), se = "";
+      if (F.value = "", i.value.showTooltip && m && n(m)) {
+        let U = e(m), ie = "";
         if (U) {
-          se = o(U, "yyyy-MM-dd HH:mm:ss");
-          let pe = "数值:" + S.value, ge = "时间:" + se;
-          A.value = pe + "<br/>" + ge;
+          ie = o(U, "yyyy-MM-dd HH:mm:ss");
+          let pe = "数值:" + _.value, ye = "时间:" + ie;
+          F.value = pe + "<br/>" + ye;
         }
       }
-    }, R = () => {
-      const { width: U, height: se } = p.element.style;
-      ce(U, se);
-    }, ce = (U, se) => {
-      let pe = p.propValue.horizontalAlign || "left", ge = p.propValue.offsetX || 0;
-      pe == "center" ? (k.value = "middle", M.value = U * 0.5) : pe == "right" ? (M.value = U - ge, k.value = "end") : (M.value = 0 + ge, k.value = "start"), O.value = "central", W.value = se * 0.5;
-    }, be = (U) => {
-      let se = U;
+    }, T = () => {
+      const { width: U, height: ie } = v.element.style;
+      ce(U, ie);
+    }, ce = (U, ie) => {
+      let pe = v.propValue.horizontalAlign || "left", ye = v.propValue.offsetX || 0;
+      pe == "center" ? (k.value = "middle", M.value = U * 0.5) : pe == "right" ? (M.value = U - ye, k.value = "end") : (M.value = 0 + ye, k.value = "start"), P.value = "central", L.value = ie * 0.5;
+    }, xe = (U) => {
+      let ie = U;
       if (n(U)) {
-        let pe = a.value.fractionDigits || 0, ge = a.value.factor;
-        n(ge) && (ge = Number(ge), U = Number(U) * ge), se = ve(Number(U), pe);
+        let pe = i.value.fractionDigits || 0, ye = i.value.factor;
+        n(ye) && (ye = Number(ye), U = Number(U) * ye), ie = ve(Number(U), pe);
       } else
-        se + "" == "undefined" && (se = "");
-      return r(a.value.unit) && (se = se + a.value.unit), se;
-    }, ve = (U, se) => {
+        ie + "" == "undefined" && (ie = "");
+      return r(i.value.unit) && (ie = ie + i.value.unit), ie;
+    }, ve = (U, ie) => {
       let pe = U;
       if (U) {
-        const ge = a.value.valueType;
-        if (ge == 2 && Number(U))
-          se && Number(se) ? se = parseInt(se) : se = 0, pe = U.toFixed(se);
-        else if (ge == 3) {
+        const ye = i.value.valueType;
+        if (ye == 2 && Number(U))
+          ie && Number(ie) ? ie = parseInt(ie) : ie = 0, pe = U.toFixed(ie);
+        else if (ye == 3) {
           let Ae = e(U);
-          const lt = a.value.dateformat || "yyyy-MM-dd";
-          Ae && (r(a.value.weekMode) ? pe = i(Ae, n(a.value.weekMode) ? Number(a.value.weekMode) : 0) : pe = o(Ae, lt));
+          const lt = i.value.dateformat || "yyyy-MM-dd";
+          Ae && (r(i.value.weekMode) ? pe = s(Ae, n(i.value.weekMode) ? Number(i.value.weekMode) : 0) : pe = o(Ae, lt));
         }
       }
       return pe;
-    }, Pe = () => {
-    }, Te = le(), Qe = oe(), $e = ee(a, _, Te, Qe);
+    }, Ie = () => {
+      H && (clearInterval(H), H = null);
+    }, Te = le(), Qe = oe(), $e = ee(i, p, Te, Qe);
     Q(() => {
-      C.value = te(w.value, p.designStatus, $e), C.value?.beforeMount();
+      b.value = te(V.value, v.designStatus, $e), b.value?.beforeMount();
     }), q(() => {
-      R(), H = setInterval(() => {
-        f(x.value) && v(x.value);
-      }, 1e3), C.value?.mounted();
+      T(), H = setInterval(() => {
+        f(S.value) && (g(S.value), H && (clearInterval(H), H = null));
+      }, 1e3), b.value?.mounted();
     }), J(() => {
-      C.value?.beforeUnmount();
+      Ie(), b.value?.beforeUnmount();
     }), $(() => {
-      C.value?.unmounted();
+      b.value?.unmounted();
     });
-    const { processMenus: et } = je(), tt = (U) => {
+    const { processMenus: et } = Le(), tt = (U) => {
       U.preventDefault();
-      let se = a.value.menuItems || [];
-      if (Y.isArray(se) && se.length > 0) {
+      let ie = i.value.menuItems || [];
+      if (Y.isArray(ie) && ie.length > 0) {
         let pe = [];
-        pe = et(se, function(ge, Ae) {
-          C.value?.handleContextMenu(U, ge.value);
-        }), We.showContextMenu({
+        pe = et(ie, function(ye, Ae) {
+          b.value?.handleContextMenu(U, ye.value);
+        }), je.showContextMenu({
           x: U.x,
           y: U.y,
           items: pe
         });
       }
-    }, ze = m(() => {
+    }, ze = h(() => {
       let U = {};
-      return U.cursor = Se(w.value), U;
-    }), Be = { formatDate: o, getDate: e, getWeek: i, isNotEmpty: r, isNumber: n, isObject: l, isValid: f, hasOwnPathInObject: u, getValueByPath: y, props: p, propValue: a, element: _, events: w, dataCache: j, smartData: I, eventHandler: C, textX: M, textY: W, textBaseLine: O, textAnchor: k, hasTooltipContent: s, showDataValue: S, get dataValue() {
-      return V;
+      return U.cursor = _e(V.value), U;
+    }), Be = { formatDate: o, getDate: e, getWeek: s, isNotEmpty: r, isNumber: n, isObject: l, isValid: f, hasOwnPathInObject: a, getValueByPath: C, props: v, propValue: i, element: p, events: V, dataCache: W, smartData: j, eventHandler: b, textX: M, textY: L, textBaseLine: P, textAnchor: k, hasTooltipContent: u, showDataValue: _, get dataValue() {
+      return I;
     }, set dataValue(U) {
-      V = U;
+      I = U;
     }, get dataTime() {
-      return b;
+      return m;
     }, set dataTime(U) {
-      b = U;
-    }, tooltipContent: A, get timer() {
+      m = U;
+    }, tooltipContent: F, get timer() {
       return H;
     }, set timer(U) {
       H = U;
-    }, bsData: x, timeData: Z, _getValueFromObj: E, parseBsData: d, dealBsData: v, dynamicColor: h, showFontColor: B, showBackgroundColor: z, handleClick: X, handleDblClick: L, disableToolTip: ie, tooltipPlacement: _e, tooltipEffect: K, showTooltip: D, loadTipInfo: G, draw: R, drawChart: ce, showValue: be, dataFormatter: ve, clearInterval: Pe, router: Te, route: Qe, compContext: $e, processMenus: et, openContextMenu: tt, customStyle: ze, watch: T, onMounted: q, computed: m, onBeforeUnmount: J, ref: g, onBeforeMount: Q, onUnmounted: $, reactive: Ze, get useRoute() {
+    }, bsData: S, timeData: Z, _getValueFromObj: N, parseBsData: d, dealBsData: g, dynamicColor: w, showFontColor: A, showBackgroundColor: E, handleClick: X, handleDblClick: D, disableToolTip: se, tooltipPlacement: ge, tooltipEffect: x, showTooltip: O, loadTipInfo: G, draw: T, drawChart: ce, showValue: xe, dataFormatter: ve, _clearInterval: Ie, router: Te, route: Qe, compContext: $e, processMenus: et, openContextMenu: tt, customStyle: ze, watch: B, onMounted: q, computed: h, onBeforeUnmount: J, ref: y, onBeforeMount: Q, onUnmounted: $, reactive: Ze, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
@@ -2437,22 +2438,22 @@ const ao = /* @__PURE__ */ fe(no, [["render", ro], ["__scopeId", "data-v-ecab498
     }, get CommonUtils() {
       return Y;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     }, get ContextMenu() {
-      return We;
-    }, get useMenuHandler() {
       return je;
+    }, get useMenuHandler() {
+      return Le;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
     return Object.defineProperty(Be, "__isScriptSetup", { enumerable: !1, value: !0 }), Be;
   }
 });
-function so(t, c, o, e, i, r) {
+function so(t, c, o, e, s, r) {
   const n = Je("el-tooltip");
-  return P(), F("div", {
+  return R(), z("div", {
     class: "svg-container",
-    style: ye(e.customStyle),
+    style: Ce(e.customStyle),
     onClick: e.handleClick,
     onDblclick: e.handleDblClick,
     onMouseenter: e.showTooltip,
@@ -2468,12 +2469,12 @@ function so(t, c, o, e, i, r) {
         ue("div", { innerHTML: e.tooltipContent }, null, 8, ["innerHTML"])
       ]),
       default: He(() => [
-        (P(), F("svg", {
+        (R(), z("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: e.element.style.width,
           height: e.element.style.height
         }, [
-          e.propValue.hasBackground ? (P(), F("rect", {
+          e.propValue.hasBackground ? (R(), z("rect", {
             key: 0,
             x: 0,
             y: 0,
@@ -2501,7 +2502,7 @@ function so(t, c, o, e, i, r) {
     }, 8, ["placement", "disabled", "effect"])
   ], 36);
 }
-const io = /* @__PURE__ */ fe(uo, [["render", so], ["__scopeId", "data-v-572c01ec"], ["__file", "Component.vue"]]), co = /* @__PURE__ */ Object.assign({
+const io = /* @__PURE__ */ fe(uo, [["render", so], ["__scopeId", "data-v-e00f69af"], ["__file", "Component.vue"]]), co = /* @__PURE__ */ Object.assign({
   name: "SVGDateText"
 }, {
   __name: "Component",
@@ -2527,70 +2528,70 @@ const io = /* @__PURE__ */ fe(uo, [["render", so], ["__scopeId", "data-v-572c01e
     const {
       formatDate: o,
       getDate: e,
-      getWeek: i,
+      getWeek: s,
       isNotEmpty: r,
       isNumber: n
-    } = Y, l = t, f = m(() => l.propValue || {}), u = m(() => l.element || {}), y = m(() => u.value.events || []), p = g(null), a = g(0), _ = g(0), w = g(""), j = g(""), I = g(!1), C = g("");
-    let M = null, W = null;
-    const O = g("");
+    } = Y, l = t, f = h(() => l.propValue || {}), a = h(() => l.element || {}), C = h(() => a.value.events || []), v = y(null), i = y(0), p = y(0), V = y(""), W = y(""), j = y(!1), b = y("");
+    let M = null, L = null;
+    const P = y("");
     let k = null;
-    T(() => u.value.style.width, (h) => {
-      s();
-    }), T(() => u.value.style.height, (h) => {
-      s();
-    }), T(() => f.value.horizontalAlign, (h) => {
-      s();
-    }), T(() => f.value.offsetX, (h) => {
-      s();
+    B(() => a.value.style.width, (w) => {
+      u();
+    }), B(() => a.value.style.height, (w) => {
+      u();
+    }), B(() => f.value.horizontalAlign, (w) => {
+      u();
+    }), B(() => f.value.offsetX, (w) => {
+      u();
     });
-    const s = () => {
-      const { width: h, height: B } = l.element.style;
-      S(h, B);
-    }, S = (h, B) => {
-      let z = l.propValue.horizontalAlign || "left", X = l.propValue.offsetX || 0;
-      z == "center" ? (j.value = "middle", a.value = h * 0.5) : z == "right" ? (a.value = h - X, j.value = "end") : (a.value = 0 + X, j.value = "start"), w.value = "central", _.value = B * 0.5;
-    }, V = (h) => {
-      let B = h;
-      return n(h) ? B = b(Number(h)) : B + "" == "undefined" && (B = ""), B;
-    }, b = (h) => {
-      let B = h;
-      if (h) {
-        let z = e(h);
+    const u = () => {
+      const { width: w, height: A } = l.element.style;
+      _(w, A);
+    }, _ = (w, A) => {
+      let E = l.propValue.horizontalAlign || "left", X = l.propValue.offsetX || 0;
+      E == "center" ? (W.value = "middle", i.value = w * 0.5) : E == "right" ? (i.value = w - X, W.value = "end") : (i.value = 0 + X, W.value = "start"), V.value = "central", p.value = A * 0.5;
+    }, I = (w) => {
+      let A = w;
+      return n(w) ? A = m(Number(w)) : A + "" == "undefined" && (A = ""), A;
+    }, m = (w) => {
+      let A = w;
+      if (w) {
+        let E = e(w);
         const X = f.value.dateformat || "yyyy-MM-dd";
-        z && (r(f.value.weekMode) ? B = i(z, n(f.value.weekMode) ? Number(f.value.weekMode) : 0) : B = o(z, X));
+        E && (r(f.value.weekMode) ? A = s(E, n(f.value.weekMode) ? Number(f.value.weekMode) : 0) : A = o(E, X));
       }
-      return B;
-    }, A = () => {
-    }, H = (h) => {
-      p.value?.handleClick(h);
-    }, x = (h) => {
-      p.value?.handleDblClick(h);
-    }, Z = le(), E = oe(), d = ee(f, u, Z, E);
+      return A;
+    }, F = () => {
+    }, H = (w) => {
+      v.value?.handleClick(w);
+    }, S = (w) => {
+      v.value?.handleDblClick(w);
+    }, Z = le(), N = oe(), d = ee(f, a, Z, N);
     Q(() => {
-      p.value = te(y.value, l.designStatus, d), p.value?.beforeMount();
+      v.value = te(C.value, l.designStatus, d), v.value?.beforeMount();
     }), q(() => {
-      s(), k = setInterval(() => {
-        let h = (/* @__PURE__ */ new Date()).getTime();
-        C.value = V(h);
-      }, 500), p.value?.mounted();
+      u(), k = setInterval(() => {
+        let w = (/* @__PURE__ */ new Date()).getTime();
+        b.value = I(w);
+      }, 500), v.value?.mounted();
     }), J(() => {
-      p.value?.beforeUnmount();
+      v.value?.beforeUnmount();
     }), $(() => {
-      p.value?.unmounted();
+      v.value?.unmounted();
     });
-    const v = { formatDate: o, getDate: e, getWeek: i, isNotEmpty: r, isNumber: n, props: l, propValue: f, element: u, events: y, eventHandler: p, textX: a, textY: _, textBaseLine: w, textAnchor: j, hasTooltipContent: I, showDataValue: C, get dataValue() {
+    const g = { formatDate: o, getDate: e, getWeek: s, isNotEmpty: r, isNumber: n, props: l, propValue: f, element: a, events: C, eventHandler: v, textX: i, textY: p, textBaseLine: V, textAnchor: W, hasTooltipContent: j, showDataValue: b, get dataValue() {
       return M;
-    }, set dataValue(h) {
-      M = h;
+    }, set dataValue(w) {
+      M = w;
     }, get dataTime() {
-      return W;
-    }, set dataTime(h) {
-      W = h;
-    }, tooltipContent: O, get timer() {
+      return L;
+    }, set dataTime(w) {
+      L = w;
+    }, tooltipContent: P, get timer() {
       return k;
-    }, set timer(h) {
-      k = h;
-    }, draw: s, drawChart: S, showValue: V, dataFormatter: b, clearInterval: A, handleClick: H, handleDblClick: x, router: Z, route: E, compContext: d, watch: T, onMounted: q, computed: m, onBeforeUnmount: J, ref: g, onBeforeMount: Q, onUnmounted: $, get useEventHandler() {
+    }, set timer(w) {
+      k = w;
+    }, draw: u, drawChart: _, showValue: I, dataFormatter: m, clearInterval: F, handleClick: H, handleDblClick: S, router: Z, route: N, compContext: d, watch: B, onMounted: q, computed: h, onBeforeUnmount: J, ref: y, onBeforeMount: Q, onUnmounted: $, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2605,17 +2606,17 @@ const io = /* @__PURE__ */ fe(uo, [["render", so], ["__scopeId", "data-v-572c01e
     }, get CommonUtils() {
       return Y;
     } };
-    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }
 });
-function fo(t, c, o, e, i, r) {
-  return P(), F("div", {
+function fo(t, c, o, e, s, r) {
+  return R(), z("div", {
     class: "svg-container",
     onClick: e.handleClick,
     onDblclick: e.handleDblClick
   }, [
-    (P(), F("svg", { xmlns: "http://www.w3.org/2000/svg" }, [
-      e.propValue.hasBackground ? (P(), F("rect", {
+    (R(), z("svg", { xmlns: "http://www.w3.org/2000/svg" }, [
+      e.propValue.hasBackground ? (R(), z("rect", {
         key: 0,
         x: 1,
         y: 1,
@@ -2663,29 +2664,29 @@ const vo = /* @__PURE__ */ fe(co, [["render", fo], ["__scopeId", "data-v-939b62a
   },
   setup(t, { expose: c }) {
     c();
-    const o = t, e = re(), i = ae(e), r = g(null), n = m(() => o.propValue || {}), l = m(() => o.element || {}), f = m(() => l.value.events || []), u = le(), y = oe(), p = ee(n, l, u, y);
+    const o = t, e = re(), s = ae(e), r = y(null), n = h(() => o.propValue || {}), l = h(() => o.element || {}), f = h(() => l.value.events || []), a = le(), C = oe(), v = ee(n, l, a, C);
     Q(() => {
-      r.value = te(f.value, o.designStatus, p), r.value?.beforeMount();
+      r.value = te(f.value, o.designStatus, v), r.value?.beforeMount();
     }), q(() => {
-      I(), r.value?.mounted();
+      j(), r.value?.mounted();
     }), J(() => {
       r.value?.beforeUnmount();
     }), $(() => {
       r.value?.unmounted();
     });
-    const { dynamicColor: a } = Ce(n, i, e.rules, Y), _ = m(() => a.lineColor ? a.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), w = g([]), j = g([]);
-    T(() => l.value.style.width, (W) => {
-      I();
-    }), T(() => l.value.style.height, (W) => {
-      I();
+    const { dynamicColor: i } = be(n, s, e.rules, Y), p = h(() => i.lineColor ? i.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), V = y([]), W = y([]);
+    B(() => l.value.style.width, (L) => {
+      j();
+    }), B(() => l.value.style.height, (L) => {
+      j();
     });
-    const I = () => {
-      const { width: W, height: O } = l.value.style;
-      C(W, O);
-    }, C = (W, O) => {
-      const k = [0, 0.5], s = [1, 0.5];
-      w.value = [W * k[0], O * k[1]], j.value = [W * s[0], O * s[1]];
-    }, M = { props: o, dataCache: e, smartData: i, eventHandler: r, propValue: n, element: l, events: f, router: u, route: y, compContext: p, dynamicColor: a, showLineColor: _, LineL1P1: w, LineL1P2: j, draw: I, drawChart: C, get useEventHandler() {
+    const j = () => {
+      const { width: L, height: P } = l.value.style;
+      b(L, P);
+    }, b = (L, P) => {
+      const k = [0, 0.5], u = [1, 0.5];
+      V.value = [L * k[0], P * k[1]], W.value = [L * u[0], P * u[1]];
+    }, M = { props: o, dataCache: e, smartData: s, eventHandler: r, propValue: n, element: l, events: f, router: a, route: C, compContext: v, dynamicColor: i, showLineColor: p, LineL1P1: V, LineL1P2: W, draw: j, drawChart: b, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2693,21 +2694,21 @@ const vo = /* @__PURE__ */ fe(co, [["render", fo], ["__scopeId", "data-v-939b62a
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
     return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
   }
 });
-function ho(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function ho(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
@@ -2721,7 +2722,7 @@ function ho(t, c, o, e, i, r) {
         "stroke-width": e.propValue.strokeWidth,
         "stroke-dasharray": e.propValue.strokeDasharray
       }, [
-        e.propValue.animate ? (P(), F("animate", {
+        e.propValue.animate ? (R(), z("animate", {
           key: 0,
           attributeName: "stroke-dashoffset",
           from: e.propValue.animateFrom,
@@ -2756,29 +2757,29 @@ const mo = /* @__PURE__ */ fe(po, [["render", ho], ["__scopeId", "data-v-7dcb208
   },
   setup(t, { expose: c }) {
     c();
-    const { generateSecureUUID: o } = Y, e = t, i = re(), r = ae(i), n = g(null), l = m(() => e.propValue || {}), f = m(() => e.element || {}), u = m(() => f.value.events || []), y = le(), p = oe(), a = ee(l, f, y, p);
+    const { generateSecureUUID: o } = Y, e = t, s = re(), r = ae(s), n = y(null), l = h(() => e.propValue || {}), f = h(() => e.element || {}), a = h(() => f.value.events || []), C = le(), v = oe(), i = ee(l, f, C, v);
     Q(() => {
-      n.value = te(u.value, e.designStatus, a), n.value?.beforeMount(), V.value = o();
+      n.value = te(a.value, e.designStatus, i), n.value?.beforeMount(), I.value = o();
     }), q(() => {
-      s(), n.value?.mounted();
+      u(), n.value?.mounted();
     }), J(() => {
       n.value?.beforeUnmount();
     }), $(() => {
       n.value?.unmounted();
     });
-    const { dynamicColor: _ } = Ce(l, r, i.rules, Y), w = m(() => _.fillColor ? _.fillColor : l.value.fillColor ? l.value.fillColor : "none"), j = m(() => _.lineColor ? _.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), I = g(0), C = g(0), M = g(1), W = g(1), O = g(0), k = g(0);
-    T(() => f.value.style.width, (H) => {
-      s();
-    }), T(() => f.value.style.height, (H) => {
-      s();
+    const { dynamicColor: p } = be(l, r, s.rules, Y), V = h(() => p.fillColor ? p.fillColor : l.value.fillColor ? l.value.fillColor : "none"), W = h(() => p.lineColor ? p.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), j = y(0), b = y(0), M = y(1), L = y(1), P = y(0), k = y(0);
+    B(() => f.value.style.width, (H) => {
+      u();
+    }), B(() => f.value.style.height, (H) => {
+      u();
     });
-    const s = () => {
-      const { width: H, height: x } = f.value.style;
-      S(H, x);
-    }, S = (H, x) => {
-      let h = l.value.strokeWidth, B = h / 2;
-      I.value = 0 * H + B, C.value = 0 * x + B, M.value = x * 1 - h, W.value = H * 1 - h;
-    }, V = g(""), b = m(() => l.value.hasGradient ? `url(#${V.value})` : w.value), A = { generateSecureUUID: o, props: e, dataCache: i, smartData: r, eventHandler: n, propValue: l, element: f, events: u, router: y, route: p, compContext: a, dynamicColor: _, showFillColor: w, showLineColor: j, rlux: I, rluy: C, rhight: M, rwidth: W, rrx: O, rry: k, draw: s, drawChart: S, gradientId: V, fillStyle: b, get useEventHandler() {
+    const u = () => {
+      const { width: H, height: S } = f.value.style;
+      _(H, S);
+    }, _ = (H, S) => {
+      let w = l.value.strokeWidth, A = w / 2;
+      j.value = 0 * H + A, b.value = 0 * S + A, M.value = S * 1 - w, L.value = H * 1 - w;
+    }, I = y(""), m = h(() => l.value.hasGradient ? `url(#${I.value})` : V.value), F = { generateSecureUUID: o, props: e, dataCache: s, smartData: r, eventHandler: n, propValue: l, element: f, events: a, router: C, route: v, compContext: i, dynamicColor: p, showFillColor: V, showLineColor: W, rlux: j, rluy: b, rhight: M, rwidth: L, rrx: P, rry: k, draw: u, drawChart: _, gradientId: I, fillStyle: m, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2786,31 +2787,31 @@ const mo = /* @__PURE__ */ fe(po, [["render", ho], ["__scopeId", "data-v-7dcb208
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get CommonUtils() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get CommonUtils() {
       return Y;
     }, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
   }
 });
-function yo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function yo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
     }, [
       ne(" 根据条件判断是否渲染渐变定义 "),
       de(),
-      e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
+      e.propValue.hasGradient ? (R(), z("defs", { key: 0 }, [
         ne(" 这里根据渐变类型动态渲染线性或径向渐变 "),
         de(),
-        e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
+        e.propValue.gradientType === "linear" ? (R(), z("linearGradient", {
           key: 0,
           id: e.gradientId,
           x1: e.propValue.gradientX1 + "%",
@@ -2818,18 +2819,18 @@ function yo(t, c, o, e, i, r) {
           y1: e.propValue.gradientY1 + "%",
           y2: e.propValue.gradientY2 + "%"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
           }, null, 8, ["offset", "stop-color"]))
-        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
+        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (R(), z("radialGradient", {
           key: 1,
           id: e.gradientId,
           cx: e.propValue.gradientCx + "%",
@@ -2838,13 +2839,13 @@ function yo(t, c, o, e, i, r) {
           fx: e.propValue.gradientFx + "%",
           fy: e.propValue.gradientFy + "%"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
@@ -2892,30 +2893,30 @@ const Co = /* @__PURE__ */ fe(go, [["render", yo], ["__scopeId", "data-v-4ce499b
   },
   setup(t, { expose: c }) {
     c();
-    const o = t, e = re(), i = ae(e), r = g(null), n = m(() => o.propValue || {}), l = m(() => o.element || {}), f = m(() => l.value.events || []), u = le(), y = oe(), p = ee(n, l, u, y);
+    const o = t, e = re(), s = ae(e), r = y(null), n = h(() => o.propValue || {}), l = h(() => o.element || {}), f = h(() => l.value.events || []), a = le(), C = oe(), v = ee(n, l, a, C);
     Q(() => {
-      r.value = te(f.value, o.designStatus, p), r.value?.beforeMount();
+      r.value = te(f.value, o.designStatus, v), r.value?.beforeMount();
     }), q(() => {
-      I(), r.value?.mounted();
+      j(), r.value?.mounted();
     }), J(() => {
       r.value?.beforeUnmount();
     }), $(() => {
       r.value?.unmounted();
     });
-    const { dynamicColor: a } = Ce(n, i, e.rules, Y), _ = m(() => a.fillColor ? a.fillColor : n.value.fillColor ? n.value.fillColor : "none"), w = m(() => a.lineColor ? a.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), j = g([]);
-    T(() => l.value.style.width, (W) => {
-      I();
-    }), T(() => l.value.style.height, (W) => {
-      I();
+    const { dynamicColor: i } = be(n, s, e.rules, Y), p = h(() => i.fillColor ? i.fillColor : n.value.fillColor ? n.value.fillColor : "none"), V = h(() => i.lineColor ? i.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), W = y([]);
+    B(() => l.value.style.width, (L) => {
+      j();
+    }), B(() => l.value.style.height, (L) => {
+      j();
     });
-    const I = () => {
-      const { width: W, height: O } = l.value.style;
-      C(W, O);
-    }, C = (W, O) => {
+    const j = () => {
+      const { width: L, height: P } = l.value.style;
+      b(L, P);
+    }, b = (L, P) => {
       const k = [];
-      let s = 0, S = n.value.strokeWidth;
-      k[s++] = "M", k[s++] = 0.5 * W, k[s++] = 0 + S, k[s++] = "L", k[s++] = 0 + S, k[s++] = O - S, k[s++] = "L", k[s++] = W - S, k[s++] = O - S, k[s++] = "Z", j.value = k.join(" ");
-    }, M = { props: o, dataCache: e, smartData: i, eventHandler: r, propValue: n, element: l, events: f, router: u, route: y, compContext: p, dynamicColor: a, showFillColor: _, showLineColor: w, pathData: j, draw: I, drawChart: C, get useEventHandler() {
+      let u = 0, _ = n.value.strokeWidth;
+      k[u++] = "M", k[u++] = 0.5 * L, k[u++] = 0 + _, k[u++] = "L", k[u++] = 0 + _, k[u++] = P - _, k[u++] = "L", k[u++] = L - _, k[u++] = P - _, k[u++] = "Z", W.value = k.join(" ");
+    }, M = { props: o, dataCache: e, smartData: s, eventHandler: r, propValue: n, element: l, events: f, router: a, route: C, compContext: v, dynamicColor: i, showFillColor: p, showLineColor: V, pathData: W, draw: j, drawChart: b, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -2923,21 +2924,21 @@ const Co = /* @__PURE__ */ fe(go, [["render", yo], ["__scopeId", "data-v-4ce499b
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, watch: T, get useRoute() {
+    }, ref: y, computed: h, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, watch: B, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
     return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
   }
 });
-function xo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function xo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
@@ -2974,29 +2975,29 @@ const So = /* @__PURE__ */ fe(bo, [["render", xo], ["__scopeId", "data-v-aec13cc
   },
   setup(t, { expose: c }) {
     c();
-    const o = t, e = re(), i = ae(e), r = g(null), n = m(() => o.propValue || {}), l = m(() => o.element || {}), f = m(() => l.value.events || []), u = le(), y = oe(), p = ee(n, l, u, y);
+    const o = t, e = re(), s = ae(e), r = y(null), n = h(() => o.propValue || {}), l = h(() => o.element || {}), f = h(() => l.value.events || []), a = le(), C = oe(), v = ee(n, l, a, C);
     Q(() => {
-      r.value = te(f.value, o.designStatus, p), r.value?.beforeMount();
+      r.value = te(f.value, o.designStatus, v), r.value?.beforeMount();
     }), q(() => {
-      I(), r.value?.mounted();
+      j(), r.value?.mounted();
     }), J(() => {
       r.value?.beforeUnmount();
     }), $(() => {
       r.value?.unmounted();
     });
-    const { dynamicColor: a } = Ce(n, i, e.rules, Y), _ = m(() => a.lineColor ? a.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), w = g([]), j = g([]);
-    T(() => l.value.style.width, (W) => {
-      I();
-    }), T(() => l.value.style.height, (W) => {
-      I();
+    const { dynamicColor: i } = be(n, s, e.rules, Y), p = h(() => i.lineColor ? i.lineColor : n.value.strokeColor ? n.value.strokeColor : "none"), V = y([]), W = y([]);
+    B(() => l.value.style.width, (L) => {
+      j();
+    }), B(() => l.value.style.height, (L) => {
+      j();
     });
-    const I = () => {
-      const { width: W, height: O } = l.value.style;
-      C(W, O);
-    }, C = (W, O) => {
-      const k = [0.5, 0], s = [0.5, 1];
-      w.value = [W * k[0], O * k[1]], j.value = [W * s[0], O * s[1]];
-    }, M = { props: o, dataCache: e, smartData: i, eventHandler: r, propValue: n, element: l, events: f, router: u, route: y, compContext: p, dynamicColor: a, showLineColor: _, LineL1P1: w, LineL1P2: j, draw: I, drawChart: C, get useEventHandler() {
+    const j = () => {
+      const { width: L, height: P } = l.value.style;
+      b(L, P);
+    }, b = (L, P) => {
+      const k = [0.5, 0], u = [0.5, 1];
+      V.value = [L * k[0], P * k[1]], W.value = [L * u[0], P * u[1]];
+    }, M = { props: o, dataCache: e, smartData: s, eventHandler: r, propValue: n, element: l, events: f, router: a, route: C, compContext: v, dynamicColor: i, showLineColor: p, LineL1P1: V, LineL1P2: W, draw: j, drawChart: b, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3004,21 +3005,21 @@ const So = /* @__PURE__ */ fe(bo, [["render", xo], ["__scopeId", "data-v-aec13cc
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
     return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
   }
 });
-function ko(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function ko(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
@@ -3032,7 +3033,7 @@ function ko(t, c, o, e, i, r) {
         "stroke-width": e.propValue.strokeWidth,
         "stroke-dasharray": e.propValue.strokeDasharray
       }, [
-        e.propValue.animate ? (P(), F("animate", {
+        e.propValue.animate ? (R(), z("animate", {
           key: 0,
           attributeName: "stroke-dashoffset",
           from: e.propValue.animateFrom,
@@ -3066,55 +3067,55 @@ const wo = /* @__PURE__ */ fe(_o, [["render", ko], ["__scopeId", "data-v-cddc726
     }
   },
   setup(t, { expose: c }) {
-    const o = t, e = g(null), i = m(() => o.propValue || {}), r = m(() => o.element || {}), n = m(() => r.value.events || []), l = g(0), f = g(0), u = g(""), y = g(""), p = (s) => {
-      e.value?.handleClick(s);
-    }, a = (s) => {
-      e.value?.handleDblClick(s);
+    const o = t, e = y(null), s = h(() => o.propValue || {}), r = h(() => o.element || {}), n = h(() => r.value.events || []), l = y(0), f = y(0), a = y(""), C = y(""), v = (u) => {
+      e.value?.handleClick(u);
+    }, i = (u) => {
+      e.value?.handleDblClick(u);
     };
-    T(() => r.value.style.width, (s) => {
-      _();
-    }), T(() => r.value.style.height, (s) => {
-      _();
-    }), T(() => i.value.horizontalAlign, (s) => {
-      _();
-    }), T(() => i.value.offsetX, (s) => {
-      _();
+    B(() => r.value.style.width, (u) => {
+      p();
+    }), B(() => r.value.style.height, (u) => {
+      p();
+    }), B(() => s.value.horizontalAlign, (u) => {
+      p();
+    }), B(() => s.value.offsetX, (u) => {
+      p();
     });
-    const _ = () => {
-      const { width: s, height: S } = o.element.style;
-      w(s, S);
-    }, w = (s, S) => {
-      let V = o.propValue.horizontalAlign || "left", b = o.propValue.offsetX || 0;
-      V == "center" ? (y.value = "middle", l.value = s * 0.5) : V == "right" ? (l.value = s - b, y.value = "end") : (l.value = 0 + b, y.value = "start"), u.value = "central", f.value = S * 0.5;
-    }, j = le(), I = oe(), C = ee(i, r, j, I);
+    const p = () => {
+      const { width: u, height: _ } = o.element.style;
+      V(u, _);
+    }, V = (u, _) => {
+      let I = o.propValue.horizontalAlign || "left", m = o.propValue.offsetX || 0;
+      I == "center" ? (C.value = "middle", l.value = u * 0.5) : I == "right" ? (l.value = u - m, C.value = "end") : (l.value = 0 + m, C.value = "start"), a.value = "central", f.value = _ * 0.5;
+    }, W = le(), j = oe(), b = ee(s, r, W, j);
     Q(() => {
-      e.value = te(n.value, o.designStatus, C), e.value?.beforeMount();
+      e.value = te(n.value, o.designStatus, b), e.value?.beforeMount();
     }), q(() => {
-      _(), e.value?.mounted();
+      p(), e.value?.mounted();
     }), J(() => {
       e.value?.beforeUnmount();
     }), $(() => {
       e.value?.unmounted();
     }), c({
-      handleClick: p
+      handleClick: v
     });
-    const { processMenus: M } = je(), W = (s) => {
-      s.preventDefault();
-      let S = i.value.menuItems || [];
-      if (Y.isArray(S) && S.length > 0) {
-        let V = [];
-        V = M(S, function(b, A) {
-          e.value?.handleContextMenu(s, b.value);
-        }), We.showContextMenu({
-          x: s.x,
-          y: s.y,
-          items: V
+    const { processMenus: M } = Le(), L = (u) => {
+      u.preventDefault();
+      let _ = s.value.menuItems || [];
+      if (Y.isArray(_) && _.length > 0) {
+        let I = [];
+        I = M(_, function(m, F) {
+          e.value?.handleContextMenu(u, m.value);
+        }), je.showContextMenu({
+          x: u.x,
+          y: u.y,
+          items: I
         });
       }
-    }, O = m(() => {
-      let s = {};
-      return s.cursor = Se(n.value), s;
-    }), k = { props: o, eventHandler: e, propValue: i, element: r, events: n, textX: l, textY: f, textBaseLine: u, textAnchor: y, handleClick: p, handleDblClick: a, draw: _, drawChart: w, router: j, route: I, compContext: C, processMenus: M, openContextMenu: W, customStyle: O, get useEventHandler() {
+    }, P = h(() => {
+      let u = {};
+      return u.cursor = _e(n.value), u;
+    }), k = { props: o, eventHandler: e, propValue: s, element: r, events: n, textX: l, textY: f, textBaseLine: a, textAnchor: C, handleClick: v, handleDblClick: i, draw: p, drawChart: V, router: W, route: j, compContext: b, processMenus: M, openContextMenu: L, customStyle: P, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3124,34 +3125,34 @@ const wo = /* @__PURE__ */ fe(_o, [["render", ko], ["__scopeId", "data-v-cddc726
       return ee;
     }, get CommonUtils() {
       return Y;
-    }, watch: T, onMounted: q, computed: m, ref: g, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, watch: B, onMounted: q, computed: h, ref: y, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get ContextMenu() {
-      return We;
-    }, get useMenuHandler() {
       return je;
+    }, get useMenuHandler() {
+      return Le;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
-function Mo(t, c, o, e, i, r) {
-  return P(), F("div", {
+function Mo(t, c, o, e, s, r) {
+  return R(), z("div", {
     class: "svg-container",
-    style: ye(e.customStyle),
+    style: Ce(e.customStyle),
     onClick: e.handleClick,
     onDblclick: e.handleDblClick,
     onContextmenu: e.openContextMenu
   }, [
-    (P(), F("svg", {
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
     }, [
-      e.propValue.hasBackground ? (P(), F("rect", {
+      e.propValue.hasBackground ? (R(), z("rect", {
         key: 0,
         x: 1,
         y: 1,
@@ -3203,57 +3204,57 @@ const Oo = /* @__PURE__ */ fe(Vo, [["render", Mo], ["__scopeId", "data-v-bab9827
   },
   setup(t, { expose: c }) {
     c();
-    const { isNotEmpty: o } = Y, e = t, i = m(() => e.propValue || {}), r = m(() => e.element || {}), n = m(() => r.value.events || []), l = g(null), f = m(() => {
-      const { width: V, height: b } = r.value.style;
-      let A = V / 2, H = b / 2;
-      return o(i.value.translateX) || o(i.value.translateY) ? o(i.value.translateX) && o(i.value.translateY) ? `rotate(90,${A},${H}) translate(${i.value.translateX}, ${i.value.translateY})` : o(i.value.translateX) ? `rotate(90,${A},${H}) translate(${i.value.translateX}, 0)` : `rotate(90,${A},${H}) translate(0, ${i.value.translateY})` : `rotate(90,${A},${H})`;
-    }), u = g(0), y = g(0), p = g(""), a = g(""), _ = (V) => {
-      l.value?.handleClick(V);
-    }, w = (V) => {
-      l.value?.handleDblClick(V);
+    const { isNotEmpty: o } = Y, e = t, s = h(() => e.propValue || {}), r = h(() => e.element || {}), n = h(() => r.value.events || []), l = y(null), f = h(() => {
+      const { width: I, height: m } = r.value.style;
+      let F = I / 2, H = m / 2;
+      return o(s.value.translateX) || o(s.value.translateY) ? o(s.value.translateX) && o(s.value.translateY) ? `rotate(90,${F},${H}) translate(${s.value.translateX}, ${s.value.translateY})` : o(s.value.translateX) ? `rotate(90,${F},${H}) translate(${s.value.translateX}, 0)` : `rotate(90,${F},${H}) translate(0, ${s.value.translateY})` : `rotate(90,${F},${H})`;
+    }), a = y(0), C = y(0), v = y(""), i = y(""), p = (I) => {
+      l.value?.handleClick(I);
+    }, V = (I) => {
+      l.value?.handleDblClick(I);
     };
-    T(() => r.value.style.width, (V) => {
-      j();
-    }), T(() => r.value.style.height, (V) => {
-      j();
-    }), T(() => i.value.horizontalAlign, (V) => {
-      j();
-    }), T(() => i.value.offsetX, (V) => {
-      j();
+    B(() => r.value.style.width, (I) => {
+      W();
+    }), B(() => r.value.style.height, (I) => {
+      W();
+    }), B(() => s.value.horizontalAlign, (I) => {
+      W();
+    }), B(() => s.value.offsetX, (I) => {
+      W();
     });
-    const j = () => {
-      const { width: V, height: b } = e.element.style;
-      I(V, b);
-    }, I = (V, b) => {
-      let A = e.propValue.horizontalAlign || "left", H = e.propValue.offsetX || 0;
-      A == "center" ? (a.value = "middle", u.value = V * 0.5) : A == "right" ? (u.value = V - H, a.value = "end") : (u.value = 0 + H, a.value = "start"), p.value = "central", y.value = b * 0.5;
-    }, C = le(), M = oe(), W = ee(i, r, C, M);
+    const W = () => {
+      const { width: I, height: m } = e.element.style;
+      j(I, m);
+    }, j = (I, m) => {
+      let F = e.propValue.horizontalAlign || "left", H = e.propValue.offsetX || 0;
+      F == "center" ? (i.value = "middle", a.value = I * 0.5) : F == "right" ? (a.value = I - H, i.value = "end") : (a.value = 0 + H, i.value = "start"), v.value = "central", C.value = m * 0.5;
+    }, b = le(), M = oe(), L = ee(s, r, b, M);
     Q(() => {
-      l.value = te(n.value, e.designStatus, W), l.value?.beforeMount();
+      l.value = te(n.value, e.designStatus, L), l.value?.beforeMount();
     }), q(() => {
-      j(), l.value?.mounted();
+      W(), l.value?.mounted();
     }), J(() => {
       l.value?.beforeUnmount();
     }), $(() => {
       l.value?.unmounted();
     });
-    const { processMenus: O } = je(), k = (V) => {
-      V.preventDefault();
-      let b = i.value.menuItems || [];
-      if (Y.isArray(b) && b.length > 0) {
-        let A = [];
-        A = O(b, function(H, x) {
-          l.value?.handleContextMenu(V, H.value);
-        }), We.showContextMenu({
-          x: V.x,
-          y: V.y,
-          items: A
+    const { processMenus: P } = Le(), k = (I) => {
+      I.preventDefault();
+      let m = s.value.menuItems || [];
+      if (Y.isArray(m) && m.length > 0) {
+        let F = [];
+        F = P(m, function(H, S) {
+          l.value?.handleContextMenu(I, H.value);
+        }), je.showContextMenu({
+          x: I.x,
+          y: I.y,
+          items: F
         });
       }
-    }, s = m(() => {
-      let V = {};
-      return V.cursor = Se(n.value), V;
-    }), S = { isNotEmpty: o, props: e, propValue: i, element: r, events: n, eventHandler: l, transformAttr: f, textX: u, textY: y, textBaseLine: p, textAnchor: a, handleClick: _, handleDblClick: w, draw: j, drawChart: I, router: C, route: M, compContext: W, processMenus: O, openContextMenu: k, customStyle: s, get useEventHandler() {
+    }, u = h(() => {
+      let I = {};
+      return I.cursor = _e(n.value), I;
+    }), _ = { isNotEmpty: o, props: e, propValue: s, element: r, events: n, eventHandler: l, transformAttr: f, textX: a, textY: C, textBaseLine: v, textAnchor: i, handleClick: p, handleDblClick: V, draw: W, drawChart: j, router: b, route: M, compContext: L, processMenus: P, openContextMenu: k, customStyle: u, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3261,36 +3262,36 @@ const Oo = /* @__PURE__ */ fe(Vo, [["render", Mo], ["__scopeId", "data-v-bab9827
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, watch: T, computed: m, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, watch: B, computed: h, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, get ContextMenu() {
-      return We;
-    }, get useMenuHandler() {
       return je;
+    }, get useMenuHandler() {
+      return Le;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
-    return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
   }
 });
-function Io(t, c, o, e, i, r) {
-  return P(), F("div", {
+function Io(t, c, o, e, s, r) {
+  return R(), z("div", {
     class: "svg-container",
-    style: ye(e.customStyle),
+    style: Ce(e.customStyle),
     onClick: e.handleClick,
     onDblclick: e.handleDblClick,
     onContextmenu: e.openContextMenu
   }, [
-    (P(), F("svg", {
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
     }, [
-      e.propValue.hasBackground ? (P(), F("rect", {
+      e.propValue.hasBackground ? (R(), z("rect", {
         key: 0,
         x: 1,
         y: 1,
@@ -3305,7 +3306,7 @@ function Io(t, c, o, e, i, r) {
         "stroke-width": e.propValue.strokeWidth
       }, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ne("", !0),
       de(),
-      e.propValue.verticalText ? (P(), F("text", {
+      e.propValue.verticalText ? (R(), z("text", {
         key: 1,
         x: e.textX,
         y: e.textY,
@@ -3319,7 +3320,7 @@ function Io(t, c, o, e, i, r) {
         style: { "letter-spacing": "5px" },
         transform: e.transformAttr,
         rotate: "-90"
-      }, De(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight", "transform"])) : (P(), F("text", {
+      }, De(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight", "transform"])) : (R(), z("text", {
         key: 2,
         x: e.textX,
         y: e.textY,
@@ -3357,9 +3358,9 @@ const Wo = /* @__PURE__ */ fe(Do, [["render", Io], ["__scopeId", "data-v-2959cd0
   },
   setup(t, { expose: c }) {
     c();
-    const { generateSecureUUID: o } = Y, e = t, i = re(), r = ae(i), n = g(null), l = m(() => e.propValue || {}), f = m(() => e.element || {}), u = m(() => f.value.events || []), y = le(), p = oe(), a = ee(l, f, y, p);
+    const { generateSecureUUID: o } = Y, e = t, s = re(), r = ae(s), n = y(null), l = h(() => e.propValue || {}), f = h(() => e.element || {}), a = h(() => f.value.events || []), C = le(), v = oe(), i = ee(l, f, C, v);
     Q(() => {
-      n.value = te(u.value, e.designStatus, a), n.value?.beforeMount(), O.value = o();
+      n.value = te(a.value, e.designStatus, i), n.value?.beforeMount(), P.value = o();
     }), q(() => {
       M(), n.value?.mounted();
     }), J(() => {
@@ -3367,23 +3368,23 @@ const Wo = /* @__PURE__ */ fe(Do, [["render", Io], ["__scopeId", "data-v-2959cd0
     }), $(() => {
       n.value?.unmounted();
     });
-    const { dynamicColor: _ } = Ce(l, r, i.rules, Y), w = m(() => _.fillColor ? _.fillColor : l.value.fillColor ? l.value.fillColor : "none"), j = m(() => _.lineColor ? _.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), I = g(""), C = g(2);
-    T(() => f.value.style.width, (S) => {
+    const { dynamicColor: p } = be(l, r, s.rules, Y), V = h(() => p.fillColor ? p.fillColor : l.value.fillColor ? l.value.fillColor : "none"), W = h(() => p.lineColor ? p.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), j = y(""), b = y(2);
+    B(() => f.value.style.width, (_) => {
       M();
-    }), T(() => f.value.style.height, (S) => {
+    }), B(() => f.value.style.height, (_) => {
       M();
-    }), T(() => l.value.tilt, (S) => {
+    }), B(() => l.value.tilt, (_) => {
       M();
-    }), T(() => l.value.offsetLen, (S) => {
+    }), B(() => l.value.offsetLen, (_) => {
       M();
     });
     const M = () => {
-      const { width: S, height: V } = f.value.style;
-      W(S, V);
-    }, W = (S, V) => {
-      let b = l.value.tilt || "right", A = l.value.offsetLen || 0, H = [], x = 0, Z = Math.round((S - 2 * C.value) * 0.5);
-      A = Number(A), A = A < 0 ? 0 : A, A = A > Z ? Z : A, b == "left" ? (H[x++] = C.value, H[x++] = ",", H[x++] = C.value, H[x++] = S - C.value - A, H[x++] = ",", H[x++] = C.value, H[x++] = S - C.value, H[x++] = ",", H[x++] = V - C.value, H[x++] = C.value + A, H[x++] = ",", H[x++] = V - C.value, H[x++] = C.value, H[x++] = ",", H[x++] = C.value, I.value = H.join(" ")) : (H[x++] = C.value + A, H[x++] = ",", H[x++] = C.value, H[x++] = S - C.value, H[x++] = ",", H[x++] = C.value, H[x++] = S - C.value - A, H[x++] = ",", H[x++] = V - C.value, H[x++] = C.value, H[x++] = ",", H[x++] = V - C.value, H[x++] = C.value + A, H[x++] = ",", H[x++] = C.value, I.value = H.join(" "));
-    }, O = g(""), k = m(() => l.value.hasGradient ? `url(#${O.value})` : w.value), s = { generateSecureUUID: o, props: e, dataCache: i, smartData: r, eventHandler: n, propValue: l, element: f, events: u, router: y, route: p, compContext: a, dynamicColor: _, showFillColor: w, showLineColor: j, pointDatas: I, gap: C, draw: M, drawChart: W, gradientId: O, fillStyle: k, get useEventHandler() {
+      const { width: _, height: I } = f.value.style;
+      L(_, I);
+    }, L = (_, I) => {
+      let m = l.value.tilt || "right", F = l.value.offsetLen || 0, H = [], S = 0, Z = Math.round((_ - 2 * b.value) * 0.5);
+      F = Number(F), F = F < 0 ? 0 : F, F = F > Z ? Z : F, m == "left" ? (H[S++] = b.value, H[S++] = ",", H[S++] = b.value, H[S++] = _ - b.value - F, H[S++] = ",", H[S++] = b.value, H[S++] = _ - b.value, H[S++] = ",", H[S++] = I - b.value, H[S++] = b.value + F, H[S++] = ",", H[S++] = I - b.value, H[S++] = b.value, H[S++] = ",", H[S++] = b.value, j.value = H.join(" ")) : (H[S++] = b.value + F, H[S++] = ",", H[S++] = b.value, H[S++] = _ - b.value, H[S++] = ",", H[S++] = b.value, H[S++] = _ - b.value - F, H[S++] = ",", H[S++] = I - b.value, H[S++] = b.value, H[S++] = ",", H[S++] = I - b.value, H[S++] = b.value + F, H[S++] = ",", H[S++] = b.value, j.value = H.join(" "));
+    }, P = y(""), k = h(() => l.value.hasGradient ? `url(#${P.value})` : V.value), u = { generateSecureUUID: o, props: e, dataCache: s, smartData: r, eventHandler: n, propValue: l, element: f, events: a, router: C, route: v, compContext: i, dynamicColor: p, showFillColor: V, showLineColor: W, pointDatas: j, gap: b, draw: M, drawChart: L, gradientId: P, fillStyle: k, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3391,31 +3392,31 @@ const Wo = /* @__PURE__ */ fe(Do, [["render", Io], ["__scopeId", "data-v-2959cd0
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get CommonUtils() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get CommonUtils() {
       return Y;
     }, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
   }
 });
-function Lo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function Lo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
     }, [
       ne(" 根据条件判断是否渲染渐变定义 "),
       de(),
-      e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
+      e.propValue.hasGradient ? (R(), z("defs", { key: 0 }, [
         ne(" 这里根据渐变类型动态渲染线性或径向渐变 "),
         de(),
-        e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
+        e.propValue.gradientType === "linear" ? (R(), z("linearGradient", {
           key: 0,
           id: e.gradientId,
           x1: e.propValue.gradientX1 + "%",
@@ -3423,18 +3424,18 @@ function Lo(t, c, o, e, i, r) {
           y1: e.propValue.gradientY1 + "%",
           y2: e.propValue.gradientY2 + "%"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
           }, null, 8, ["offset", "stop-color"]))
-        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
+        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (R(), z("radialGradient", {
           key: 1,
           id: e.gradientId,
           cx: e.propValue.gradientCx + "%",
@@ -3443,13 +3444,13 @@ function Lo(t, c, o, e, i, r) {
           fx: e.propValue.gradientFx + "%",
           fy: e.propValue.gradientFy + "%"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
@@ -3481,40 +3482,40 @@ const Po = /* @__PURE__ */ fe(jo, [["render", Lo], ["__scopeId", "data-v-78f636a
   },
   setup(t, { expose: c }) {
     c();
-    const o = t, e = m(() => o.propValue), i = g("");
+    const o = t, e = h(() => o.propValue), s = y("");
     let r = null, n = 3, l = 0;
     q(() => {
       r = setInterval(f, 100);
     });
     const f = () => {
-      let y = e.value.value || 0;
-      if (isNaN(y))
+      let C = e.value.value || 0;
+      if (isNaN(C))
         return;
-      y <= 0 && (y = 0);
-      let p = 48 - 46 * y / 100, a = [];
-      a[0] = "M", a[1] = 0, a[2] = 25, a[3] = "Q", a[4] = 6.25, a[5] = 30, a[6] = ",", a[7] = 12.5, a[8] = 25, a[9] = "T", a[10] = 25, a[11] = 25, a[12] = "T", a[13] = 37.5, a[14] = 25, a[15] = "T", a[16] = 50, a[17] = 25, a[18] = "T", a[19] = 62.5, a[20] = 25, a[21] = "T", a[22] = 75, a[23] = 25, a[24] = "V", a[25] = 50, a[26] = "H", a[27] = 0, l += 1, l > 25 && (l = 0), a[1] = 0 - l, a[4] = 6.25 - l, a[7] = 12.5 - l, a[10] = 25 - l, a[13] = 37.5 - l, a[16] = 50 - l, a[19] = 62.5 - l, a[22] = 75 - l, a[2] = p, a[5] = p + n, a[8] = p, a[11] = p, a[14] = p, a[17] = p, a[20] = p, a[23] = p, i.value = a.join(" ");
+      C <= 0 && (C = 0);
+      let v = 48 - 46 * C / 100, i = [];
+      i[0] = "M", i[1] = 0, i[2] = 25, i[3] = "Q", i[4] = 6.25, i[5] = 30, i[6] = ",", i[7] = 12.5, i[8] = 25, i[9] = "T", i[10] = 25, i[11] = 25, i[12] = "T", i[13] = 37.5, i[14] = 25, i[15] = "T", i[16] = 50, i[17] = 25, i[18] = "T", i[19] = 62.5, i[20] = 25, i[21] = "T", i[22] = 75, i[23] = 25, i[24] = "V", i[25] = 50, i[26] = "H", i[27] = 0, l += 1, l > 25 && (l = 0), i[1] = 0 - l, i[4] = 6.25 - l, i[7] = 12.5 - l, i[10] = 25 - l, i[13] = 37.5 - l, i[16] = 50 - l, i[19] = 62.5 - l, i[22] = 75 - l, i[2] = v, i[5] = v + n, i[8] = v, i[11] = v, i[14] = v, i[17] = v, i[20] = v, i[23] = v, s.value = i.join(" ");
     };
     J(() => {
       r && clearInterval(r);
     });
-    const u = { props: o, propValue: e, pathData: i, get timer() {
+    const a = { props: o, propValue: e, pathData: s, get timer() {
       return r;
-    }, set timer(y) {
-      r = y;
+    }, set timer(C) {
+      r = C;
     }, get waveVal() {
       return n;
-    }, set waveVal(y) {
-      n = y;
+    }, set waveVal(C) {
+      n = C;
     }, get waveOffset() {
       return l;
-    }, set waveOffset(y) {
-      l = y;
-    }, drawWave: f, computed: m, onBeforeUnmount: J, onMounted: q, ref: g };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    }, set waveOffset(C) {
+      l = C;
+    }, drawWave: f, computed: h, onBeforeUnmount: J, onMounted: q, ref: y };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 };
-function Ho(t, c, o, e, i, r) {
-  return P(), F("svg", {
+function Ho(t, c, o, e, s, r) {
+  return R(), z("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 50 50"
   }, [
@@ -3579,9 +3580,9 @@ const To = /* @__PURE__ */ fe(Ro, [["render", Ho], ["__file", "index.vue"]]), Bo
   },
   setup(t, { expose: c }) {
     c();
-    const { isObject: o, isValid: e, isNumber: i } = Y, r = t, n = re(), l = ae(n), f = g(null), u = m(() => r.propValue || {}), y = m(() => r.element || {}), p = m(() => y.value.events || []), a = le(), _ = oe(), w = ee(u, y, a, _);
+    const { isObject: o, isValid: e, isNumber: s } = Y, r = t, n = re(), l = ae(n), f = y(null), a = h(() => r.propValue || {}), C = h(() => r.element || {}), v = h(() => C.value.events || []), i = le(), p = oe(), V = ee(a, C, i, p);
     Q(() => {
-      f.value = te(p.value, r.designStatus, w), f.value?.beforeMount();
+      f.value = te(v.value, r.designStatus, V), f.value?.beforeMount();
     }), q(() => {
       f.value?.mounted();
     }), J(() => {
@@ -3589,25 +3590,25 @@ const To = /* @__PURE__ */ fe(Ro, [["render", Ho], ["__file", "index.vue"]]), Bo
     }), $(() => {
       f.value?.unmounted();
     });
-    const j = (s) => {
-      f.value?.handleClick(s);
-    }, I = (s) => {
-      f.value?.handleDblClick(s);
-    }, C = l[u.value.dataCK];
-    T(() => C.value, (s) => {
-      e(s) && M(s);
+    const W = (u) => {
+      f.value?.handleClick(u);
+    }, j = (u) => {
+      f.value?.handleDblClick(u);
+    }, b = l[a.value.dataCK];
+    B(() => b.value, (u) => {
+      e(u) && M(u);
     }, { immediate: !0 });
-    function M(s) {
-      W(s);
+    function M(u) {
+      L(u);
     }
-    function W(s) {
-      let S = null;
-      o(s) ? S = s[u.value.valueKey] || null : S = s, i(S) && (u.value.value = Number(S));
+    function L(u) {
+      let _ = null;
+      o(u) ? _ = u[a.value.valueKey] || null : _ = u, s(_) && (a.value.value = Number(_));
     }
-    const O = m(() => {
-      let s = {};
-      return s.cursor = Se(p.value), s;
-    }), k = { isObject: o, isValid: e, isNumber: i, props: r, dataCache: n, smartData: l, eventHandler: f, propValue: u, element: y, events: p, router: a, route: _, compContext: w, handleClick: j, handleDblClick: I, bsData: C, dealBsData: M, parseBsData: W, customStyle: O, get useEventHandler() {
+    const P = h(() => {
+      let u = {};
+      return u.cursor = _e(v.value), u;
+    }), k = { isObject: o, isValid: e, isNumber: s, props: r, dataCache: n, smartData: l, eventHandler: f, propValue: a, element: C, events: v, router: i, route: p, compContext: V, handleClick: W, handleDblClick: j, bsData: b, dealBsData: M, parseBsData: L, customStyle: P, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3615,22 +3616,22 @@ const To = /* @__PURE__ */ fe(Ro, [["render", Ho], ["__file", "index.vue"]]), Bo
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, LiquidFillBall: To, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
-function Ao(t, c, o, e, i, r) {
-  return P(), F("div", {
+function Ao(t, c, o, e, s, r) {
+  return R(), z("div", {
     class: "svg-container",
-    style: ye(e.customStyle),
+    style: Ce(e.customStyle),
     onClick: e.handleClick,
     onDblclick: e.handleDblClick
   }, [
@@ -3660,9 +3661,9 @@ const Fo = /* @__PURE__ */ fe(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
   },
   setup(t, { expose: c }) {
     c();
-    const { isNotEmpty: o } = Y, e = Fe(), i = g(null), r = t, n = re(), l = ae(n), f = g(null), u = m(() => r.propValue || {}), y = m(() => r.element || {}), p = m(() => y.value.events || []), a = le(), _ = oe(), w = ee(u, y, a, _);
+    const { isNotEmpty: o } = Y, e = Fe(), s = y(null), r = t, n = re(), l = ae(n), f = y(null), a = h(() => r.propValue || {}), C = h(() => r.element || {}), v = h(() => C.value.events || []), i = le(), p = oe(), V = ee(a, C, i, p);
     Q(() => {
-      f.value = te(p.value, r.designStatus, w), f.value?.beforeMount();
+      f.value = te(v.value, r.designStatus, V), f.value?.beforeMount();
     }), q(() => {
       f.value?.mounted();
     }), J(() => {
@@ -3670,71 +3671,71 @@ const Fo = /* @__PURE__ */ fe(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
     }), $(() => {
       f.value?.unmounted();
     });
-    const j = (x) => {
-      f.value?.setParam(x);
-    }, I = (x) => {
-      f.value?.handleDblClick(x);
-    }, C = g("");
-    T(C, (x) => {
+    const W = (S) => {
+      f.value?.setParam(S);
+    }, j = (S) => {
+      f.value?.handleDblClick(S);
+    }, b = y("");
+    B(b, (S) => {
       we(() => {
-        i.value && x ? i.value.innerHTML = x : i.value && (i.value.innerHTML = "");
+        s.value && S ? s.value.innerHTML = S : s.value && (s.value.innerHTML = "");
       });
     });
-    const M = m(() => {
-      let x = {};
-      return o(u.value.firstColor) && (x["--custom-first-color"] = u.value.firstColor), o(u.value.secondColor) && (x["--custom-second-color"] = u.value.secondColor), o(u.value.thirdColor) && (x["--custom-third-color"] = u.value.thirdColor), o(u.value.fourColor) && (x["--custom-four-color"] = u.value.fourColor), o(u.value.fiveColor) && (x["--custom-five-color"] = u.value.fiveColor), x.cursor = Se(p.value), x;
-    }), W = (x) => {
-      e.getFile(x, function(Z) {
+    const M = h(() => {
+      let S = {};
+      return o(a.value.firstColor) && (S["--custom-first-color"] = a.value.firstColor), o(a.value.secondColor) && (S["--custom-second-color"] = a.value.secondColor), o(a.value.thirdColor) && (S["--custom-third-color"] = a.value.thirdColor), o(a.value.fourColor) && (S["--custom-four-color"] = a.value.fourColor), o(a.value.fiveColor) && (S["--custom-five-color"] = a.value.fiveColor), S.cursor = _e(v.value), S;
+    }), L = (S) => {
+      e.getFile(S, function(Z) {
         if (Z && Z.status == 200) {
-          let E = Z.data || "";
-          C.value = O(E);
+          let N = Z.data || "";
+          b.value = P(N);
         } else
-          C.value = "";
+          b.value = "";
       }, function(Z) {
-        C.value = "";
+        b.value = "";
       });
     };
-    T(() => u.value.svgFile, (x) => {
-      o(x) ? W(x) : C.value = "";
-    }, { immediate: !0 }), T(() => u.value.aspectRatio, (x) => {
-      o(u.value.svgFile) && W(u.value.svgFile);
+    B(() => a.value.svgFile, (S) => {
+      o(S) ? L(S) : b.value = "";
+    }, { immediate: !0 }), B(() => a.value.aspectRatio, (S) => {
+      o(a.value.svgFile) && L(a.value.svgFile);
     }, { immediate: !0 });
-    const O = (x) => {
-      const Z = u.value.aspectRatio || "xMidYMid meet";
-      return x.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${Z}"`);
-    }, k = m(() => {
-      const x = u.value.svgFileCK;
-      return o(x) ? l[x] : {};
-    }), s = m(() => {
-      const x = u.value.firstColorCK;
-      return o(x) ? l[x] : {};
-    }), S = m(() => {
-      const x = u.value.secondColorCK;
-      return o(x) ? l[x] : {};
-    }), V = m(() => {
-      const x = u.value.thirdColorCK;
-      return o(x) ? l[x] : {};
-    }), b = m(() => {
-      const x = u.value.fourColorCK;
-      return o(x) ? l[x] : {};
-    }), A = m(() => {
-      const x = u.value.fiveColorCK;
-      return o(x) ? l[x] : {};
+    const P = (S) => {
+      const Z = a.value.aspectRatio || "xMidYMid meet";
+      return S.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${Z}"`);
+    }, k = h(() => {
+      const S = a.value.svgFileCK;
+      return o(S) ? l[S] : {};
+    }), u = h(() => {
+      const S = a.value.firstColorCK;
+      return o(S) ? l[S] : {};
+    }), _ = h(() => {
+      const S = a.value.secondColorCK;
+      return o(S) ? l[S] : {};
+    }), I = h(() => {
+      const S = a.value.thirdColorCK;
+      return o(S) ? l[S] : {};
+    }), m = h(() => {
+      const S = a.value.fourColorCK;
+      return o(S) ? l[S] : {};
+    }), F = h(() => {
+      const S = a.value.fiveColorCK;
+      return o(S) ? l[S] : {};
     });
-    T(() => k, (x) => {
-      o(u.value.svgFileCK) && (u.value.svgFile = x);
-    }), T(() => s, (x) => {
-      o(u.value.firstColorCK) && (u.value.firstColor = x);
-    }), T(() => S, (x) => {
-      o(u.value.secondColorCK) && (u.value.secondColor = x);
-    }), T(() => V, (x) => {
-      o(u.value.thirdColorCK) && (u.value.thirdColor = x);
-    }), T(() => b, (x) => {
-      o(u.value.fourColorCK) && (u.value.fourColor = x);
-    }), T(() => A, (x) => {
-      o(u.value.fiveColorCK) && (u.value.fiveColor = x);
+    B(() => k, (S) => {
+      o(a.value.svgFileCK) && (a.value.svgFile = S);
+    }), B(() => u, (S) => {
+      o(a.value.firstColorCK) && (a.value.firstColor = S);
+    }), B(() => _, (S) => {
+      o(a.value.secondColorCK) && (a.value.secondColor = S);
+    }), B(() => I, (S) => {
+      o(a.value.thirdColorCK) && (a.value.thirdColor = S);
+    }), B(() => m, (S) => {
+      o(a.value.fourColorCK) && (a.value.fourColor = S);
+    }), B(() => F, (S) => {
+      o(a.value.fiveColorCK) && (a.value.fiveColor = S);
     });
-    const H = { isNotEmpty: o, api: e, svgContainerRef: i, props: r, dataCache: n, smartData: l, eventHandler: f, propValue: u, element: y, events: p, router: a, route: _, compContext: w, handleClick: j, handleDblClick: I, svgContent: C, customStyle: M, loadSvgFile: W, removeSvgDimensions: O, fileData: k, firstColorData: s, secondColorData: S, thirdColorData: V, fourColorData: b, fiveColorData: A, get useEventHandler() {
+    const H = { isNotEmpty: o, api: e, svgContainerRef: s, props: r, dataCache: n, smartData: l, eventHandler: f, propValue: a, element: C, events: v, router: i, route: p, compContext: V, handleClick: W, handleDblClick: j, svgContent: b, customStyle: M, loadSvgFile: L, removeSvgDimensions: P, fileData: k, firstColorData: u, secondColorData: _, thirdColorData: I, fourColorData: m, fiveColorData: F, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3742,7 +3743,7 @@ const Fo = /* @__PURE__ */ fe(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, nextTick: we, get CommonUtils() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, nextTick: we, get CommonUtils() {
       return Y;
     }, get useRoute() {
       return oe;
@@ -3751,18 +3752,18 @@ const Fo = /* @__PURE__ */ fe(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
     }, get useApi() {
       return Fe;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
     return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
   }
 });
-function zo(t, c, o, e, i, r) {
-  return P(), F("div", {
+function zo(t, c, o, e, s, r) {
+  return R(), z("div", {
     ref: "svgContainerRef",
     class: "svg-container",
     onClick: e.handleClick,
     onDblclick: e.handleDblClick,
-    style: ye(e.customStyle)
+    style: Ce(e.customStyle)
   }, null, 36);
 }
 const No = /* @__PURE__ */ fe(Eo, [["render", zo], ["__scopeId", "data-v-8db7d328"], ["__file", "Component.vue"]]), Ko = /* @__PURE__ */ Object.assign({
@@ -3788,29 +3789,29 @@ const No = /* @__PURE__ */ fe(Eo, [["render", zo], ["__scopeId", "data-v-8db7d32
   },
   setup(t, { expose: c }) {
     c();
-    const { generateSecureUUID: o } = Y, e = t, i = re(), r = ae(i), n = g(null), l = m(() => e.propValue || {}), f = m(() => e.element || {}), u = m(() => f.value.events || []), y = le(), p = oe(), a = ee(l, f, y, p);
+    const { generateSecureUUID: o } = Y, e = t, s = re(), r = ae(s), n = y(null), l = h(() => e.propValue || {}), f = h(() => e.element || {}), a = h(() => f.value.events || []), C = le(), v = oe(), i = ee(l, f, C, v);
     Q(() => {
-      n.value = te(u.value, e.designStatus, a), n.value?.beforeMount(), M.value = o();
+      n.value = te(a.value, e.designStatus, i), n.value?.beforeMount(), M.value = o();
     }), q(() => {
-      W(), n.value?.mounted();
+      L(), n.value?.mounted();
     }), J(() => {
       n.value?.beforeUnmount();
     }), $(() => {
       n.value?.unmounted();
     });
-    const { dynamicColor: _ } = Ce(l, r, i.rules, Y), w = m(() => l.value.hasGradient ? `url(#${M.value})` : j.value), j = m(() => _.lineColor ? _.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), I = g([]), C = g([]), M = g("");
-    T(() => f.value.style.width, (s) => {
-      W();
-    }), T(() => f.value.style.height, (s) => {
-      W();
+    const { dynamicColor: p } = be(l, r, s.rules, Y), V = h(() => l.value.hasGradient ? `url(#${M.value})` : W.value), W = h(() => p.lineColor ? p.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), j = y([]), b = y([]), M = y("");
+    B(() => f.value.style.width, (u) => {
+      L();
+    }), B(() => f.value.style.height, (u) => {
+      L();
     });
-    const W = () => {
-      const { width: s, height: S } = f.value.style;
-      O(s, S);
-    }, O = (s, S) => {
-      const V = [0, 0.5], b = [1, 0.5];
-      I.value = [s * V[0], S * V[1]], C.value = [s * b[0], S * b[1]];
-    }, k = { generateSecureUUID: o, props: e, dataCache: i, smartData: r, eventHandler: n, propValue: l, element: f, events: u, router: y, route: p, compContext: a, dynamicColor: _, strokeAttr: w, showLineColor: j, LineL1P1: I, LineL1P2: C, gradientId: M, draw: W, drawChart: O, get useEventHandler() {
+    const L = () => {
+      const { width: u, height: _ } = f.value.style;
+      P(u, _);
+    }, P = (u, _) => {
+      const I = [0, 0.5], m = [1, 0.5];
+      j.value = [u * I[0], _ * I[1]], b.value = [u * m[0], _ * m[1]];
+    }, k = { generateSecureUUID: o, props: e, dataCache: s, smartData: r, eventHandler: n, propValue: l, element: f, events: a, router: C, route: v, compContext: i, dynamicColor: p, strokeAttr: V, showLineColor: W, LineL1P1: j, LineL1P2: b, gradientId: M, draw: L, drawChart: P, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -3818,31 +3819,31 @@ const No = /* @__PURE__ */ fe(Eo, [["render", zo], ["__scopeId", "data-v-8db7d32
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, get CommonUtils() {
       return Y;
     }, get useDynamicColor() {
-      return Ce;
+      return be;
     } };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
-function Uo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "svg-container" }, [
-    (P(), F("svg", {
+function Uo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "svg-container" }, [
+    (R(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       width: e.element.style.width,
       height: e.element.style.height
     }, [
       ne(" 根据条件判断是否渲染渐变定义 "),
       de(),
-      e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
+      e.propValue.hasGradient ? (R(), z("defs", { key: 0 }, [
         ne(' 这里根据渐变类型动态渲染线性或径向渐变 stroke渐变需要添加 gradientUnits="userSpaceOnUse" '),
         de(),
-        e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
+        e.propValue.gradientType === "linear" ? (R(), z("linearGradient", {
           key: 0,
           id: e.gradientId,
           x1: e.propValue.gradientX1 + "%",
@@ -3851,18 +3852,18 @@ function Uo(t, c, o, e, i, r) {
           y2: e.propValue.gradientY2 + "%",
           gradientUnits: "userSpaceOnUse"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
           }, null, 8, ["offset", "stop-color"]))
-        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
+        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (R(), z("radialGradient", {
           key: 1,
           id: e.gradientId,
           cx: e.propValue.gradientCx + "%",
@@ -3872,13 +3873,13 @@ function Uo(t, c, o, e, i, r) {
           fy: e.propValue.gradientFy + "%",
           gradientUnits: "userSpaceOnUse"
         }, [
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 1,
             offset: e.propValue.gradientStopsOffset + "%",
             "stop-color": e.propValue.gradientStopsColor
           }, null, 8, ["offset", "stop-color"])),
           de(),
-          (P(), F("stop", {
+          (R(), z("stop", {
             key: 2,
             offset: e.propValue.gradientStopsOffset2 + "%",
             "stop-color": e.propValue.gradientStopsColor2
@@ -3895,7 +3896,7 @@ function Uo(t, c, o, e, i, r) {
         "stroke-width": e.propValue.strokeWidth,
         "stroke-dasharray": e.propValue.strokeDasharray
       }, [
-        e.propValue.animate ? (P(), F("animate", {
+        e.propValue.animate ? (R(), z("animate", {
           key: 0,
           attributeName: "stroke-dashoffset",
           from: e.propValue.animateFrom,
@@ -3974,136 +3975,136 @@ const Go = /* @__PURE__ */ fe(Ko, [["render", Uo], ["__scopeId", "data-v-0ad0dff
     diagonalCells: { type: Array, default: () => [] }
   },
   setup(t, { expose: c }) {
-    const { consolePrint: o, isArray: e, isEven: i, isNotEmpty: r } = Y, n = t, l = g(), f = g();
-    let u = [], y = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-    const _ = m(() => Array.from(
+    const { consolePrint: o, isArray: e, isEven: s, isNotEmpty: r } = Y, n = t, l = y(), f = y();
+    let a = [], C = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+    const p = h(() => Array.from(
       { length: n.rows },
-      (d, v) => Number(n.rowHeights[v] || n.cellHeight)
-    )), w = m(() => Array.from(
+      (d, g) => Number(n.rowHeights[g] || n.cellHeight)
+    )), V = h(() => Array.from(
       { length: n.cols },
-      (d, v) => Number(n.colWidths[v] || n.cellWidth)
-    )), j = m(
-      () => w.value.reduce((d, v) => d + v, 0)
-    ), I = m(
-      () => _.value.reduce((d, v) => d + v, 0)
-    ), C = () => {
+      (d, g) => Number(n.colWidths[g] || n.cellWidth)
+    )), W = h(
+      () => V.value.reduce((d, g) => d + g, 0)
+    ), j = h(
+      () => p.value.reduce((d, g) => d + g, 0)
+    ), b = () => {
       if (!f.value) return;
       o("debug", "绘制网格开始");
       const d = l.value;
-      f.value.clearRect(0, 0, d.width, d.height), O(), M(d.width, d.height), k(), o("debug", "绘制网格完成");
-    }, M = (d, v) => {
-      let h = [], B = H();
-      B.x1 = 0, B.y1 = 0, B.x2 = d, B.y2 = 0, W(B, 0), B.y1 += B.lineWidth / 2, B.y2 += B.lineWidth / 2, h.push(B);
-      let z = H();
-      z.x1 = d, z.y1 = 0, z.x2 = d, z.y2 = v, W(z, 3), z.x1 -= z.lineWidth / 2, z.x2 -= z.lineWidth / 2, h.push(z);
+      f.value.clearRect(0, 0, d.width, d.height), P(), M(d.width, d.height), k(), o("debug", "绘制网格完成");
+    }, M = (d, g) => {
+      let w = [], A = H();
+      A.x1 = 0, A.y1 = 0, A.x2 = d, A.y2 = 0, L(A, 0), A.y1 += A.lineWidth / 2, A.y2 += A.lineWidth / 2, w.push(A);
+      let E = H();
+      E.x1 = d, E.y1 = 0, E.x2 = d, E.y2 = g, L(E, 3), E.x1 -= E.lineWidth / 2, E.x2 -= E.lineWidth / 2, w.push(E);
       let X = H();
-      X.x1 = d, X.y1 = v, X.x2 = 0, X.y2 = v, W(X, 1), X.y1 -= X.lineWidth / 2, X.y2 -= X.lineWidth / 2, h.push(X);
-      let L = H();
-      L.x1 = 0, L.y1 = v, L.x2 = 0, L.y2 = 0, W(L, 2), L.x1 += L.lineWidth / 2, L.x2 += L.lineWidth / 2, h.push(L), x(f.value, h, !1);
-    }, W = (d, v) => {
-      d.strokeStyle = n.borderStyle.color, d.lineWidth = n.borderStyle.width, d.dash = n.borderStyle.dash, n.borders && e(n.borders) && n.borders.length > v && (d.strokeStyle = n.borders[v].color, d.lineWidth = n.borders[v].width, d.dash = n.borders[v].dash);
-    }, O = () => {
-      u = [], s();
+      X.x1 = d, X.y1 = g, X.x2 = 0, X.y2 = g, L(X, 1), X.y1 -= X.lineWidth / 2, X.y2 -= X.lineWidth / 2, w.push(X);
+      let D = H();
+      D.x1 = 0, D.y1 = g, D.x2 = 0, D.y2 = 0, L(D, 2), D.x1 += D.lineWidth / 2, D.x2 += D.lineWidth / 2, w.push(D), S(f.value, w, !1);
+    }, L = (d, g) => {
+      d.strokeStyle = n.borderStyle.color, d.lineWidth = n.borderStyle.width, d.dash = n.borderStyle.dash, n.borders && e(n.borders) && n.borders.length > g && (d.strokeStyle = n.borders[g].color, d.lineWidth = n.borders[g].width, d.dash = n.borders[g].dash);
+    }, P = () => {
+      a = [], u();
       let d = [];
-      for (let v = 0; v < n.rows; v++)
-        for (let h = 0; h < n.cols; h++)
-          S(d, v, h);
-      x(f.value, d, !1);
+      for (let g = 0; g < n.rows; g++)
+        for (let w = 0; w < n.cols; w++)
+          _(d, g, w);
+      S(f.value, d, !1);
     }, k = () => {
       if (e(n.diagonalCells) && n.diagonalCells.length > 0) {
-        let d, v = [], h, B, z;
+        let d, g = [], w, A, E;
         for (let X = 0; X < n.diagonalCells.length; X++) {
-          if (d = n.diagonalCells[X], !b(d.row, d.col) || (h = d.row + "_" + d.col, y.has(h)))
+          if (d = n.diagonalCells[X], !m(d.row, d.col) || (w = d.row + "_" + d.col, C.has(w)))
             continue;
-          let L = H();
-          if (B = d.row, z = d.col, d.reverse) {
-            let ie = u[B][z][0], _e = u[B][z][1], K = ie + A(w.value[d.col]), D = u[B][z][1] + A(_.value[d.row]);
-            if (p.has(h)) {
-              let G = p.get(h), R = 0;
+          let D = H();
+          if (A = d.row, E = d.col, d.reverse) {
+            let se = a[A][E][0], ge = a[A][E][1], x = se + F(V.value[d.col]), O = a[A][E][1] + F(p.value[d.row]);
+            if (v.has(w)) {
+              let G = v.get(w), T = 0;
               for (let ce = 0; ce < G.colSpan; ce++)
-                R += A(w.value[d.col + ce]);
-              K = ie + R, R = 0;
+                T += F(V.value[d.col + ce]);
+              x = se + T, T = 0;
               for (let ce = 0; ce < G.rowSpan; ce++)
-                R += A(_.value[d.row + ce]);
-              D = _e + R;
+                T += F(p.value[d.row + ce]);
+              O = ge + T;
             }
-            L.x1 = ie, L.y1 = D, L.x2 = K, L.y2 = _e, L.strokeStyle = d.color ?? n.diagonalStyle.color, L.lineWidth = d.width ?? n.diagonalStyle.width, L.dash = d.dash ?? n.diagonalStyle.dash, v.push(L);
+            D.x1 = se, D.y1 = O, D.x2 = x, D.y2 = ge, D.strokeStyle = d.color ?? n.diagonalStyle.color, D.lineWidth = d.width ?? n.diagonalStyle.width, D.dash = d.dash ?? n.diagonalStyle.dash, g.push(D);
           } else {
-            let ie = u[B][z][0], _e = u[B][z][1], K = ie + A(w.value[d.col]), D = _e + A(_.value[d.row]);
-            if (p.has(h)) {
-              let G = p.get(h), R = 0;
+            let se = a[A][E][0], ge = a[A][E][1], x = se + F(V.value[d.col]), O = ge + F(p.value[d.row]);
+            if (v.has(w)) {
+              let G = v.get(w), T = 0;
               for (let ce = 0; ce < G.colSpan; ce++)
-                R += A(w.value[d.col + ce]);
-              K = ie + R, R = 0;
+                T += F(V.value[d.col + ce]);
+              x = se + T, T = 0;
               for (let ce = 0; ce < G.rowSpan; ce++)
-                R += A(_.value[d.row + ce]);
-              D = _e + R;
+                T += F(p.value[d.row + ce]);
+              O = ge + T;
             }
-            L.x1 = ie, L.y1 = _e, L.x2 = K, L.y2 = D, L.strokeStyle = d.color ?? n.diagonalStyle.color, L.lineWidth = d.width ?? n.diagonalStyle.width, L.dash = d.dash ?? n.diagonalStyle.dash, v.push(L);
+            D.x1 = se, D.y1 = ge, D.x2 = x, D.y2 = O, D.strokeStyle = d.color ?? n.diagonalStyle.color, D.lineWidth = d.width ?? n.diagonalStyle.width, D.dash = d.dash ?? n.diagonalStyle.dash, g.push(D);
           }
         }
-        x(f.value, v, !1);
+        S(f.value, g, !1);
       }
-    }, s = () => {
-      let d = 0, v = 0, h = 0, B = 0;
-      for (let z = 0; z < n.rows; z++) {
-        u[z] = [], z == 0 ? d = 0 : d = A(_.value[z - 1]), h += d, B = 0;
+    }, u = () => {
+      let d = 0, g = 0, w = 0, A = 0;
+      for (let E = 0; E < n.rows; E++) {
+        a[E] = [], E == 0 ? d = 0 : d = F(p.value[E - 1]), w += d, A = 0;
         for (let X = 0; X < n.cols; X++)
-          X == 0 ? v = 0 : v = A(w.value[X - 1]), B += v, u[z][X] = [B, h];
+          X == 0 ? g = 0 : g = F(V.value[X - 1]), A += g, a[E][X] = [A, w];
       }
-    }, S = (d, v, h) => {
-      let B = u[v][h][0], z = u[v][h][1], X = v + "_" + h, L;
-      v > 0 && (L = H(), L.x1 = B, L.y1 = z, L.x2 = B + A(w.value[h]), L.y2 = z, L.r = v, L.c = h, y.has(X) ? y.get(X).sameRow && (V(L, v, h, 1), i(L.lineWidth) || (L.y1 += 0.5, L.y2 += 0.5), d.push(L)) : (V(L, v, h, 1), i(L.lineWidth) || (L.y1 += 0.5, L.y2 += 0.5), d.push(L))), h > 0 && (L = H(), L.x1 = B, L.y1 = z, L.x2 = B, L.y2 = z + A(_.value[v]), L.r = v, L.c = h, y.has(X) ? y.get(X).sameCol && (V(L, v, h, 2), i(L.lineWidth) || (L.x1 += 0.5, L.x2 += 0.5), d.push(L)) : (V(L, v, h, 2), i(L.lineWidth) || (L.x1 += 0.5, L.x2 += 0.5), d.push(L)));
-    }, V = (d, v, h, B) => {
-      let z = v + "_" + h, X = v, L = h;
-      if (y.has(z)) {
-        let ie = y.get(z);
-        X = ie.startRow, L = ie.startCol;
+    }, _ = (d, g, w) => {
+      let A = a[g][w][0], E = a[g][w][1], X = g + "_" + w, D;
+      g > 0 && (D = H(), D.x1 = A, D.y1 = E, D.x2 = A + F(V.value[w]), D.y2 = E, D.r = g, D.c = w, C.has(X) ? C.get(X).sameRow && (I(D, g, w, 1), s(D.lineWidth) || (D.y1 += 0.5, D.y2 += 0.5), d.push(D)) : (I(D, g, w, 1), s(D.lineWidth) || (D.y1 += 0.5, D.y2 += 0.5), d.push(D))), w > 0 && (D = H(), D.x1 = A, D.y1 = E, D.x2 = A, D.y2 = E + F(p.value[g]), D.r = g, D.c = w, C.has(X) ? C.get(X).sameCol && (I(D, g, w, 2), s(D.lineWidth) || (D.x1 += 0.5, D.x2 += 0.5), d.push(D)) : (I(D, g, w, 2), s(D.lineWidth) || (D.x1 += 0.5, D.x2 += 0.5), d.push(D)));
+    }, I = (d, g, w, A) => {
+      let E = g + "_" + w, X = g, D = w;
+      if (C.has(E)) {
+        let se = C.get(E);
+        X = se.startRow, D = se.startCol;
       }
-      if (z = X + "_" + L, a.has(z)) {
-        let ie = a.get(z);
-        d.strokeStyle = ie.color, d.lineWidth = ie.width, d.dash = ie.dash;
+      if (E = X + "_" + D, i.has(E)) {
+        let se = i.get(E);
+        d.strokeStyle = se.color, d.lineWidth = se.width, d.dash = se.dash;
       } else
-        B == 1 ? e(n.rowLine) && n.rowLine.length > v ? (d.strokeStyle = n.rowLine[v].color, d.lineWidth = n.rowLine[v].width, d.dash = n.rowLine[v].dash) : (d.strokeStyle = n.rowStyle.color, d.lineWidth = n.rowStyle.width, d.dash = n.rowStyle.dash) : e(n.colLine) && n.colLine.length > h ? (d.strokeStyle = n.colLine[h].color, d.lineWidth = n.colLine[h].width, d.dash = n.colLine[h].dash) : (d.strokeStyle = n.colStyle.color, d.lineWidth = n.colStyle.width, d.dash = n.colStyle.dash);
+        A == 1 ? e(n.rowLine) && n.rowLine.length > g ? (d.strokeStyle = n.rowLine[g].color, d.lineWidth = n.rowLine[g].width, d.dash = n.rowLine[g].dash) : (d.strokeStyle = n.rowStyle.color, d.lineWidth = n.rowStyle.width, d.dash = n.rowStyle.dash) : e(n.colLine) && n.colLine.length > w ? (d.strokeStyle = n.colLine[w].color, d.lineWidth = n.colLine[w].width, d.dash = n.colLine[w].dash) : (d.strokeStyle = n.colStyle.color, d.lineWidth = n.colStyle.width, d.dash = n.colStyle.dash);
     };
     q(() => {
-      f.value = l.value.getContext("2d"), C();
-    }), T(() => n.mergedCells, (d) => {
-      if (d && (p.clear(), y.clear(), n.mergedCells.length > 0)) {
-        let v, h;
-        for (let B = 0; B < n.mergedCells.length; B++)
-          if (v = n.mergedCells[B], !(v.row < 0 || p.col < 0) && (v.rowSpan >= 2 || v.colSpan >= 2)) {
-            v.row + v.rowSpan > n.rows && (v.rowSpan = n.rows - v.row), v.col + v.colSpan > n.cols && (v.colSpan = n.cols - v.col);
-            let z = 0, X = 0;
-            p.set(v.row + "_" + v.col, { ...v });
-            for (let L = 0; L < v.rowSpan; L++)
-              for (let ie = 0; ie < v.colSpan; ie++)
-                L == 0 && ie == 0 || (z = v.row + L, X = v.col + ie, h = z + "_" + X, z == v.row ? y.set(h, {
+      f.value = l.value.getContext("2d"), b();
+    }), B(() => n.mergedCells, (d) => {
+      if (d && (v.clear(), C.clear(), n.mergedCells.length > 0)) {
+        let g, w;
+        for (let A = 0; A < n.mergedCells.length; A++)
+          if (g = n.mergedCells[A], !(g.row < 0 || v.col < 0) && (g.rowSpan >= 2 || g.colSpan >= 2)) {
+            g.row + g.rowSpan > n.rows && (g.rowSpan = n.rows - g.row), g.col + g.colSpan > n.cols && (g.colSpan = n.cols - g.col);
+            let E = 0, X = 0;
+            v.set(g.row + "_" + g.col, { ...g });
+            for (let D = 0; D < g.rowSpan; D++)
+              for (let se = 0; se < g.colSpan; se++)
+                D == 0 && se == 0 || (E = g.row + D, X = g.col + se, w = E + "_" + X, E == g.row ? C.set(w, {
                   sameRow: !0,
                   sameCol: !1,
-                  startRow: v.row,
-                  startCol: v.col
-                }) : X == v.col ? y.set(h, {
+                  startRow: g.row,
+                  startCol: g.col
+                }) : X == g.col ? C.set(w, {
                   sameRow: !1,
                   sameCol: !0,
-                  startRow: v.row,
-                  startCol: v.col
-                }) : y.set(h, {
+                  startRow: g.row,
+                  startCol: g.col
+                }) : C.set(w, {
                   sameRow: !1,
                   sameCol: !1,
-                  startRow: v.row,
-                  startCol: v.col
+                  startRow: g.row,
+                  startCol: g.col
                 }));
           }
       }
-    }, { immediate: !0 }), T(() => n.cellStyle, (d) => {
-      if (d && (a.clear(), n.cellStyle.length > 0)) {
-        let v;
-        for (let h = 0; h < n.cellStyle.length; h++)
-          v = n.cellStyle[h], b(v.row, v.col) && a.set(v.row + "_" + v.col, { ...v });
+    }, { immediate: !0 }), B(() => n.cellStyle, (d) => {
+      if (d && (i.clear(), n.cellStyle.length > 0)) {
+        let g;
+        for (let w = 0; w < n.cellStyle.length; w++)
+          g = n.cellStyle[w], m(g.row, g.col) && i.set(g.row + "_" + g.col, { ...g });
       }
     }, { immediate: !0 });
-    const b = (d, v) => !(d < 0 || v < 0 || d > n.rows || v > n.cols), A = (d) => parseFloat(d) ?? 0, H = () => ({
+    const m = (d, g) => !(d < 0 || g < 0 || d > n.rows || g > n.cols), F = (d) => parseFloat(d) ?? 0, H = () => ({
       x1: 0,
       y1: 0,
       x2: 0,
@@ -4111,56 +4112,56 @@ const Go = /* @__PURE__ */ fe(Ko, [["render", Uo], ["__scopeId", "data-v-0ad0dff
       strokeStyle: "#F8F8FF",
       lineWidth: 1,
       dash: []
-    }), x = (d, v, h) => {
-      if (e(v) && v.length > 0) {
-        let B = !!h;
-        B && d.beginPath(), v.forEach((z, X) => {
-          if (Number(z.lineWidth) > 0) {
-            if (B || d.beginPath(), d.strokeStyle = z.strokeStyle, d.lineWidth = z.lineWidth, r(z.dash))
-              if (e(z.dash))
-                d.setLineDash(z.dash);
+    }), S = (d, g, w) => {
+      if (e(g) && g.length > 0) {
+        let A = !!w;
+        A && d.beginPath(), g.forEach((E, X) => {
+          if (Number(E.lineWidth) > 0) {
+            if (A || d.beginPath(), d.strokeStyle = E.strokeStyle, d.lineWidth = E.lineWidth, r(E.dash))
+              if (e(E.dash))
+                d.setLineDash(E.dash);
               else {
-                let L = z.dash.split(",");
-                d.setLineDash(L);
+                let D = E.dash.split(",");
+                d.setLineDash(D);
               }
             else
               d.setLineDash([]);
-            d.moveTo(z.x1, z.y1), d.lineTo(z.x2, z.y2), d.closePath(), B || d.stroke();
+            d.moveTo(E.x1, E.y1), d.lineTo(E.x2, E.y2), d.closePath(), A || d.stroke();
           }
-        }), B && d.stroke(), d.restore();
+        }), A && d.stroke(), d.restore();
       }
     }, Z = () => {
       we(() => {
-        C();
+        b();
       });
     };
     c({
       redraw: Z
     });
-    const E = { consolePrint: o, isArray: e, isEven: i, isNotEmpty: r, props: n, canvasRef: l, ctx: f, get cellPosition() {
-      return u;
+    const N = { consolePrint: o, isArray: e, isEven: s, isNotEmpty: r, props: n, canvasRef: l, ctx: f, get cellPosition() {
+      return a;
     }, set cellPosition(d) {
-      u = d;
+      a = d;
     }, get mergedCellInfo() {
-      return y;
+      return C;
     }, set mergedCellInfo(d) {
-      y = d;
+      C = d;
     }, get mergeCellInfo() {
-      return p;
+      return v;
     }, set mergeCellInfo(d) {
-      p = d;
+      v = d;
     }, get cellStyleMap() {
-      return a;
+      return i;
     }, set cellStyleMap(d) {
-      a = d;
-    }, computedRowHeights: _, computedColWidths: w, canvasWidth: j, canvasHeight: I, drawGrid: C, _drawBorder: M, _setBorderStyle: W, _drawCellArea: O, _drawDiagonal: k, _calcCellPosition: s, drawCell: S, _setCellStyle: V, _checkValidCell: b, _getVal: A, _getDefaultLineObj: H, drawLine: x, redraw: Z, computed: m, onMounted: q, ref: g, watch: T, nextTick: we, get CommonUtils() {
+      i = d;
+    }, computedRowHeights: p, computedColWidths: V, canvasWidth: W, canvasHeight: j, drawGrid: b, _drawBorder: M, _setBorderStyle: L, _drawCellArea: P, _drawDiagonal: k, _calcCellPosition: u, drawCell: _, _setCellStyle: I, _checkValidCell: m, _getVal: F, _getDefaultLineObj: H, drawLine: S, redraw: Z, computed: h, onMounted: q, ref: y, watch: B, nextTick: we, get CommonUtils() {
       return Y;
     } };
-    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+    return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
   }
 };
-function Yo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "canvas-grid-container" }, [
+function Yo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "canvas-grid-container" }, [
     ue("canvas", {
       ref: "canvasRef",
       width: e.canvasWidth,
@@ -4190,9 +4191,9 @@ const qo = /* @__PURE__ */ fe(Xo, [["render", Yo], ["__scopeId", "data-v-6480756
     }
   },
   setup(t, { expose: c }) {
-    const o = t, e = re(), i = ae(e), r = g(null), n = m(() => o.propValue || {}), l = m(() => o.element || {}), f = m(() => l.value.events || []), u = le(), y = oe(), p = ee(n, l, u, y);
+    const o = t, e = re(), s = ae(e), r = y(null), n = h(() => o.propValue || {}), l = h(() => o.element || {}), f = h(() => l.value.events || []), a = le(), C = oe(), v = ee(n, l, a, C);
     Q(() => {
-      r.value = te(f.value, o.designStatus, p), r.value?.beforeMount();
+      r.value = te(f.value, o.designStatus, v), r.value?.beforeMount();
     }), q(() => {
       r.value?.mounted();
     }), J(() => {
@@ -4200,49 +4201,49 @@ const qo = /* @__PURE__ */ fe(Xo, [["render", Yo], ["__scopeId", "data-v-6480756
     }), $(() => {
       r.value?.unmounted();
     });
-    const a = g(null);
-    T([() => l.value.style.width, () => l.value.style.height], ([M, W]) => {
-      a.value && (n.value.autoResize ? I() : a.value.redraw());
+    const i = y(null);
+    B([() => l.value.style.width, () => l.value.style.height], ([M, L]) => {
+      i.value && (n.value.autoResize ? j() : i.value.redraw());
     });
-    const _ = g([]), w = g([]), j = () => {
+    const p = y([]), V = y([]), W = () => {
       if (!n.value.autoResize)
         return;
       let M = Array.from(
         { length: n.value.rows },
-        (O, k) => n.value?.rowHeights?.length > k ? Number(n.value?.rowHeights[k] || n.value.cellHeight) ?? 0 : Number(n.value.cellHeight) ?? 0
+        (P, k) => n.value?.rowHeights?.length > k ? Number(n.value?.rowHeights[k] || n.value.cellHeight) ?? 0 : Number(n.value.cellHeight) ?? 0
       );
       if (l.value.style.height > 0) {
-        let O = 0;
-        O = M.reduce((b, A) => b + A, 0);
-        let k = [], s = 0;
-        for (let b = 0; b < n.value.rows; b++)
-          k[b] = Math.floor(M[b] / O * l.value.style.height, 0), s += k[b];
-        let S = l.value.style.height - s, V = Math.min(S, n.value.rows);
-        for (let b = V - 1; b >= 0; b--)
-          k[b] += 1;
-        _.value = [...k];
+        let P = 0;
+        P = M.reduce((m, F) => m + F, 0);
+        let k = [], u = 0;
+        for (let m = 0; m < n.value.rows; m++)
+          k[m] = Math.floor(M[m] / P * l.value.style.height, 0), u += k[m];
+        let _ = l.value.style.height - u, I = Math.min(_, n.value.rows);
+        for (let m = I - 1; m >= 0; m--)
+          k[m] += 1;
+        p.value = [...k];
       }
-      let W = Array.from(
+      let L = Array.from(
         { length: n.value.cols },
-        (O, k) => n.value?.colWidths?.length > k ? Number(n.value?.colWidths[k] || n.value.cellWidth) ?? 0 : Number(n.value.cellWidth) ?? 0
+        (P, k) => n.value?.colWidths?.length > k ? Number(n.value?.colWidths[k] || n.value.cellWidth) ?? 0 : Number(n.value.cellWidth) ?? 0
       );
       if (l.value.style.width > 0) {
-        let O = 0;
-        O = W.reduce((b, A) => b + A, 0);
-        let k = [], s = 0;
-        for (let b = 0; b < n.value.cols; b++)
-          k[b] = Math.floor(W[b] / O * l.value.style.width, 0), s += k[b];
-        let S = l.value.style.width - s, V = Math.min(S, n.value.cols);
-        for (let b = V - 1; b >= 0; b--)
-          k[b] += 1;
-        w.value = [...k];
+        let P = 0;
+        P = L.reduce((m, F) => m + F, 0);
+        let k = [], u = 0;
+        for (let m = 0; m < n.value.cols; m++)
+          k[m] = Math.floor(L[m] / P * l.value.style.width, 0), u += k[m];
+        let _ = l.value.style.width - u, I = Math.min(_, n.value.cols);
+        for (let m = I - 1; m >= 0; m--)
+          k[m] += 1;
+        V.value = [...k];
       }
-      a.value?.redraw();
-    }, I = rt(j, 500);
-    T(() => n.value.autoResize, (M) => {
-      M && I();
+      i.value?.redraw();
+    }, j = rt(W, 500);
+    B(() => n.value.autoResize, (M) => {
+      M && j();
     }, { immediate: !0 }), c({});
-    const C = { props: o, dataCache: e, smartData: i, eventHandler: r, propValue: n, element: l, events: f, router: u, route: y, compContext: p, baseGridTableRef: a, rowHeights: _, colWidths: w, _autoCalcWidthAndHeight: j, debouncedAutoCalcWidthAndHeight: I, get useEventHandler() {
+    const b = { props: o, dataCache: e, smartData: s, eventHandler: r, propValue: n, element: l, events: f, router: a, route: C, compContext: v, baseGridTableRef: i, rowHeights: p, colWidths: V, _autoCalcWidthAndHeight: W, debouncedAutoCalcWidthAndHeight: j, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -4250,18 +4251,18 @@ const qo = /* @__PURE__ */ fe(Xo, [["render", Yo], ["__scopeId", "data-v-6480756
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, watch: T, reactive: Ze, get useRoute() {
+    }, ref: y, computed: h, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, watch: B, reactive: Ze, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
     }, BaseGridTable: qo, get debounce() {
       return rt;
     } };
-    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
   }
 });
-function Jo(t, c, o, e, i, r) {
-  return P(), F("div", { class: "grid-container" }, [
+function Jo(t, c, o, e, s, r) {
+  return R(), z("div", { class: "grid-container" }, [
     Oe(e.BaseGridTable, {
       ref: "baseGridTableRef",
       rows: e.propValue.rows,
@@ -4305,9 +4306,9 @@ const Qo = /* @__PURE__ */ fe(Zo, [["render", Jo], ["__scopeId", "data-v-dced3ee
     }
   },
   setup(t, { expose: c }) {
-    const { isNotEmpty: o } = Y, e = t, i = re(), r = ae(i), n = g(null), l = m(() => e.propValue || {}), f = m(() => e.element || {}), u = m(() => f.value.events || []), y = le(), p = oe(), a = ee(l, f, y, p);
+    const { isNotEmpty: o } = Y, e = t, s = re(), r = ae(s), n = y(null), l = h(() => e.propValue || {}), f = h(() => e.element || {}), a = h(() => f.value.events || []), C = le(), v = oe(), i = ee(l, f, C, v);
     Q(() => {
-      n.value = te(u.value, e.designStatus, a), n.value?.beforeMount();
+      n.value = te(a.value, e.designStatus, i), n.value?.beforeMount();
     }), q(() => {
       n.value?.mounted();
     }), J(() => {
@@ -4315,25 +4316,25 @@ const Qo = /* @__PURE__ */ fe(Zo, [["render", Jo], ["__scopeId", "data-v-dced3ee
     }), $(() => {
       n.value?.unmounted();
     });
-    const _ = (M) => {
+    const p = (M) => {
       n.value?.handleClick(M);
-    }, w = (M) => {
+    }, V = (M) => {
       n.value?.handleDblClick(M);
-    }, j = m(() => o(l.value.text) ? l.value.text.replace(/\n/g, "<br/>") : ""), I = m(() => {
+    }, W = h(() => o(l.value.text) ? l.value.text.replace(/\n/g, "<br/>") : ""), j = h(() => {
       let M = {};
       if (l.value.fontColor && (M.color = l.value.fontColor), l.value.fontSize && (M["font-size"] = l.value.fontSize + "px"), l.value.fontFamily && (M["font-family"] = l.value.fontFamily), l.value.fontWeight && (M["font-weight"] = l.value.fontWeight), l.value.fontStyle && (M["font-style"] = l.value.fontStyle), l.value.textAlign && (M["text-align"] = l.value.textAlign), l.value.extraStyles) {
-        let W = Object.keys(l.value.extraStyles);
-        for (let O = 0; O < W.length; O++)
-          M[W[O]] = l.value.extraStyles[W[O]];
+        let L = Object.keys(l.value.extraStyles);
+        for (let P = 0; P < L.length; P++)
+          M[L[P]] = l.value.extraStyles[L[P]];
       }
       return M;
     });
     c({});
-    const C = { isNotEmpty: o, props: e, dataCache: i, smartData: r, eventHandler: n, propValue: l, element: f, events: u, router: y, route: p, compContext: a, handleClick: _, handleDblClick: w, formattedText: j, customStyle: I, get useDataCacheStore() {
+    const b = { isNotEmpty: o, props: e, dataCache: s, smartData: r, eventHandler: n, propValue: l, element: f, events: a, router: C, route: v, compContext: i, handleClick: p, handleDblClick: V, formattedText: W, customStyle: j, get useDataCacheStore() {
       return re;
     }, get createSmartAccessor() {
       return ae;
-    }, ref: g, computed: m, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
+    }, ref: y, computed: h, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, get useEventHandler() {
       return te;
     }, get useRoute() {
       return oe;
@@ -4344,12 +4345,12 @@ const Qo = /* @__PURE__ */ fe(Zo, [["render", Jo], ["__scopeId", "data-v-dced3ee
     }, get CommonUtils() {
       return Y;
     } };
-    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
   }
 });
-function en(t, c, o, e, i, r) {
-  return P(), F("p", {
-    style: ye(e.customStyle),
+function en(t, c, o, e, s, r) {
+  return R(), z("p", {
+    style: Ce(e.customStyle),
     innerHTML: e.formattedText,
     onClick: e.handleClick,
     onDblclick: e.handleDblClick
@@ -4377,21 +4378,21 @@ const tn = /* @__PURE__ */ fe($o, [["render", en], ["__file", "Component.vue"]])
     }
   },
   setup(t, { expose: c }) {
-    const { getJsonObject: o } = Y, e = t, i = m(() => e.propValue || {}), r = m(() => e.element || {}), n = m(() => {
+    const { getJsonObject: o } = Y, e = t, s = h(() => e.propValue || {}), r = h(() => e.element || {}), n = h(() => {
       let f = {};
-      return f = o(i.value.divStyles, {}), f;
+      return f = o(s.value.divStyles, {}), f;
     });
     c({});
-    const l = { getJsonObject: o, props: e, propValue: i, element: r, dividerStyle: n, ref: g, computed: m, get CommonUtils() {
+    const l = { getJsonObject: o, props: e, propValue: s, element: r, dividerStyle: n, ref: y, computed: h, get CommonUtils() {
       return Y;
     } };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
-function on(t, c, o, e, i, r) {
-  return P(), F("div", {
+function on(t, c, o, e, s, r) {
+  return R(), z("div", {
     class: "divider",
-    style: ye(e.dividerStyle)
+    style: Ce(e.dividerStyle)
   }, null, 4);
 }
 const nn = /* @__PURE__ */ fe(ln, [["render", on], ["__scopeId", "data-v-490ca7b4"], ["__file", "Component.vue"]]), rn = /* @__PURE__ */ Object.assign({
@@ -4416,17 +4417,17 @@ const nn = /* @__PURE__ */ fe(ln, [["render", on], ["__scopeId", "data-v-490ca7b
     }
   },
   setup(t, { expose: c }) {
-    const { getJsonObject: o } = Y, e = t, i = g(!1), r = g(!1), n = m(() => e.propValue || {}), l = m(() => e.element || {}), f = m(() => l.value.events || []), u = g(null), y = le(), p = oe(), a = ee(n, l, y, p);
+    const { getJsonObject: o } = Y, e = t, s = y(!1), r = y(!1), n = h(() => e.propValue || {}), l = h(() => e.element || {}), f = h(() => l.value.events || []), a = y(null), C = le(), v = oe(), i = ee(n, l, C, v);
     Q(() => {
-      u.value = te(f.value, e.designStatus, a), u.value?.beforeMount();
+      a.value = te(f.value, e.designStatus, i), a.value?.beforeMount();
     }), q(() => {
-      u.value?.mounted();
+      a.value?.mounted();
     }), J(() => {
-      u.value?.beforeUnmount();
+      a.value?.beforeUnmount();
     }), $(() => {
-      u.value?.unmounted();
+      a.value?.unmounted();
     });
-    const _ = m(() => n.value.text || "按钮"), w = m(() => e.designStatus ? !1 : n.value.disabled), j = m(() => o(n.value.styles, {
+    const p = h(() => n.value.text || "按钮"), V = h(() => e.designStatus ? !1 : n.value.disabled), W = h(() => o(n.value.styles, {
       display: "flex",
       // 使用 flex
       alignItems: "center",
@@ -4444,11 +4445,11 @@ const nn = /* @__PURE__ */ fe(ln, [["render", on], ["__scopeId", "data-v-490ca7b
       // 确保高度100%
       textAlign: "center"
       // 文本居中
-    })), I = m(() => o(n.value.hoverStyles, {
+    })), j = h(() => o(n.value.hoverStyles, {
       backgroundColor: "rgba(47, 109, 255, 0.1)",
       transform: "translateY(-1px)",
       boxShadow: "0 2px 8px rgba(47, 109, 255, 0.2)"
-    })), C = m(() => o(n.value.textStyles, {
+    })), b = h(() => o(n.value.textStyles, {
       color: "#2F6DFF",
       fontSize: "14px",
       fontWeight: "500",
@@ -4463,28 +4464,28 @@ const nn = /* @__PURE__ */ fe(ln, [["render", on], ["__scopeId", "data-v-490ca7b
       // 文本也设置手形，确保鼠标在文本上也是手形
       pointerEvents: "none"
       // 防止文本事件干扰div的事件
-    })), M = m(() => o(n.value.hoverTextStyles, {
+    })), M = h(() => o(n.value.hoverTextStyles, {
       color: "#1a56db"
-    })), W = m(() => {
+    })), L = h(() => {
       if (e.designStatus)
-        return { ...j.value, cursor: "default" };
-      const b = { ...j.value };
-      return w.value ? (Object.assign(b, {
+        return { ...W.value, cursor: "default" };
+      const m = { ...W.value };
+      return V.value ? (Object.assign(m, {
         opacity: "0.6",
         cursor: "not-allowed"
-      }), b) : (i.value && I.value && Object.assign(b, I.value), b);
-    }), O = m(() => {
-      const b = { ...C.value };
-      return w.value ? (b.opacity = "0.6", b) : (i.value && M.value && Object.assign(b, M.value), b);
+      }), m) : (s.value && j.value && Object.assign(m, j.value), m);
+    }), P = h(() => {
+      const m = { ...b.value };
+      return V.value ? (m.opacity = "0.6", m) : (s.value && M.value && Object.assign(m, M.value), m);
     }), k = () => {
-      !e.designStatus && !w.value && (i.value = !0);
-    }, s = () => {
-      e.designStatus || (i.value = !1, r.value = !1);
-    }, S = (b) => {
-      !e.designStatus && !w.value && u.value?.handleClick(b);
+      !e.designStatus && !V.value && (s.value = !0);
+    }, u = () => {
+      e.designStatus || (s.value = !1, r.value = !1);
+    }, _ = (m) => {
+      !e.designStatus && !V.value && a.value?.handleClick(m);
     };
     c({});
-    const V = { getJsonObject: o, props: e, isHover: i, isActive: r, propValue: n, element: l, events: f, eventHandler: u, router: y, route: p, compContext: a, buttonText: _, isDisabled: w, baseStyle: j, hoverStyle: I, baseTextStyle: C, hoverTextStyle: M, currentStyle: W, textStyle: O, handleMouseEnter: k, handleMouseLeave: s, handleClick: S, ref: g, computed: m, onBeforeMount: Q, onMounted: q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
+    const I = { getJsonObject: o, props: e, isHover: s, isActive: r, propValue: n, element: l, events: f, eventHandler: a, router: C, route: v, compContext: i, buttonText: p, isDisabled: V, baseStyle: W, hoverStyle: j, baseTextStyle: b, hoverTextStyle: M, currentStyle: L, textStyle: P, handleMouseEnter: k, handleMouseLeave: u, handleClick: _, ref: y, computed: h, onBeforeMount: Q, onMounted: q, onBeforeUnmount: J, onUnmounted: $, get useRoute() {
       return oe;
     }, get useRouter() {
       return le;
@@ -4495,17 +4496,17 @@ const nn = /* @__PURE__ */ fe(ln, [["render", on], ["__scopeId", "data-v-490ca7b
     }, get useEventHandler() {
       return te;
     } };
-    return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
+    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
 });
-function an(t, c, o, e, i, r) {
-  return P(), F("div", { class: "div-container" }, [
+function an(t, c, o, e, s, r) {
+  return R(), z("div", { class: "div-container" }, [
     ue("div", {
       class: Re(["division-button", {
         "division-hover": e.isHover,
         "division-disabled": e.isDisabled
       }]),
-      style: ye(e.currentStyle),
+      style: Ce(e.currentStyle),
       onMouseenter: e.handleMouseEnter,
       onMouseleave: e.handleMouseLeave,
       onClick: e.handleClick
@@ -4517,7 +4518,7 @@ function an(t, c, o, e, i, r) {
         de(),
         ue("span", {
           class: "division-text",
-          style: ye(e.textStyle)
+          style: Ce(e.textStyle)
         }, De(e.buttonText), 5)
       ])
     ], 38)
@@ -4546,68 +4547,92 @@ const un = /* @__PURE__ */ fe(rn, [["render", an], ["__scopeId", "data-v-b5a7fa8
   },
   setup(t, { expose: c }) {
     c();
-    const { isNotEmpty: o, isObject: e, hasOwnPathInObject: i, getValueByPath: r } = Y, n = Fe(), l = g(null), f = t, u = re(), y = ae(u), p = g(null), a = m(() => f.propValue || {}), _ = m(() => f.element || {}), w = m(() => _.value.events || []), j = le(), I = oe(), C = ee(a, _, j, I);
+    const { isNotEmpty: o, isObject: e, hasOwnPathInObject: s, getValueByPath: r } = Y, n = Fe(), l = y(null), f = t, a = re(), C = ae(a), v = y(null);
+    let i = null;
+    const p = h(() => f.propValue || {}), V = h(() => f.element || {}), W = h(() => V.value.events || []), j = le(), b = oe(), M = ee(p, V, j, b);
     Q(() => {
-      p.value = te(w.value, f.designStatus, C), p.value?.beforeMount();
+      v.value = te(W.value, f.designStatus, M), v.value?.beforeMount();
     }), q(() => {
-      p.value?.mounted();
+      i = setInterval(() => {
+        e(m.value) && (se(), i && (clearInterval(i), i = null));
+      }, 2e3), v.value?.mounted();
     }), J(() => {
-      p.value?.beforeUnmount();
+      i && (clearInterval(i), i = null), v.value?.beforeUnmount();
     }), $(() => {
-      p.value?.unmounted();
+      v.value?.unmounted();
     });
-    const M = (v) => {
-      p.value?.setParam(v);
-    }, W = (v) => {
-      p.value?.handleDblClick(v);
-    }, O = g("");
-    T(O, (v) => {
+    const L = (x) => {
+      v.value?.setParam(x);
+    }, P = (x) => {
+      v.value?.handleDblClick(x);
+    }, k = y("");
+    B(k, (x) => {
       we(() => {
-        l.value && v ? l.value.innerHTML = v : l.value && (l.value.innerHTML = "");
+        l.value && x ? l.value.innerHTML = x : l.value && (l.value.innerHTML = "");
       });
     });
-    const k = m(() => {
-      let v = {};
-      return o(a.value.firstColor) && (v["--custom-first-color"] = a.value.firstColor), o(a.value.secondColor) && (v["--custom-second-color"] = a.value.secondColor), o(a.value.thirdColor) && (v["--custom-third-color"] = a.value.thirdColor), o(a.value.fourColor) && (v["--custom-four-color"] = a.value.fourColor), o(a.value.fiveColor) && (v["--custom-five-color"] = a.value.fiveColor), v.cursor = Se(w.value), v;
-    }), s = (v) => {
-      n.getFile(v, function(h) {
-        if (h && h.status == 200) {
-          let B = h.data || "";
-          O.value = S(B);
+    const u = h(() => {
+      let x = {};
+      return o(p.value.firstColor) && (x["--custom-first-color"] = p.value.firstColor), o(p.value.secondColor) && (x["--custom-second-color"] = p.value.secondColor), o(p.value.thirdColor) && (x["--custom-third-color"] = p.value.thirdColor), o(p.value.fourColor) && (x["--custom-four-color"] = p.value.fourColor), o(p.value.fiveColor) && (x["--custom-five-color"] = p.value.fiveColor), x.cursor = _e(W.value), x;
+    }), _ = (x) => {
+      n.getFile(x, function(O) {
+        if (O && O.status == 200) {
+          let G = O.data || "";
+          k.value = I(G);
         } else
-          O.value = "";
-      }, function(h) {
-        O.value = "";
+          k.value = "";
+      }, function(O) {
+        k.value = "";
       });
     };
-    T(() => a.value.svgFile, (v) => {
-      o(v) ? s(v) : O.value = "";
-    }, { immediate: !0 }), T(() => a.value.aspectRatio, (v) => {
-      o(a.value.svgFile) && s(a.value.svgFile);
+    B(() => p.value.svgFile, (x) => {
+      o(x) ? _(x) : k.value = "";
+    }, { immediate: !0 }), B(() => p.value.aspectRatio, (x) => {
+      o(p.value.svgFile) && _(p.value.svgFile);
     }, { immediate: !0 });
-    const S = (v) => {
-      const h = a.value.aspectRatio || "xMidYMid meet";
-      return v.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${h}"`);
-    }, V = y[a.value.cacheKey], b = g({}), A = g({}), H = g({}), x = g({}), Z = g({}), E = g({});
-    T(() => V.value, (v) => {
-      if (o(a.value.cacheKey) && e(v)) {
-        let h = a.value.svgFileCK;
-        o(h) && i(V.value, h) && (b.value = r(V.value, h)), h = a.value.firstColorCK, o(h) && i(V.value, h) && (A.value = r(V.value, h)), h = a.value.secondColorCK, o(h) && i(V.value, h) && (H.value = r(V.value, h)), h = a.value.thirdColorCK, o(h) && i(V.value, h) && (x.value = r(V.value, h)), h = a.value.fourColorCK, o(h) && i(V.value, h) && (Z.value = r(V.value, h)), h = a.value.fiveColorCK, o(h) && i(V.value, h) && (E.value = r(V.value, h));
-      }
-    }, { immediate: !0 }), T(() => b.value, (v) => {
-      o(a.value.svgFileCK) && (a.value.svgFile = v);
-    }), T(() => A.value, (v) => {
-      o(a.value.firstColorCK) && (a.value.firstColor = v ?? "none");
-    }), T(() => H.value, (v) => {
-      o(a.value.secondColorCK) && (a.value.secondColor = v ?? "none");
-    }), T(() => x.value, (v) => {
-      o(a.value.thirdColorCK) && (a.value.thirdColor = v ?? "none");
-    }), T(() => Z.value, (v) => {
-      o(a.value.fourColorCK) && (a.value.fourColor = v ?? "none");
-    }), T(() => E.value, (v) => {
-      o(a.value.fiveColorCK) && (a.value.fiveColor = v ?? "none");
+    const I = (x) => {
+      const O = p.value.aspectRatio || "xMidYMid meet";
+      return x.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${O}"`);
+    }, m = C[p.value.cacheKey], F = y({}), H = y({}), S = y({}), Z = y({}), N = y({}), d = y({}), g = () => {
+      o(p.value.svgFileCK) && (p.value.svgFile = F.value);
+    }, w = () => {
+      o(p.value.firstColorCK) && (p.value.firstColor = H.value ?? "none");
+    }, A = () => {
+      o(p.value.secondColorCK) && (p.value.secondColor = S.value ?? "none");
+    }, E = () => {
+      o(p.value.thirdColorCK) && (p.value.thirdColor = Z.value ?? "none");
+    }, X = () => {
+      o(p.value.fourColorCK) && (p.value.fourColor = N.value ?? "none");
+    }, D = () => {
+      o(p.value.fiveColorCK) && (p.value.fiveColor = d.value ?? "none");
+    };
+    B(() => F.value, (x) => {
+      g();
+    }), B(() => H.value, (x) => {
+      w();
+    }), B(() => S.value, (x) => {
+      A();
+    }), B(() => Z.value, (x) => {
+      E();
+    }), B(() => N.value, (x) => {
+      X();
+    }), B(() => d.value, (x) => {
+      D();
     });
-    const d = { isNotEmpty: o, isObject: e, hasOwnPathInObject: i, getValueByPath: r, api: n, svgContainerRef: l, props: f, dataCache: u, smartData: y, eventHandler: p, propValue: a, element: _, events: w, router: j, route: I, compContext: C, handleClick: M, handleDblClick: W, svgContent: O, customStyle: k, loadSvgFile: s, removeSvgDimensions: S, cacheData: V, fileData: b, firstColorData: A, secondColorData: H, thirdColorData: x, fourColorData: Z, fiveColorData: E, get useEventHandler() {
+    const se = () => {
+      if (!e(m.value))
+        return;
+      let x = p.value.svgFileCK;
+      o(x) && s(m.value, x) && (F.value = r(m.value, x), g()), x = p.value.firstColorCK, o(x) && s(m.value, x) && (H.value = r(m.value, x), w()), x = p.value.secondColorCK, o(x) && s(m.value, x) && (S.value = r(m.value, x), A()), x = p.value.thirdColorCK, o(x) && s(m.value, x) && (Z.value = r(m.value, x), E()), x = p.value.fourColorCK, o(x) && s(m.value, x) && (N.value = r(m.value, x), X()), x = p.value.fiveColorCK, o(x) && s(m.value, x) && (d.value = r(m.value, x), D());
+    };
+    B(() => m.value, (x) => {
+      o(p.value.cacheKey) && e(x) && se();
+    }, { immediate: !0 });
+    const ge = { isNotEmpty: o, isObject: e, hasOwnPathInObject: s, getValueByPath: r, api: n, svgContainerRef: l, props: f, dataCache: a, smartData: C, eventHandler: v, get timer() {
+      return i;
+    }, set timer(x) {
+      i = x;
+    }, propValue: p, element: V, events: W, router: j, route: b, compContext: M, handleClick: L, handleDblClick: P, svgContent: k, customStyle: u, loadSvgFile: _, removeSvgDimensions: I, cacheData: m, fileData: F, firstColorData: H, secondColorData: S, thirdColorData: Z, fourColorData: N, fiveColorData: d, dealFileData: g, dealFirstColorData: w, dealSecondColorData: A, dealThirdColorData: E, dealFourColorData: X, dealFiveColorData: D, dealBsData: se, get useEventHandler() {
       return te;
     }, get useDataCacheStore() {
       return re;
@@ -4615,7 +4640,7 @@ const un = /* @__PURE__ */ fe(rn, [["render", an], ["__scopeId", "data-v-b5a7fa8
       return ae;
     }, get CreateCompContext() {
       return ee;
-    }, ref: g, computed: m, watch: T, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, nextTick: we, get CommonUtils() {
+    }, ref: y, computed: h, watch: B, onMounted: q, onBeforeMount: Q, onBeforeUnmount: J, onUnmounted: $, nextTick: we, get CommonUtils() {
       return Y;
     }, get useRoute() {
       return oe;
@@ -4624,21 +4649,21 @@ const un = /* @__PURE__ */ fe(rn, [["render", an], ["__scopeId", "data-v-b5a7fa8
     }, get useApi() {
       return Fe;
     }, get getCursorByEvents() {
-      return Se;
+      return _e;
     } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+    return Object.defineProperty(ge, "__isScriptSetup", { enumerable: !1, value: !0 }), ge;
   }
 });
-function cn(t, c, o, e, i, r) {
-  return P(), F("div", {
+function cn(t, c, o, e, s, r) {
+  return R(), z("div", {
     ref: "svgContainerRef",
     class: "svg-container",
     onClick: e.handleClick,
     onDblclick: e.handleDblClick,
-    style: ye(e.customStyle)
+    style: Ce(e.customStyle)
   }, null, 36);
 }
-const dn = /* @__PURE__ */ fe(sn, [["render", cn], ["__scopeId", "data-v-54c5681f"], ["__file", "Component.vue"]]), fn = [
+const dn = /* @__PURE__ */ fe(sn, [["render", cn], ["__scopeId", "data-v-9182799c"], ["__file", "Component.vue"]]), fn = [
   Kt,
   Xt,
   oo,