hflvcomp 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/hflvcomp.es.js +1327 -1298
  2. package/package.json +1 -1
package/dist/hflvcomp.es.js CHANGED
@@ -1,10 +1,10 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.subpage-container[data-v-a6c74f38]{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]{width:100%;height:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import { inject as me, resolveComponent as Ze, createElementBlock as A, openBlock as H, normalizeStyle as Se, createVNode as Oe, ref as C, computed as m, watch as T, provide as we, onBeforeMount as J, onMounted as q, onBeforeUnmount as Q, onUnmounted as $, Fragment as it, renderList as vt, createBlock as he, KeepAlive as Bt, createCommentVNode as ne, defineComponent as Pe, toRefs as Fe, h as lt, nextTick as _e, unref as z, renderSlot as be, normalizeClass as Ae, createElementVNode as ue, mergeProps as ct, toDisplayString as De, Teleport as Dt, Transition as At, withCtx as He, createSlots as Wt, reactive as qe, useSlots as Lt, normalizeProps as Ft, guardReactiveProps as Et, render as gt, createTextVNode as de } from "vue";
1
+ (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]{width:100%;height:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ import { inject as me, resolveComponent as Ze, createElementBlock as F, openBlock as P, normalizeStyle as Se, createVNode as Oe, ref as y, computed as g, watch as B, provide as we, onBeforeMount as J, onMounted as Y, onBeforeUnmount as Q, onUnmounted as $, Fragment as it, renderList as vt, createBlock as he, KeepAlive as Bt, createCommentVNode as ne, defineComponent as Pe, toRefs as Fe, h as lt, nextTick as _e, unref as z, renderSlot as be, normalizeClass as Ae, createElementVNode as ue, mergeProps as ct, toDisplayString as De, Teleport as Dt, Transition as At, withCtx as He, createSlots as Wt, reactive as qe, useSlots as Lt, normalizeProps as Ft, guardReactiveProps as Et, render as gt, createTextVNode as de } from "vue";
3
3
  import { CommonUtils as Z, useDataCacheStore as re, createSmartAccessor as ae, reCalcCanvasSize as yt, CreateCompContext as ee, useEventHandler as te } from "hflvloader";
4
4
  import { useRouter as le, useRoute as oe } from "vue-router";
5
5
  (function() {
6
6
  const t = () => {
7
- console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.7", "color: #2ecc71;"), console.log("%c编译日期: 2026/1/20 23:33:52", "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;");
7
+ console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.8", "color: #2ecc71;"), console.log("%c编译日期: 2026/1/29 13:17:07", "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;");
8
8
  };
9
9
  if (typeof window < "u") {
10
10
  window._copyright_hflvcomp = t;
@@ -53,74 +53,103 @@ const ve = (t, i) => {
53
53
  },
54
54
  setup(t, { expose: i }) {
55
55
  i();
56
- const { isNotEmpty: r } = Z, e = ot(), f = t, n = C(null), o = C({}), l = C([]);
57
- let c = {}, u = [], p = "transparent";
58
- const v = m(() => f.propValue), s = m(() => f.element), k = m(() => s.value.events || []), D = m(() => s.value.containerParam || {}), j = m(() => ({
59
- width: `${s.value.style.width}px`,
60
- height: `${s.value.style.height}px`,
61
- backgroundColor: p
62
- })), P = re(), h = ae(P), _ = C(null), I = m(() => r(v.value.subpageId) ? v.value.subpageId : r(v.value.subpageIdCK) ? h[v.value.subpageIdCK] : "");
63
- T(() => I.value, (M) => {
64
- r(M) && b();
65
- }), T(() => s.value.style.width, (M) => {
66
- a();
67
- }), T(() => s.value.style.height, (M) => {
68
- a();
56
+ const { isNotEmpty: r, isObject: e } = Z, f = ot(), n = t, o = y(null), l = y({}), d = y([]);
57
+ let a = {}, h = [];
58
+ const v = y({
59
+ color: null,
60
+ image: null,
61
+ repeat: null,
62
+ size: null,
63
+ position: null,
64
+ diyStyles: {}
69
65
  });
70
- const W = () => {
71
- c = {}, u = [], o.value = {}, l.value = [], p = "transparent";
66
+ let c = "transparent";
67
+ const S = g(() => n.propValue), _ = g(() => n.element), H = g(() => _.value.events || []), R = g(() => _.value.containerParam || {}), m = g(() => {
68
+ let N = {
69
+ width: `${_.value.style.width}px`,
70
+ height: `${_.value.style.height}px`,
71
+ "background-color": v.value.color
72
+ };
73
+ 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);
74
+ let s = {};
75
+ e(v.value.diyStyles) && Object.keys(v.value.diyStyles).length > 0 && (s = v.value.diyStyles || {});
76
+ let p = { ...N, ...s };
77
+ return r(p.background) && !r(p["background-color"]) && delete p["background-color"], r(p.background) || r(p["background-image"]) || r(p["background-color"]) || (p["background-color"] = "transparent !important"), p;
78
+ }), V = re(), I = ae(V), D = y(null), w = g(() => r(S.value.subpageId) ? S.value.subpageId : r(S.value.subpageIdCK) ? I[S.value.subpageIdCK] : "");
79
+ B(() => w.value, (N) => {
80
+ r(N) && W();
81
+ }), B(() => _.value.style.width, (N) => {
82
+ k();
83
+ }), B(() => _.value.style.height, (N) => {
84
+ k();
85
+ });
86
+ const u = () => {
87
+ Object.assign(v.value, {
88
+ color: "transparent",
89
+ image: null,
90
+ repeat: null,
91
+ size: null,
92
+ position: null,
93
+ diyStyles: {}
94
+ });
72
95
  }, b = () => {
73
- let M = I.value;
74
- if (r(M)) {
75
- let g = "DB";
76
- if (f.designStatus || (g = P.pageSource || "DB", r(v.value.pageSource) && (g = f.pageSource)), g == "DB") {
77
- let Y = {};
78
- Y.id = M, e.qryPageConfigData(Y).then(function(K) {
79
- let d = JSON.parse(K.data.pageData);
80
- d ? (c = d.canvasStyle || {}, u = d.componentData || [], c.passToParentSwitch && c.backgroundColor && (p = c.backgroundColor), a()) : W();
96
+ a = {}, h = [], l.value = {}, d.value = [], u();
97
+ }, W = () => {
98
+ let N = w.value;
99
+ if (r(N)) {
100
+ let s = "DB";
101
+ if (n.designStatus || (s = V.pageSource || "DB", r(S.value.pageSource) && (s = n.pageSource)), s == "DB") {
102
+ let p = {};
103
+ p.id = N, f.qryPageConfigData(p).then(function(x) {
104
+ let T = JSON.parse(x.data.pageData);
105
+ T ? (a = T.canvasStyle || {}, h = T.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(), k()) : b();
81
106
  });
82
107
  } else {
83
- let Y = M + ".json";
84
- e.getJsonFile(Y, function(K) {
85
- if (K && K.status == 200) {
86
- let d = K.data || {};
87
- d ? (c = d.canvasStyle || {}, u = d.componentData || [], c.passToParentSwitch && c.backgroundColor && (p = c.backgroundColor), a()) : W();
108
+ let p = N + ".json";
109
+ f.getJsonFile(p, function(x) {
110
+ if (x && x.status == 200) {
111
+ let T = x.data || {};
112
+ T ? (a = T.canvasStyle || {}, h = T.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(), k()) : b();
88
113
  } else
89
- W();
90
- }, function(K) {
91
- W();
114
+ b();
115
+ }, function(x) {
116
+ b();
92
117
  });
93
118
  }
94
119
  } else
95
- W();
96
- }, a = () => {
97
- let M = yt(s.value.style.width, s.value.style.height, c, u);
98
- M ? (o.value = M.canvasStyleData || {}, l.value = M.componentData || []) : (o.value = {}, l.value = []);
120
+ b();
121
+ }, k = () => {
122
+ let N = yt(_.value.style.width, _.value.style.height, a, h);
123
+ if (N) {
124
+ let s = N.canvasStyleData || {};
125
+ a.passToParentSwitch && (s.backgroundColor = null, s.backgroundImage = null, s.backgroundSize = null, s.backgroundPosition = null, s.diyStyles = {}), l.value = s, d.value = N.componentData || [];
126
+ } else
127
+ l.value = {}, d.value = [];
99
128
  };
100
- we("VE-ContainerParam", D);
101
- const x = le(), L = oe(), S = ee(v, s, x, L);
129
+ we("VE-ContainerParam", R);
130
+ const A = le(), j = oe(), C = ee(S, _, A, j);
102
131
  J(() => {
103
- _.value = te(k.value, f.designStatus, S), _.value?.beforeMount();
104
- }), q(() => {
105
- b(), _.value?.mounted();
132
+ D.value = te(H.value, n.designStatus, C), D.value?.beforeMount();
133
+ }), Y(() => {
134
+ W(), D.value?.mounted();
106
135
  }), Q(() => {
107
- _.value?.beforeUnmount();
136
+ D.value?.beforeUnmount();
108
137
  }), $(() => {
109
- _.value?.unmounted();
138
+ D.value?.unmounted();
110
139
  });
111
- const B = { isNotEmpty: r, api: e, props: f, vePageRef: n, canvasStyle: o, componentData: l, get oldCanvasStyle() {
112
- return c;
113
- }, set oldCanvasStyle(M) {
114
- c = M;
140
+ const q = { isNotEmpty: r, isObject: e, api: f, props: n, vePageRef: o, canvasStyle: l, componentData: d, get oldCanvasStyle() {
141
+ return a;
142
+ }, set oldCanvasStyle(N) {
143
+ a = N;
115
144
  }, get oldComponentData() {
116
- return u;
117
- }, set oldComponentData(M) {
118
- u = M;
119
- }, get backgroundColor() {
120
- return p;
121
- }, set backgroundColor(M) {
122
- p = M;
123
- }, propValue: v, element: s, events: k, containerParam: D, containerStyle: j, dataCache: P, smartData: h, eventHandler: _, pageId: I, clearData: W, loadPageInfo: b, reCalcSizeData: a, router: x, route: L, compContext: S, ref: C, computed: m, onMounted: q, watch: T, provide: we, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
145
+ return h;
146
+ }, set oldComponentData(N) {
147
+ h = N;
148
+ }, backgroundInfo: v, get backgroundColor() {
149
+ return c;
150
+ }, set backgroundColor(N) {
151
+ c = N;
152
+ }, propValue: S, element: _, events: H, containerParam: R, containerStyle: m, dataCache: V, smartData: I, eventHandler: D, pageId: w, clearBackground: u, clearData: b, loadPageInfo: W, reCalcSizeData: k, router: A, route: j, compContext: C, ref: y, computed: g, onMounted: Y, watch: B, provide: we, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
124
153
  return te;
125
154
  }, get useDataCacheStore() {
126
155
  return re;
@@ -139,12 +168,12 @@ const ve = (t, i) => {
139
168
  }, get reCalcCanvasSize() {
140
169
  return yt;
141
170
  } };
142
- return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
171
+ return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
143
172
  }
144
173
  });
145
174
  function Nt(t, i, r, e, f, n) {
146
175
  const o = Ze("VEPage");
147
- return H(), A("div", {
176
+ return P(), F("div", {
148
177
  class: "subpage-container",
149
178
  style: Se(e.containerStyle)
150
179
  }, [
@@ -155,7 +184,7 @@ function Nt(t, i, r, e, f, n) {
155
184
  }, null, 8, ["canvas-style", "component-data"])
156
185
  ], 4);
157
186
  }
158
- const Ut = /* @__PURE__ */ ve(zt, [["render", Nt], ["__scopeId", "data-v-a6c74f38"], ["__file", "Component.vue"]]), Gt = /* @__PURE__ */ Object.assign({
187
+ const Ut = /* @__PURE__ */ ve(zt, [["render", Nt], ["__scopeId", "data-v-7840b296"], ["__file", "Component.vue"]]), Gt = /* @__PURE__ */ Object.assign({
159
188
  name: "MultiSubpage"
160
189
  }, {
161
190
  __name: "Component",
@@ -176,28 +205,28 @@ const Ut = /* @__PURE__ */ ve(zt, [["render", Nt], ["__scopeId", "data-v-a6c74f3
176
205
  },
177
206
  setup(t, { expose: i }) {
178
207
  i();
179
- const { isArray: r, isNotEmpty: e, isObject: f } = Z, n = t, o = m(() => n.propValue), l = m(() => n.element), c = m(() => l.value.events || []), u = re(), p = ae(u), v = C(null), s = p[o.value.dsCacheKey], k = m(() => o.value.staticData ? o.value.items || [] : r(s.value) ? s.value : []), D = m(() => {
180
- let b = k.value || [], a = [];
181
- return b.forEach((x, L) => {
182
- a[L] = {};
183
- let S = {};
184
- S.style = {}, S.style.width = l.value.style.width, S.style.height = l.value.style.height, S.prop = {}, S.prop.subpageId = x.value, a[L].subpageId = x.value, a[L].prop = S.prop, a[L].element = S;
185
- }), a;
186
- }), j = C(null), P = p[o.value.activeSubpageIdCK];
187
- T(() => P.value, (b) => {
188
- e(o.value.activeSubpageIdCK) && (f(b) || (j.value = b));
208
+ const { isArray: r, isNotEmpty: e, isObject: f } = Z, n = t, o = g(() => n.propValue), l = g(() => n.element), d = g(() => l.value.events || []), a = re(), h = ae(a), v = y(null), c = h[o.value.dsCacheKey], S = g(() => o.value.staticData ? o.value.items || [] : r(c.value) ? c.value : []), _ = g(() => {
209
+ let w = S.value || [], u = [];
210
+ return w.forEach((b, W) => {
211
+ u[W] = {};
212
+ let k = {};
213
+ k.style = {}, k.style.width = l.value.style.width, k.style.height = l.value.style.height, k.prop = {}, k.prop.subpageId = b.value, u[W].subpageId = b.value, u[W].prop = k.prop, u[W].element = k;
214
+ }), u;
215
+ }), H = y(null), R = h[o.value.activeSubpageIdCK];
216
+ B(() => R.value, (w) => {
217
+ e(o.value.activeSubpageIdCK) && (f(w) || (H.value = w));
189
218
  }, { immediate: !0 });
190
- const h = le(), _ = oe(), I = ee(o, l, h, _);
219
+ const m = le(), V = oe(), I = ee(o, l, m, V);
191
220
  J(() => {
192
- v.value = te(c.value, n.designStatus, I), v.value?.beforeMount();
193
- }), q(() => {
194
- o.value.activeSubpageId && (j.value = o.value.activeSubpageId), v.value?.mounted();
221
+ v.value = te(d.value, n.designStatus, I), v.value?.beforeMount();
222
+ }), Y(() => {
223
+ o.value.activeSubpageId && (H.value = o.value.activeSubpageId), v.value?.mounted();
195
224
  }), Q(() => {
196
225
  v.value?.beforeUnmount();
197
226
  }), $(() => {
198
227
  v.value?.unmounted();
199
228
  });
200
- const W = { isArray: r, isNotEmpty: e, isObject: f, props: n, propValue: o, element: l, events: c, dataCache: u, smartData: p, eventHandler: v, cacheDS: s, options: k, itemData: D, curPageId: j, cacheValue: P, router: h, route: _, compContext: I, ref: C, computed: m, onMounted: q, watch: T, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
229
+ const D = { isArray: r, isNotEmpty: e, isObject: f, props: n, propValue: o, element: l, events: d, dataCache: a, smartData: h, eventHandler: v, cacheDS: c, options: S, itemData: _, curPageId: H, cacheValue: R, router: m, route: V, compContext: I, ref: y, computed: g, onMounted: Y, watch: B, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
201
230
  return te;
202
231
  }, get useDataCacheStore() {
203
232
  return re;
@@ -212,16 +241,16 @@ const Ut = /* @__PURE__ */ ve(zt, [["render", Nt], ["__scopeId", "data-v-a6c74f3
212
241
  }, get useRouter() {
213
242
  return le;
214
243
  } };
215
- return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
244
+ return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
216
245
  }
217
246
  });
218
247
  function Kt(t, i, r, e, f, n) {
219
248
  const o = Ze("Subpage");
220
- return H(), A("div", { class: "subpage-container" }, [
221
- (H(!0), A(it, null, vt(e.itemData, (l, c) => (H(), A("div", { key: c }, [
222
- (H(), he(Bt, { max: 15 }, [
223
- e.curPageId == l.subpageId ? (H(), he(o, {
224
- key: c,
249
+ return P(), F("div", { class: "subpage-container" }, [
250
+ (P(!0), F(it, null, vt(e.itemData, (l, d) => (P(), F("div", { key: d }, [
251
+ (P(), he(Bt, { max: 15 }, [
252
+ e.curPageId == l.subpageId ? (P(), he(o, {
253
+ key: d,
225
254
  "prop-value": l.prop,
226
255
  element: l.element
227
256
  }, null, 8, ["prop-value", "element"])) : ne("", !0)
@@ -290,51 +319,51 @@ function xt(t) {
290
319
  }
291
320
  var ml = "Expected a function", gl = Math.max, yl = Math.min;
292
321
  function rt(t, i, r) {
293
- var e, f, n, o, l, c, u = 0, p = !1, v = !1, s = !0;
322
+ var e, f, n, o, l, d, a = 0, h = !1, v = !1, c = !0;
294
323
  if (typeof t != "function")
295
324
  throw new TypeError(ml);
296
- i = xt(i) || 0, dt(r) && (p = !!r.leading, v = "maxWait" in r, n = v ? gl(xt(r.maxWait) || 0, i) : n, s = "trailing" in r ? !!r.trailing : s);
297
- function k(a) {
298
- var x = e, L = f;
299
- return e = f = void 0, u = a, o = t.apply(L, x), o;
325
+ i = xt(i) || 0, dt(r) && (h = !!r.leading, v = "maxWait" in r, n = v ? gl(xt(r.maxWait) || 0, i) : n, c = "trailing" in r ? !!r.trailing : c);
326
+ function S(u) {
327
+ var b = e, W = f;
328
+ return e = f = void 0, a = u, o = t.apply(W, b), o;
300
329
  }
301
- function D(a) {
302
- return u = a, l = setTimeout(h, i), p ? k(a) : o;
330
+ function _(u) {
331
+ return a = u, l = setTimeout(m, i), h ? S(u) : o;
303
332
  }
304
- function j(a) {
305
- var x = a - c, L = a - u, S = i - x;
306
- return v ? yl(S, n - L) : S;
333
+ function H(u) {
334
+ var b = u - d, W = u - a, k = i - b;
335
+ return v ? yl(k, n - W) : k;
307
336
  }
308
- function P(a) {
309
- var x = a - c, L = a - u;
310
- return c === void 0 || x >= i || x < 0 || v && L >= n;
337
+ function R(u) {
338
+ var b = u - d, W = u - a;
339
+ return d === void 0 || b >= i || b < 0 || v && W >= n;
311
340
  }
312
- function h() {
313
- var a = at();
314
- if (P(a))
315
- return _(a);
316
- l = setTimeout(h, j(a));
341
+ function m() {
342
+ var u = at();
343
+ if (R(u))
344
+ return V(u);
345
+ l = setTimeout(m, H(u));
317
346
  }
318
- function _(a) {
319
- return l = void 0, s && e ? k(a) : (e = f = void 0, o);
347
+ function V(u) {
348
+ return l = void 0, c && e ? S(u) : (e = f = void 0, o);
320
349
  }
321
350
  function I() {
322
- l !== void 0 && clearTimeout(l), u = 0, e = c = f = l = void 0;
351
+ l !== void 0 && clearTimeout(l), a = 0, e = d = f = l = void 0;
323
352
  }
324
- function W() {
325
- return l === void 0 ? o : _(at());
353
+ function D() {
354
+ return l === void 0 ? o : V(at());
326
355
  }
327
- function b() {
328
- var a = at(), x = P(a);
329
- if (e = arguments, f = this, c = a, x) {
356
+ function w() {
357
+ var u = at(), b = R(u);
358
+ if (e = arguments, f = this, d = u, b) {
330
359
  if (l === void 0)
331
- return D(c);
360
+ return _(d);
332
361
  if (v)
333
- return clearTimeout(l), l = setTimeout(h, i), k(c);
362
+ return clearTimeout(l), l = setTimeout(m, i), S(d);
334
363
  }
335
- return l === void 0 && (l = setTimeout(h, i)), o;
364
+ return l === void 0 && (l = setTimeout(m, i)), o;
336
365
  }
337
- return b.cancel = I, b.flush = W, b;
366
+ return w.cancel = I, w.flush = D, w;
338
367
  }
339
368
  let Ie = null;
340
369
  function Cl() {
@@ -448,13 +477,13 @@ class _t {
448
477
  function Vt(t) {
449
478
  const { onDown: i, onMove: r, onUp: e } = t, f = new _t(), n = new _t();
450
479
  let o;
451
- function l(u) {
452
- u.stopPropagation(), n.set(u.x, u.y), n.substract(f), r(f, n, u, o);
480
+ function l(a) {
481
+ a.stopPropagation(), n.set(a.x, a.y), n.substract(f), r(f, n, a, o);
453
482
  }
454
- function c(u) {
455
- e(u, o), f.set(0, 0), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", c);
483
+ function d(a) {
484
+ e(a, o), f.set(0, 0), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", d);
456
485
  }
457
- return (u, p) => i(u, p) ? (o = p, f.set(u.x, u.y), document.addEventListener("mousemove", l), document.addEventListener("mouseup", c), u.stopPropagation(), !0) : !1;
486
+ return (a, h) => i(a, h) ? (o = h, f.set(a.x, a.y), document.addEventListener("mousemove", l), document.addEventListener("mouseup", d), a.stopPropagation(), !0) : !1;
458
487
  }
459
488
  function Ol(t, i) {
460
489
  let r = 0;
@@ -556,137 +585,137 @@ const Ot = 140, Dl = 70, Wl = /* @__PURE__ */ Pe({
556
585
  },
557
586
  emits: ["scroll", "resized"],
558
587
  setup(t, { expose: i, emit: r }) {
559
- const e = t, f = r, n = C(), o = C(), l = C(), c = C(), u = C(), p = C(), v = C(!1), s = m(() => e.scroll === "horizontal" || e.scroll === "both"), k = m(() => e.scroll === "vertical" || e.scroll === "both"), D = qe({
588
+ const e = t, f = r, n = y(), o = y(), l = y(), d = y(), a = y(), h = y(), v = y(!1), c = g(() => e.scroll === "horizontal" || e.scroll === "both"), S = g(() => e.scroll === "vertical" || e.scroll === "both"), _ = qe({
560
589
  show: !1,
561
590
  size: 0,
562
591
  sizeRaw: 0,
563
592
  pos: 0
564
- }), j = qe({
593
+ }), H = qe({
565
594
  show: !1,
566
595
  size: 0,
567
596
  sizeRaw: 0,
568
597
  pos: 0
569
598
  });
570
- let P = 0, h = 0, _ = 0, I = 0, W = null;
571
- const b = { attributes: !0, childList: !0 };
572
- function a() {
599
+ let R = 0, m = 0, V = 0, I = 0, D = null;
600
+ const w = { attributes: !0, childList: !0 };
601
+ function u() {
573
602
  if (n.value) {
574
- if (D.show) {
575
- const V = n.value.offsetWidth / n.value.scrollWidth;
576
- D.sizeRaw = V * n.value.offsetWidth, D.size = V * 100, D.pos = n.value.scrollLeft / (n.value.scrollWidth - n.value.offsetWidth) * (100 - D.size), V >= 1 && (D.show = !1);
603
+ if (_.show) {
604
+ const M = n.value.offsetWidth / n.value.scrollWidth;
605
+ _.sizeRaw = M * n.value.offsetWidth, _.size = M * 100, _.pos = n.value.scrollLeft / (n.value.scrollWidth - n.value.offsetWidth) * (100 - _.size), M >= 1 && (_.show = !1);
577
606
  }
578
- if (j.show) {
579
- const V = n.value.offsetHeight / n.value.scrollHeight;
580
- j.sizeRaw = V * n.value.offsetHeight, j.size = V * 100, j.pos = n.value.scrollTop / (n.value.scrollHeight - n.value.offsetHeight) * (100 - j.size), V >= 1 && (j.show = !1);
607
+ if (H.show) {
608
+ const M = n.value.offsetHeight / n.value.scrollHeight;
609
+ H.sizeRaw = M * n.value.offsetHeight, H.size = M * 100, H.pos = n.value.scrollTop / (n.value.scrollHeight - n.value.offsetHeight) * (100 - H.size), M >= 1 && (H.show = !1);
581
610
  }
582
611
  f("scroll", n.value.scrollLeft, n.value.scrollTop);
583
612
  }
584
613
  }
585
- function x(V = !1) {
614
+ function b(M = !1) {
586
615
  if (!n.value)
587
616
  return;
588
- let G = s.value, R = k.value;
589
- const ce = G && (P !== n.value.scrollWidth || _ !== n.value.offsetWidth), Ce = k && (h !== n.value.scrollHeight || I !== n.value.offsetHeight);
590
- if (!V && !ce && !Ce)
617
+ let K = c.value, L = S.value;
618
+ const ce = K && (R !== n.value.scrollWidth || V !== n.value.offsetWidth), Ce = S && (m !== n.value.scrollHeight || I !== n.value.offsetHeight);
619
+ if (!M && !ce && !Ce)
591
620
  return;
592
621
  const fe = window.getComputedStyle(n.value);
593
- (fe.overflow === "hidden" || fe.overflowX === "hidden") && (G = !1), (fe.overflow === "hidden" || fe.overflowY === "hidden") && (R = !1), D.show = G, j.show = R, a(), _ = n.value.offsetWidth, I = n.value.offsetHeight, P = n.value.scrollWidth, h = n.value.scrollHeight, f("resized", P, h);
622
+ (fe.overflow === "hidden" || fe.overflowX === "hidden") && (K = !1), (fe.overflow === "hidden" || fe.overflowY === "hidden") && (L = !1), _.show = K, H.show = L, u(), V = n.value.offsetWidth, I = n.value.offsetHeight, R = n.value.scrollWidth, m = n.value.scrollHeight, f("resized", R, m);
594
623
  }
595
- function L(V) {
596
- var G;
597
- e.scroll == "horizontal" && (V.deltaMode == 0 && ((G = n.value) == null || G.scrollTo({
598
- left: n.value.scrollLeft + (V.deltaY > 0 ? Ot : -140),
624
+ function W(M) {
625
+ var K;
626
+ e.scroll == "horizontal" && (M.deltaMode == 0 && ((K = n.value) == null || K.scrollTo({
627
+ left: n.value.scrollLeft + (M.deltaY > 0 ? Ot : -140),
599
628
  behavior: "smooth"
600
- })), V.preventDefault(), V.stopPropagation());
629
+ })), M.preventDefault(), M.stopPropagation());
601
630
  }
602
- function S(V) {
603
- var G;
604
- V.deltaMode == 0 && ((G = n.value) == null || G.scrollTo({
605
- left: n.value.scrollLeft + (V.deltaY > 0 ? Ot : -140),
631
+ function k(M) {
632
+ var K;
633
+ M.deltaMode == 0 && ((K = n.value) == null || K.scrollTo({
634
+ left: n.value.scrollLeft + (M.deltaY > 0 ? Ot : -140),
606
635
  behavior: "smooth"
607
- }), V.preventDefault(), V.stopPropagation());
636
+ }), M.preventDefault(), M.stopPropagation());
608
637
  }
609
- function B(V) {
610
- var G;
611
- V.deltaMode == 0 && ((G = n.value) == null || G.scrollTo({
612
- top: n.value.scrollTop + (V.deltaY > 0 ? Dl : -70),
638
+ function A(M) {
639
+ var K;
640
+ M.deltaMode == 0 && ((K = n.value) == null || K.scrollTo({
641
+ top: n.value.scrollTop + (M.deltaY > 0 ? Dl : -70),
613
642
  behavior: "smooth"
614
- }), V.preventDefault(), V.stopPropagation());
643
+ }), M.preventDefault(), M.stopPropagation());
615
644
  }
616
- let M = 0, g = 0, Y = 0, K = 0;
617
- const d = Vt({
618
- onDown(V) {
619
- return !l.value || !u.value ? !1 : (M = V.offsetX, g = V.x - V.offsetX - u.value.offsetLeft, V.preventDefault(), v.value = !0, !0);
645
+ let j = 0, C = 0, q = 0, N = 0;
646
+ const s = Vt({
647
+ onDown(M) {
648
+ return !l.value || !a.value ? !1 : (j = M.offsetX, C = M.x - M.offsetX - a.value.offsetLeft, M.preventDefault(), v.value = !0, !0);
620
649
  },
621
- onMove(V, G, R) {
622
- n.value && l.value && (F(R.x - M - g), R.preventDefault(), R.stopPropagation());
650
+ onMove(M, K, L) {
651
+ n.value && l.value && (E(L.x - j - C), L.preventDefault(), L.stopPropagation());
623
652
  },
624
653
  onUp() {
625
654
  v.value = !1;
626
655
  }
627
- }), y = Vt({
628
- onDown(V) {
629
- return !c.value || !p.value ? !1 : (Y = V.offsetY, K = V.y - V.offsetY - p.value.offsetTop, V.preventDefault(), v.value = !0, !0);
656
+ }), p = Vt({
657
+ onDown(M) {
658
+ return !d.value || !h.value ? !1 : (q = M.offsetY, N = M.y - M.offsetY - h.value.offsetTop, M.preventDefault(), v.value = !0, !0);
630
659
  },
631
- onMove(V, G, R) {
632
- n.value && c.value && (X(R.y - Y - K), R.preventDefault(), R.stopPropagation());
660
+ onMove(M, K, L) {
661
+ n.value && d.value && (X(L.y - q - N), L.preventDefault(), L.stopPropagation());
633
662
  },
634
663
  onUp() {
635
664
  v.value = !1;
636
665
  }
637
666
  });
638
- function w(V) {
639
- n.value && (n.value.scrollLeft = V / 100 * (n.value.scrollWidth - n.value.offsetWidth));
667
+ function x(M) {
668
+ n.value && (n.value.scrollLeft = M / 100 * (n.value.scrollWidth - n.value.offsetWidth));
640
669
  }
641
- function E(V) {
642
- n.value && (n.value.scrollLeft = V / 100 * (n.value.scrollHeight - n.value.offsetHeight));
670
+ function T(M) {
671
+ n.value && (n.value.scrollLeft = M / 100 * (n.value.scrollHeight - n.value.offsetHeight));
643
672
  }
644
- function F(V) {
645
- n.value && (n.value.scrollLeft = V / (n.value.offsetWidth - D.sizeRaw) * (n.value.scrollWidth - n.value.offsetWidth));
673
+ function E(M) {
674
+ n.value && (n.value.scrollLeft = M / (n.value.offsetWidth - _.sizeRaw) * (n.value.scrollWidth - n.value.offsetWidth));
646
675
  }
647
- function X(V) {
648
- n.value && (n.value.scrollTop = V / (n.value.offsetHeight - j.sizeRaw) * (n.value.scrollHeight - n.value.offsetHeight));
676
+ function X(M) {
677
+ n.value && (n.value.scrollTop = M / (n.value.offsetHeight - H.sizeRaw) * (n.value.scrollHeight - n.value.offsetHeight));
649
678
  }
650
- function O(V) {
651
- e.scrollBarBackgroundClickable && F(V.offsetX - D.sizeRaw / 2);
679
+ function O(M) {
680
+ e.scrollBarBackgroundClickable && E(M.offsetX - _.sizeRaw / 2);
652
681
  }
653
- function ie(V) {
654
- e.scrollBarBackgroundClickable && X(V.offsetY - j.sizeRaw / 2);
682
+ function ie(M) {
683
+ e.scrollBarBackgroundClickable && X(M.offsetY - H.sizeRaw / 2);
655
684
  }
656
685
  const {
657
686
  startResizeChecker: xe,
658
- stopResizeChecker: N
687
+ stopResizeChecker: U
659
688
  } = Il(
660
689
  n,
661
- () => x(),
662
- () => x()
690
+ () => b(),
691
+ () => b()
663
692
  );
664
- return q(() => {
693
+ return Y(() => {
665
694
  _e(() => {
666
- setTimeout(() => x(!0), 200), x(!0), xe(), W = new MutationObserver(() => x()), W.observe(n.value, b);
695
+ setTimeout(() => b(!0), 200), b(!0), xe(), D = new MutationObserver(() => b()), D.observe(n.value, w);
667
696
  });
668
697
  }), Q(() => {
669
- N(), W && (W.disconnect(), W = null);
698
+ U(), D && (D.disconnect(), D = null);
670
699
  }), i({
671
700
  refreshScrollState() {
672
- x(!0);
701
+ b(!0);
673
702
  },
674
703
  getScrollContainer() {
675
704
  return n.value;
676
705
  },
677
- scrollTo(V, G) {
678
- var R;
679
- (R = n.value) == null || R.scrollTo(V, G);
706
+ scrollTo(M, K) {
707
+ var L;
708
+ (L = n.value) == null || L.scrollTo(M, K);
680
709
  },
681
710
  scrollToTop() {
682
- var V;
683
- (V = n.value) == null || V.scrollTo(0, 0);
711
+ var M;
712
+ (M = n.value) == null || M.scrollTo(0, 0);
684
713
  },
685
714
  scrollToBottom() {
686
- var V;
687
- (V = n.value) == null || V.scrollTo(n.value.scrollWidth, n.value.scrollHeight);
715
+ var M;
716
+ (M = n.value) == null || M.scrollTo(n.value.scrollWidth, n.value.scrollHeight);
688
717
  }
689
- }), (V, G) => (H(), A("div", {
718
+ }), (M, K) => (P(), F("div", {
690
719
  ref_key: "scrollrect",
691
720
  ref: o,
692
721
  class: Ae([
@@ -699,7 +728,7 @@ const Ot = 140, Dl = 70, Wl = /* @__PURE__ */ Pe({
699
728
  width: t.width ? `${t.width}px` : void 0,
700
729
  height: t.height ? `${t.height}px` : void 0
701
730
  }),
702
- onWheel: L
731
+ onWheel: W
703
732
  }, [
704
733
  ue("div", {
705
734
  ref_key: "container",
@@ -710,54 +739,54 @@ const Ot = 140, Dl = 70, Wl = /* @__PURE__ */ Pe({
710
739
  maxHeight: t.maxHeight ? `${t.maxHeight}px` : void 0,
711
740
  ...t.containerStyle
712
741
  }),
713
- onScroll: a
742
+ onScroll: u
714
743
  }, [
715
- be(V.$slots, "default")
744
+ be(M.$slots, "default")
716
745
  ], 38),
717
- D.show ? be(V.$slots, "scrollBarX", {
746
+ _.show ? be(M.$slots, "scrollBarX", {
718
747
  key: 0,
719
- scrollBarValue: D,
720
- onScroll: w
748
+ scrollBarValue: _,
749
+ onScroll: x
721
750
  }, () => [
722
751
  ue("div", {
723
752
  ref_key: "scrollBarRefX",
724
753
  ref: l,
725
754
  class: "scrollbar horizontal",
726
755
  onClick: O,
727
- onWheel: S
756
+ onWheel: k
728
757
  }, [
729
758
  ue("div", {
730
759
  class: "thumb",
731
760
  ref_key: "scrollBarThumbRefX",
732
- ref: u,
733
- style: Se({ left: `${D.pos}%`, width: `${D.size}%` }),
734
- onMousedown: G[0] || (G[0] = //@ts-ignore
735
- (...R) => z(d) && z(d)(...R)),
736
- onWheel: S
761
+ ref: a,
762
+ style: Se({ left: `${_.pos}%`, width: `${_.size}%` }),
763
+ onMousedown: K[0] || (K[0] = //@ts-ignore
764
+ (...L) => z(s) && z(s)(...L)),
765
+ onWheel: k
737
766
  }, null, 36)
738
767
  ], 544)
739
768
  ]) : ne("", !0),
740
- j.show ? be(V.$slots, "scrollBarY", {
769
+ H.show ? be(M.$slots, "scrollBarY", {
741
770
  key: 1,
742
- scrollBarValue: j,
743
- onScroll: E
771
+ scrollBarValue: H,
772
+ onScroll: T
744
773
  }, () => [
745
- j.show ? (H(), A("div", {
774
+ H.show ? (P(), F("div", {
746
775
  key: 0,
747
776
  ref_key: "scrollBarRefY",
748
- ref: c,
777
+ ref: d,
749
778
  class: "scrollbar vertical",
750
779
  onClick: ie,
751
- onWheel: B
780
+ onWheel: A
752
781
  }, [
753
782
  ue("div", {
754
783
  class: "thumb",
755
784
  ref_key: "scrollBarThumbRefY",
756
- ref: p,
757
- style: Se({ top: `${j.pos}%`, height: `${j.size}%` }),
758
- onMousedown: G[1] || (G[1] = //@ts-ignore
759
- (...R) => z(y) && z(y)(...R)),
760
- onWheel: B
785
+ ref: h,
786
+ style: Se({ top: `${H.pos}%`, height: `${H.size}%` }),
787
+ onMousedown: K[1] || (K[1] = //@ts-ignore
788
+ (...L) => z(p) && z(p)(...L)),
789
+ onWheel: A
761
790
  }, null, 36)
762
791
  ], 544)) : ne("", !0)
763
792
  ]) : ne("", !0)
@@ -776,7 +805,7 @@ const Ot = 140, Dl = 70, Wl = /* @__PURE__ */ Pe({
776
805
  Rl
777
806
  ];
778
807
  function jl(t, i) {
779
- return H(), A("svg", Pl, Hl);
808
+ return P(), F("svg", Pl, Hl);
780
809
  }
781
810
  const Tl = /* @__PURE__ */ pt(Ll, [["render", jl]]), Bl = {}, Al = {
782
811
  class: "mx-right-arrow",
@@ -786,7 +815,7 @@ const Tl = /* @__PURE__ */ pt(Ll, [["render", jl]]), Bl = {}, Al = {
786
815
  Fl
787
816
  ];
788
817
  function zl(t, i) {
789
- return H(), A("svg", Al, El);
818
+ return P(), F("svg", Al, El);
790
819
  }
791
820
  const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Ul = { class: "mx-item-row" }, Gl = ["xlink:href"], Kl = {
792
821
  key: 1,
@@ -929,116 +958,116 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Ul = { class: "mx-item-row"
929
958
  clickHandler: n,
930
959
  clickClose: o,
931
960
  clickableWhenHasChildren: l,
932
- disabled: c,
933
- hidden: u,
934
- label: p,
961
+ disabled: d,
962
+ hidden: a,
963
+ label: h,
935
964
  icon: v,
936
- iconFontClass: s,
937
- showRightArrow: k,
938
- shortcut: D,
939
- hasChildren: j
940
- } = Fe(e), P = C(!1), h = C(!1), _ = C(), I = me("globalOptions"), W = me("globalHasSlot"), b = me("globalRenderSlot"), a = me("globalCloseMenu"), x = me("menuContext"), L = m(() => typeof p.value == "string" ? p.value : typeof p.value == "function" ? kl(p.value.toString()) : "MenuItem[unknow]");
941
- we("MenuItemName", L);
942
- const S = {
965
+ iconFontClass: c,
966
+ showRightArrow: S,
967
+ shortcut: _,
968
+ hasChildren: H
969
+ } = Fe(e), R = y(!1), m = y(!1), V = y(), I = me("globalOptions"), D = me("globalHasSlot"), w = me("globalRenderSlot"), u = me("globalCloseMenu"), b = me("menuContext"), W = g(() => typeof h.value == "string" ? h.value : typeof h.value == "function" ? kl(h.value.toString()) : "MenuItem[unknow]");
970
+ we("MenuItemName", W);
971
+ const k = {
943
972
  getSubMenuInstance: () => {
944
973
  },
945
- showSubMenu: () => P.value ? (x.markActiveMenuItem(S, !0), !0) : j.value ? (M(), !0) : !1,
974
+ showSubMenu: () => R.value ? (b.markActiveMenuItem(k, !0), !0) : H.value ? (j(), !0) : !1,
946
975
  hideSubMenu: () => {
947
- x.closeOtherSubMenu();
976
+ b.closeOtherSubMenu();
948
977
  },
949
- isDisabledOrHidden: () => c.value || u.value,
950
- getElement: () => _.value,
951
- focus: () => h.value = !0,
952
- blur: () => h.value = !1,
953
- click: B
978
+ isDisabledOrHidden: () => d.value || a.value,
979
+ getElement: () => V.value,
980
+ focus: () => m.value = !0,
981
+ blur: () => m.value = !1,
982
+ click: A
954
983
  };
955
- we("menuItemInstance", S), q(() => {
956
- x.isMenuItemDataCollectedFlag() ? _e(() => {
957
- let K = 0;
958
- const d = x.getElement();
959
- if (d) {
960
- let y = 0;
961
- for (let w = 0; w < d.children.length; w++) {
962
- const E = d.children[w];
963
- if (E.getAttribute("data-type") === "ContextMenuItem") {
964
- if (E === _.value) {
965
- K = y;
984
+ we("menuItemInstance", k), Y(() => {
985
+ b.isMenuItemDataCollectedFlag() ? _e(() => {
986
+ let N = 0;
987
+ const s = b.getElement();
988
+ if (s) {
989
+ let p = 0;
990
+ for (let x = 0; x < s.children.length; x++) {
991
+ const T = s.children[x];
992
+ if (T.getAttribute("data-type") === "ContextMenuItem") {
993
+ if (T === V.value) {
994
+ N = p;
966
995
  break;
967
996
  }
968
- y++;
997
+ p++;
969
998
  }
970
999
  }
971
1000
  }
972
- x.addChildMenuItem(S, K);
973
- }) : x.addChildMenuItem(S);
1001
+ b.addChildMenuItem(k, N);
1002
+ }) : b.addChildMenuItem(k);
974
1003
  }), Q(() => {
975
- x.removeChildMenuItem(S);
1004
+ b.removeChildMenuItem(k);
976
1005
  });
977
- function B(K) {
978
- if (!c.value) {
979
- if (K) {
980
- const d = K.target;
981
- if (d.classList.contains("mx-context-no-clickable") || I.value.ignoreClickClassName && d.classList.contains(I.value.ignoreClickClassName))
1006
+ function A(N) {
1007
+ if (!d.value) {
1008
+ if (N) {
1009
+ const s = N.target;
1010
+ if (s.classList.contains("mx-context-no-clickable") || I.value.ignoreClickClassName && s.classList.contains(I.value.ignoreClickClassName))
982
1011
  return;
983
- if (I.value.clickCloseClassName && d.classList.contains(I.value.clickCloseClassName)) {
984
- K.stopPropagation(), a(e.rawMenuItem);
1012
+ if (I.value.clickCloseClassName && s.classList.contains(I.value.clickCloseClassName)) {
1013
+ N.stopPropagation(), u(e.rawMenuItem);
985
1014
  return;
986
1015
  }
987
1016
  }
988
- j.value ? l.value ? (typeof n.value == "function" && n.value(K), f("click", K)) : P.value || M() : (typeof n.value == "function" && n.value(K), f("click", K), o.value && a(e.rawMenuItem));
1017
+ H.value ? l.value ? (typeof n.value == "function" && n.value(N), f("click", N)) : R.value || j() : (typeof n.value == "function" && n.value(N), f("click", N), o.value && u(e.rawMenuItem));
989
1018
  }
990
1019
  }
991
- function M(K) {
992
- h.value = !1, x.checkCloseOtherSubMenuTimeOut() || x.closeOtherSubMenu(), c.value || (x.markActiveMenuItem(S), j.value && (K || x.markThisOpenedByKeyBoard(), x.addOpenedSubMenu(g), P.value = !0, _e(() => f("subMenuOpen", S))));
1020
+ function j(N) {
1021
+ m.value = !1, b.checkCloseOtherSubMenuTimeOut() || b.closeOtherSubMenu(), d.value || (b.markActiveMenuItem(k), H.value && (N || b.markThisOpenedByKeyBoard(), b.addOpenedSubMenu(C), R.value = !0, _e(() => f("subMenuOpen", k))));
993
1022
  }
994
- function g() {
995
- h.value = !1, P.value = !1, f("subMenuClose", S);
1023
+ function C() {
1024
+ m.value = !1, R.value = !1, f("subMenuClose", k);
996
1025
  }
997
- function Y() {
1026
+ function q() {
998
1027
  return {
999
- disabled: c.value,
1000
- label: p.value,
1028
+ disabled: d.value,
1029
+ label: h.value,
1001
1030
  icon: v.value,
1002
- iconFontClass: s.value,
1003
- showRightArrow: k.value,
1031
+ iconFontClass: c.value,
1032
+ showRightArrow: S.value,
1004
1033
  clickClose: o.value,
1005
1034
  clickableWhenHasChildren: l.value,
1006
- shortcut: D.value,
1035
+ shortcut: _.value,
1007
1036
  theme: I.value.theme,
1008
- isOpen: P,
1009
- hasChildren: j,
1010
- onClick: B,
1011
- onMouseEnter: M,
1012
- closeMenu: a
1037
+ isOpen: R,
1038
+ hasChildren: H,
1039
+ onClick: A,
1040
+ onMouseEnter: j,
1041
+ closeMenu: u
1013
1042
  };
1014
1043
  }
1015
- return i(S), (K, d) => z(u) ? ne("", !0) : (H(), A("div", {
1044
+ return i(k), (N, s) => z(a) ? ne("", !0) : (P(), F("div", {
1016
1045
  key: 0,
1017
1046
  class: "mx-context-menu-item-wrapper",
1018
1047
  ref_key: "menuItemRef",
1019
- ref: _,
1048
+ ref: V,
1020
1049
  "data-type": "ContextMenuItem"
1021
1050
  }, [
1022
- z(W)("itemRender") ? (H(), he(z(Ve), {
1051
+ z(D)("itemRender") ? (P(), he(z(Ve), {
1023
1052
  key: 0,
1024
- vnode: () => z(b)("itemRender", Y())
1025
- }, null, 8, ["vnode"])) : t.customRender ? (H(), he(z(Ve), {
1053
+ vnode: () => z(w)("itemRender", q())
1054
+ }, null, 8, ["vnode"])) : t.customRender ? (P(), he(z(Ve), {
1026
1055
  key: 1,
1027
1056
  vnode: t.customRender,
1028
- data: Y()
1029
- }, null, 8, ["vnode", "data"])) : (H(), A("div", {
1057
+ data: q()
1058
+ }, null, 8, ["vnode", "data"])) : (P(), F("div", {
1030
1059
  key: 2,
1031
1060
  class: Ae([
1032
1061
  "mx-context-menu-item",
1033
- z(c) ? "disabled" : "",
1034
- h.value ? "keyboard-focus" : "",
1062
+ z(d) ? "disabled" : "",
1063
+ m.value ? "keyboard-focus" : "",
1035
1064
  t.customClass ? " " + t.customClass : "",
1036
- P.value ? "open" : ""
1065
+ R.value ? "open" : ""
1037
1066
  ]),
1038
- onClick: B,
1039
- onMouseenter: M
1067
+ onClick: A,
1068
+ onMouseenter: j
1040
1069
  }, [
1041
- be(K.$slots, "default", {}, () => [
1070
+ be(N.$slots, "default", {}, () => [
1042
1071
  ue("div", Ul, [
1043
1072
  ue("div", {
1044
1073
  class: Ae([
@@ -1046,64 +1075,64 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Ul = { class: "mx-item-row"
1046
1075
  t.preserveIconWidth ? "preserve-width" : ""
1047
1076
  ])
1048
1077
  }, [
1049
- be(K.$slots, "icon", {}, () => [
1050
- z(W)("itemIconRender") ? (H(), he(z(Ve), {
1078
+ be(N.$slots, "icon", {}, () => [
1079
+ z(D)("itemIconRender") ? (P(), he(z(Ve), {
1051
1080
  key: 0,
1052
- vnode: () => z(b)("itemIconRender", Y())
1053
- }, null, 8, ["vnode"])) : typeof t.svgIcon == "string" && t.svgIcon ? (H(), A("svg", ct({
1081
+ vnode: () => z(w)("itemIconRender", q())
1082
+ }, null, 8, ["vnode"])) : typeof t.svgIcon == "string" && t.svgIcon ? (P(), F("svg", ct({
1054
1083
  key: 1,
1055
1084
  class: "icon svg"
1056
1085
  }, t.svgProps), [
1057
1086
  ue("use", { "xlink:href": t.svgIcon }, null, 8, Gl)
1058
- ], 16)) : typeof z(v) != "string" ? (H(), he(z(Ve), {
1087
+ ], 16)) : typeof z(v) != "string" ? (P(), he(z(Ve), {
1059
1088
  key: 2,
1060
1089
  vnode: z(v),
1061
1090
  data: z(v)
1062
- }, null, 8, ["vnode", "data"])) : typeof z(v) == "string" && z(v) !== "" ? (H(), A("i", {
1091
+ }, null, 8, ["vnode", "data"])) : typeof z(v) == "string" && z(v) !== "" ? (P(), F("i", {
1063
1092
  key: 3,
1064
- class: Ae(z(v) + " icon " + z(s) + " " + z(I).iconFontClass)
1093
+ class: Ae(z(v) + " icon " + z(c) + " " + z(I).iconFontClass)
1065
1094
  }, null, 2)) : ne("", !0)
1066
1095
  ]),
1067
- t.checked ? be(K.$slots, "check", { key: 0 }, () => [
1068
- z(W)("itemCheckRender") ? (H(), he(z(Ve), {
1096
+ t.checked ? be(N.$slots, "check", { key: 0 }, () => [
1097
+ z(D)("itemCheckRender") ? (P(), he(z(Ve), {
1069
1098
  key: 0,
1070
- vnode: () => z(b)("itemCheckRender", Y())
1099
+ vnode: () => z(w)("itemCheckRender", q())
1071
1100
  }, null, 8, ["vnode"])) : ne("", !0),
1072
1101
  Oe(Tl)
1073
1102
  ]) : ne("", !0)
1074
1103
  ], 2),
1075
- be(K.$slots, "label", {}, () => [
1076
- z(W)("itemLabelRender") ? (H(), he(z(Ve), {
1104
+ be(N.$slots, "label", {}, () => [
1105
+ z(D)("itemLabelRender") ? (P(), he(z(Ve), {
1077
1106
  key: 0,
1078
- vnode: () => z(b)("itemLabelRender", Y())
1079
- }, null, 8, ["vnode"])) : typeof z(p) == "string" ? (H(), A("span", Kl, De(z(p)), 1)) : (H(), he(z(Ve), {
1107
+ vnode: () => z(w)("itemLabelRender", q())
1108
+ }, null, 8, ["vnode"])) : typeof z(h) == "string" ? (P(), F("span", Kl, De(z(h)), 1)) : (P(), he(z(Ve), {
1080
1109
  key: 2,
1081
- vnode: z(p),
1082
- data: z(p)
1110
+ vnode: z(h),
1111
+ data: z(h)
1083
1112
  }, null, 8, ["vnode", "data"]))
1084
1113
  ])
1085
1114
  ]),
1086
1115
  ue("div", Xl, [
1087
- z(D) || K.$slots.shortcut ? be(K.$slots, "shortcut", { key: 0 }, () => [
1088
- z(W)("itemShortcutRender") ? (H(), he(z(Ve), {
1116
+ z(_) || N.$slots.shortcut ? be(N.$slots, "shortcut", { key: 0 }, () => [
1117
+ z(D)("itemShortcutRender") ? (P(), he(z(Ve), {
1089
1118
  key: 0,
1090
- vnode: () => z(b)("itemShortcutRender", Y())
1119
+ vnode: () => z(w)("itemShortcutRender", q())
1091
1120
  }, null, 8, ["vnode"])) : ne("", !0),
1092
- ue("span", Yl, De(z(D)), 1)
1121
+ ue("span", Yl, De(z(_)), 1)
1093
1122
  ]) : ne("", !0),
1094
- z(k) ? be(K.$slots, "rightArrow", { key: 1 }, () => [
1095
- z(W)("itemRightArrowRender") ? (H(), he(z(Ve), {
1123
+ z(S) ? be(N.$slots, "rightArrow", { key: 1 }, () => [
1124
+ z(D)("itemRightArrowRender") ? (P(), he(z(Ve), {
1096
1125
  key: 0,
1097
- vnode: () => z(b)("itemRightArrowRender", Y())
1126
+ vnode: () => z(w)("itemRightArrowRender", q())
1098
1127
  }, null, 8, ["vnode"])) : ne("", !0),
1099
1128
  Oe(Nl)
1100
1129
  ]) : ne("", !0)
1101
1130
  ])
1102
1131
  ])
1103
1132
  ], 34)),
1104
- be(K.$slots, "submenu", {
1105
- context: S,
1106
- show: P.value
1133
+ be(N.$slots, "submenu", {
1134
+ context: k,
1135
+ show: R.value
1107
1136
  })
1108
1137
  ], 512));
1109
1138
  }
@@ -1125,10 +1154,10 @@ const Nl = /* @__PURE__ */ pt(Bl, [["render", zl]]), Ul = { class: "mx-item-row"
1125
1154
  };
1126
1155
  function Ql(t, i, r, e, f, n) {
1127
1156
  const o = Ze("VNodeRender");
1128
- return t.globalHasSlot("separatorRender") ? (H(), he(o, {
1157
+ return t.globalHasSlot("separatorRender") ? (P(), he(o, {
1129
1158
  key: 0,
1130
1159
  vnode: () => t.globalRenderSlot("separatorRender", {})
1131
- }, null, 8, ["vnode"])) : (H(), A("div", Zl));
1160
+ }, null, 8, ["vnode"])) : (P(), F("div", Zl));
1132
1161
  }
1133
1162
  const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1134
1163
  __name: "ContextSubMenu",
@@ -1190,215 +1219,215 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1190
1219
  },
1191
1220
  emits: ["closeAnimFinished"],
1192
1221
  setup(t, { expose: i, emit: r }) {
1193
- const e = t, f = r, n = C(!1), o = me("globalGetMenuHostId", ""), l = me("menuContext"), c = me("globalOptions");
1222
+ const e = t, f = r, n = y(!1), o = me("globalGetMenuHostId", ""), l = me("menuContext"), d = me("globalOptions");
1194
1223
  me("globalHasSlot"), me("globalRenderSlot");
1195
- const u = C("UnknowOrRoot"), p = me("MenuItemName", u), { zIndex: v, getParentWidth: s, getParentHeight: k, getZoom: D } = l, { adjustPosition: j } = Fe(e), P = C(), h = C(), _ = C(), I = [], W = me("globalSetCurrentSubMenu"), b = [];
1196
- let a = null, x = 0;
1197
- function L() {
1198
- a && a.blur();
1224
+ const a = y("UnknowOrRoot"), h = me("MenuItemName", a), { zIndex: v, getParentWidth: c, getParentHeight: S, getZoom: _ } = l, { adjustPosition: H } = Fe(e), R = y(), m = y(), V = y(), I = [], D = me("globalSetCurrentSubMenu"), w = [];
1225
+ let u = null, b = 0;
1226
+ function W() {
1227
+ u && u.blur();
1199
1228
  }
1200
- function S(N, V) {
1201
- if (N) {
1202
- for (let G = V !== void 0 ? V : 0; G < b.length; G++)
1203
- if (!b[G].isDisabledOrHidden()) {
1204
- B(G);
1229
+ function k(U, M) {
1230
+ if (U) {
1231
+ for (let K = M !== void 0 ? M : 0; K < w.length; K++)
1232
+ if (!w[K].isDisabledOrHidden()) {
1233
+ A(K);
1205
1234
  break;
1206
1235
  }
1207
1236
  } else
1208
- for (let G = V !== void 0 ? V : b.length - 1; G >= 0; G--)
1209
- if (!b[G].isDisabledOrHidden()) {
1210
- B(G);
1237
+ for (let K = M !== void 0 ? M : w.length - 1; K >= 0; K--)
1238
+ if (!w[K].isDisabledOrHidden()) {
1239
+ A(K);
1211
1240
  break;
1212
1241
  }
1213
1242
  }
1214
- function B(N) {
1215
- if (a && L(), N !== void 0 && (a = b[Math.max(0, Math.min(N, b.length - 1))]), !a)
1243
+ function A(U) {
1244
+ if (u && W(), U !== void 0 && (u = w[Math.max(0, Math.min(U, w.length - 1))]), !u)
1216
1245
  return;
1217
- a.focus();
1218
- const V = a.getElement();
1219
- V && V.scrollIntoView({
1246
+ u.focus();
1247
+ const M = u.getElement();
1248
+ M && M.scrollIntoView({
1220
1249
  behavior: "auto",
1221
1250
  block: "nearest",
1222
1251
  inline: "nearest"
1223
1252
  });
1224
1253
  }
1225
- function M() {
1226
- W(g);
1254
+ function j() {
1255
+ D(C);
1227
1256
  }
1228
- const g = {
1229
- el: _,
1230
- name: p,
1257
+ const C = {
1258
+ el: V,
1259
+ name: h,
1231
1260
  isTopLevel: () => l.getParentContext() === null,
1232
1261
  closeSelfAndActiveParent: () => {
1233
- const N = d.getParentContext();
1234
- if (N) {
1235
- N.closeOtherSubMenu();
1236
- const V = N.getSubMenuInstanceContext();
1237
- if (V)
1238
- return V.focusCurrentItem(), !0;
1262
+ const U = s.getParentContext();
1263
+ if (U) {
1264
+ U.closeOtherSubMenu();
1265
+ const M = U.getSubMenuInstanceContext();
1266
+ if (M)
1267
+ return M.focusCurrentItem(), !0;
1239
1268
  }
1240
1269
  return !1;
1241
1270
  },
1242
1271
  closeCurrentSubMenu: () => {
1243
- var N;
1244
- return (N = d.getParentContext()) == null ? void 0 : N.closeOtherSubMenu();
1272
+ var U;
1273
+ return (U = s.getParentContext()) == null ? void 0 : U.closeOtherSubMenu();
1245
1274
  },
1246
- moveCurrentItemFirst: () => S(!0),
1247
- moveCurrentItemLast: () => S(!1),
1248
- moveCurrentItemDown: () => S(!0, a ? b.indexOf(a) + 1 : 0),
1249
- moveCurrentItemUp: () => S(!1, a ? b.indexOf(a) - 1 : 0),
1250
- focusCurrentItem: () => B(),
1251
- openCurrentItemSubMenu: () => a ? a?.showSubMenu() : !1,
1252
- triggerCurrentItemClick: (N) => a?.click(N)
1275
+ moveCurrentItemFirst: () => k(!0),
1276
+ moveCurrentItemLast: () => k(!1),
1277
+ moveCurrentItemDown: () => k(!0, u ? w.indexOf(u) + 1 : 0),
1278
+ moveCurrentItemUp: () => k(!1, u ? w.indexOf(u) - 1 : 0),
1279
+ focusCurrentItem: () => A(),
1280
+ openCurrentItemSubMenu: () => u ? u?.showSubMenu() : !1,
1281
+ triggerCurrentItemClick: (U) => u?.click(U)
1253
1282
  };
1254
- let Y = !1, K = !1;
1255
- const d = {
1283
+ let q = !1, N = !1;
1284
+ const s = {
1256
1285
  zIndex: v + 1,
1257
1286
  container: l.container,
1258
- adjustPadding: c.value.adjustPadding || Me.defaultAdjustPadding,
1287
+ adjustPadding: d.value.adjustPadding || Me.defaultAdjustPadding,
1259
1288
  getParentWidth: () => {
1260
- var N;
1261
- return ((N = _.value) == null ? void 0 : N.offsetWidth) || 0;
1289
+ var U;
1290
+ return ((U = V.value) == null ? void 0 : U.offsetWidth) || 0;
1262
1291
  },
1263
1292
  getParentHeight: () => {
1264
- var N;
1265
- return ((N = _.value) == null ? void 0 : N.offsetHeight) || 0;
1293
+ var U;
1294
+ return ((U = V.value) == null ? void 0 : U.offsetHeight) || 0;
1266
1295
  },
1267
1296
  getPositon: () => [O.value.x, O.value.y],
1268
- getZoom: () => c.value.zoom || Me.defaultZoom,
1269
- addOpenedSubMenu(N) {
1270
- I.push(N);
1297
+ getZoom: () => d.value.zoom || Me.defaultZoom,
1298
+ addOpenedSubMenu(U) {
1299
+ I.push(U);
1271
1300
  },
1272
1301
  closeOtherSubMenu() {
1273
- I.forEach((N) => N()), I.splice(0, I.length), W(g);
1302
+ I.forEach((U) => U()), I.splice(0, I.length), D(C);
1274
1303
  },
1275
1304
  checkCloseOtherSubMenuTimeOut() {
1276
- return x ? (clearTimeout(x), x = 0, !0) : !1;
1305
+ return b ? (clearTimeout(b), b = 0, !0) : !1;
1277
1306
  },
1278
1307
  closeOtherSubMenuWithTimeOut() {
1279
- x = setTimeout(() => {
1280
- x = 0, this.closeOtherSubMenu();
1308
+ b = setTimeout(() => {
1309
+ b = 0, this.closeOtherSubMenu();
1281
1310
  }, 200);
1282
1311
  },
1283
- addChildMenuItem: (N, V) => {
1284
- V === void 0 ? b.push(N) : b.splice(V, 0, N);
1312
+ addChildMenuItem: (U, M) => {
1313
+ M === void 0 ? w.push(U) : w.splice(M, 0, U);
1285
1314
  },
1286
- removeChildMenuItem: (N) => {
1287
- b.splice(b.indexOf(N), 1), N.getSubMenuInstance = () => {
1315
+ removeChildMenuItem: (U) => {
1316
+ w.splice(w.indexOf(U), 1), U.getSubMenuInstance = () => {
1288
1317
  };
1289
1318
  },
1290
- markActiveMenuItem: (N, V = !1) => {
1291
- L(), a = N, V && B();
1319
+ markActiveMenuItem: (U, M = !1) => {
1320
+ W(), u = U, M && A();
1292
1321
  },
1293
1322
  markThisOpenedByKeyBoard: () => {
1294
- Y = !0;
1323
+ q = !0;
1295
1324
  },
1296
- isOpenedByKeyBoardFlag: () => Y ? (Y = !1, !0) : !1,
1297
- isMenuItemDataCollectedFlag: () => K,
1298
- getElement: () => _.value || null,
1325
+ isOpenedByKeyBoardFlag: () => q ? (q = !1, !0) : !1,
1326
+ isMenuItemDataCollectedFlag: () => N,
1327
+ getElement: () => V.value || null,
1299
1328
  getParentContext: () => l,
1300
- getSubMenuInstanceContext: () => g
1329
+ getSubMenuInstanceContext: () => C
1301
1330
  };
1302
- we("menuContext", d);
1303
- const y = {
1304
- getChildItem: (N) => b[N],
1305
- getMenuDimensions: () => h.value ? {
1306
- width: h.value.offsetWidth,
1307
- height: h.value.offsetHeight
1331
+ we("menuContext", s);
1332
+ const p = {
1333
+ getChildItem: (U) => w[U],
1334
+ getMenuDimensions: () => m.value ? {
1335
+ width: m.value.offsetWidth,
1336
+ height: m.value.offsetHeight
1308
1337
  } : { width: 0, height: 0 },
1309
- getSubmenuRoot: () => h.value,
1310
- getMenu: () => _.value,
1338
+ getSubmenuRoot: () => m.value,
1339
+ getMenu: () => V.value,
1311
1340
  getScrollValue: () => {
1312
- var N, V;
1313
- return ((V = (N = P.value) == null ? void 0 : N.getScrollContainer()) == null ? void 0 : V.scrollTop) || 0;
1341
+ var U, M;
1342
+ return ((M = (U = R.value) == null ? void 0 : U.getScrollContainer()) == null ? void 0 : M.scrollTop) || 0;
1314
1343
  },
1315
- setScrollValue: (N) => {
1316
- var V;
1317
- return (V = P.value) == null ? void 0 : V.scrollTo(0, N);
1344
+ setScrollValue: (U) => {
1345
+ var M;
1346
+ return (M = R.value) == null ? void 0 : M.scrollTo(0, U);
1318
1347
  },
1319
- getScrollHeight: () => E.value,
1348
+ getScrollHeight: () => T.value,
1320
1349
  adjustPosition: () => {
1321
1350
  ie();
1322
1351
  },
1323
- getMaxHeight: () => F.value,
1352
+ getMaxHeight: () => E.value,
1324
1353
  getPosition: () => O.value,
1325
- setPosition: (N, V) => {
1326
- O.value.x = N, O.value.y = V;
1354
+ setPosition: (U, M) => {
1355
+ O.value.x = U, O.value.y = M;
1327
1356
  }
1328
- }, w = me("menuItemInstance", void 0);
1329
- w && (w.getSubMenuInstance = () => y);
1330
- const E = C(0), F = C(0), X = C(!1), O = C({ x: 0, y: 0 });
1357
+ }, x = me("menuItemInstance", void 0);
1358
+ x && (x.getSubMenuInstance = () => p);
1359
+ const T = y(0), E = y(0), X = y(!1), O = y({ x: 0, y: 0 });
1331
1360
  function ie() {
1332
1361
  _e(() => {
1333
- const N = _.value, V = h.value;
1334
- if (N && V && P.value) {
1335
- const { container: G } = l, R = s?.() ?? 0, ce = k?.() ?? 0, Ce = getComputedStyle(V), fe = parseFloat(Ce.paddingLeft), Re = parseFloat(Ce.paddingTop), je = ce > 0 ? Re : 0, Qe = document.documentElement.scrollHeight / D(), Je = document.documentElement.scrollWidth / D(), $e = Math.min(Je, G.offsetWidth), et = Math.min(Qe, G.offsetHeight);
1336
- let Ee = Xe(N, G), Te = Ke(N, G);
1337
- e.direction.includes("l") ? O.value.x -= N.offsetWidth + fe : e.direction.includes("r") ? O.value.x += R + fe : (O.value.x += R / 2, O.value.x -= (N.offsetWidth + fe) / 2), e.direction.includes("t") ? O.value.y -= (N.offsetHeight + Re * 2) / D() : e.direction.includes("b") ? O.value.y -= Re / D() : O.value.y -= (N.offsetHeight + Re) / 2 / D(), _e(() => {
1338
- var U, se;
1339
- Ee = Xe(N, G), Te = Ke(N, G);
1340
- const pe = ((se = (U = P.value) == null ? void 0 : U.getScrollContainer()) == null ? void 0 : se.scrollHeight) || 0, ge = e.maxHeight;
1341
- E.value = e.maxHeight ? Math.min(pe, e.maxHeight) : pe;
1342
- const Be = Ee + N.offsetWidth - $e, tt = Te + E.value + je * 2 - et;
1343
- if (X.value = tt > 0, j.value && Be > 0) {
1344
- const ze = R + N.offsetWidth - fe, Ne = Ee;
1362
+ const U = V.value, M = m.value;
1363
+ if (U && M && R.value) {
1364
+ const { container: K } = l, L = c?.() ?? 0, ce = S?.() ?? 0, Ce = getComputedStyle(M), fe = parseFloat(Ce.paddingLeft), Re = parseFloat(Ce.paddingTop), je = ce > 0 ? Re : 0, Qe = document.documentElement.scrollHeight / _(), Je = document.documentElement.scrollWidth / _(), $e = Math.min(Je, K.offsetWidth), et = Math.min(Qe, K.offsetHeight);
1365
+ let Ee = Xe(U, K), Te = Ke(U, K);
1366
+ e.direction.includes("l") ? O.value.x -= U.offsetWidth + fe : e.direction.includes("r") ? O.value.x += L + fe : (O.value.x += L / 2, O.value.x -= (U.offsetWidth + fe) / 2), e.direction.includes("t") ? O.value.y -= (U.offsetHeight + Re * 2) / _() : e.direction.includes("b") ? O.value.y -= Re / _() : O.value.y -= (U.offsetHeight + Re) / 2 / _(), _e(() => {
1367
+ var G, se;
1368
+ Ee = Xe(U, K), Te = Ke(U, K);
1369
+ const pe = ((se = (G = R.value) == null ? void 0 : G.getScrollContainer()) == null ? void 0 : se.scrollHeight) || 0, ge = e.maxHeight;
1370
+ T.value = e.maxHeight ? Math.min(pe, e.maxHeight) : pe;
1371
+ const Be = Ee + U.offsetWidth - $e, tt = Te + T.value + je * 2 - et;
1372
+ if (X.value = tt > 0, H.value && Be > 0) {
1373
+ const ze = L + U.offsetWidth - fe, Ne = Ee;
1345
1374
  ze > Ne ? O.value.x -= Ne : O.value.x -= ze;
1346
1375
  }
1347
1376
  if (X.value) {
1348
- if (j.value) {
1377
+ if (H.value) {
1349
1378
  const ze = tt, Ne = Te;
1350
1379
  ze > Ne ? O.value.y -= Ne - je : O.value.y -= ze - je;
1351
1380
  }
1352
- F.value = et - (O.value.y + Re);
1381
+ E.value = et - (O.value.y + Re);
1353
1382
  } else
1354
- F.value = ge || 0;
1383
+ E.value = ge || 0;
1355
1384
  });
1356
1385
  }
1357
1386
  });
1358
1387
  }
1359
1388
  function xe() {
1360
- var N;
1361
- const V = (N = e.parentMenuItemContext) == null ? void 0 : N.getElement();
1362
- if (V) {
1363
- const G = Xe(V, l.container), R = Ke(V, l.container);
1364
- O.value.x = G, O.value.y = R;
1389
+ var U;
1390
+ const M = (U = e.parentMenuItemContext) == null ? void 0 : U.getElement();
1391
+ if (M) {
1392
+ const K = Xe(M, l.container), L = Ke(M, l.container);
1393
+ O.value.x = K, O.value.y = L;
1365
1394
  } else {
1366
- const [G, R] = l.getPositon();
1367
- O.value.x = G, O.value.y = R;
1395
+ const [K, L] = l.getPositon();
1396
+ O.value.x = K, O.value.y = L;
1368
1397
  }
1369
1398
  _e(() => {
1370
- var G;
1371
- W(g), (G = _.value) == null || G.focus({ preventScroll: !0 }), l.isOpenedByKeyBoardFlag() && _e(() => S(!0)), K = !0;
1399
+ var K;
1400
+ D(C), (K = V.value) == null || K.focus({ preventScroll: !0 }), l.isOpenedByKeyBoardFlag() && _e(() => k(!0)), N = !0;
1372
1401
  }), ie();
1373
1402
  }
1374
- return T(() => e.show, (N) => {
1375
- N && xe();
1376
- }), q(() => {
1403
+ return B(() => e.show, (U) => {
1404
+ U && xe();
1405
+ }), Y(() => {
1377
1406
  n.value = !0, e.show ? xe() : ie();
1378
1407
  }), Q(() => {
1379
- n.value = !1, w && (w.getSubMenuInstance = () => {
1408
+ n.value = !1, x && (x.getSubMenuInstance = () => {
1380
1409
  });
1381
- }), i(y), (N, V) => {
1382
- const G = Ze("ContextSubMenu", !0);
1383
- return n.value ? (H(), he(Dt, {
1410
+ }), i(p), (U, M) => {
1411
+ const K = Ze("ContextSubMenu", !0);
1412
+ return n.value ? (P(), he(Dt, {
1384
1413
  key: 0,
1385
1414
  to: `#${z(o)}`
1386
1415
  }, [
1387
- Oe(At, ct({ appear: "" }, z(c).menuTransitionProps || {
1416
+ Oe(At, ct({ appear: "" }, z(d).menuTransitionProps || {
1388
1417
  duration: 10
1389
1418
  }, {
1390
- onAfterLeave: V[0] || (V[0] = (R) => f("closeAnimFinished"))
1419
+ onAfterLeave: M[0] || (M[0] = (L) => f("closeAnimFinished"))
1391
1420
  }), {
1392
1421
  default: He(() => [
1393
- t.show ? (H(), A("div", ct({
1422
+ t.show ? (P(), F("div", ct({
1394
1423
  key: 0,
1395
1424
  ref_key: "submenuRoot",
1396
- ref: h
1397
- }, N.$attrs, {
1425
+ ref: m
1426
+ }, U.$attrs, {
1398
1427
  class: [
1399
1428
  "mx-context-menu",
1400
- z(c).customClass ? z(c).customClass : "",
1401
- z(c).theme ?? ""
1429
+ z(d).customClass ? z(d).customClass : "",
1430
+ z(d).theme ?? ""
1402
1431
  ],
1403
1432
  style: {
1404
1433
  maxWidth: t.maxWidth ? z(St)(t.maxWidth) : `${z(Me).defaultMaxWidth}px`,
@@ -1408,71 +1437,71 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1408
1437
  top: `${O.value.y}px`
1409
1438
  },
1410
1439
  "data-type": "ContextSubMenu",
1411
- onClick: M
1440
+ onClick: j
1412
1441
  }), [
1413
1442
  Oe(z(Wl), {
1414
1443
  ref_key: "scrollRectRef",
1415
- ref: P,
1444
+ ref: R,
1416
1445
  scroll: "vertical",
1417
- maxHeight: F.value,
1446
+ maxHeight: E.value,
1418
1447
  containerClass: "mx-context-menu-scroll"
1419
1448
  }, {
1420
1449
  default: He(() => [
1421
1450
  ue("div", {
1422
1451
  class: Ae(["mx-context-menu-items"]),
1423
1452
  ref_key: "menu",
1424
- ref: _
1453
+ ref: V
1425
1454
  }, [
1426
- be(N.$slots, "default", {}, () => [
1427
- (H(!0), A(it, null, vt(t.items, (R, ce) => (H(), A(it, { key: ce }, [
1428
- R.hidden !== !0 && R.divided === "up" ? (H(), he(Ye, { key: 0 })) : ne("", !0),
1429
- R.hidden !== !0 && R.divided === "self" ? (H(), he(Ye, { key: 1 })) : (H(), he(ht, {
1455
+ be(U.$slots, "default", {}, () => [
1456
+ (P(!0), F(it, null, vt(t.items, (L, ce) => (P(), F(it, { key: ce }, [
1457
+ L.hidden !== !0 && L.divided === "up" ? (P(), he(Ye, { key: 0 })) : ne("", !0),
1458
+ L.hidden !== !0 && L.divided === "self" ? (P(), he(Ye, { key: 1 })) : (P(), he(ht, {
1430
1459
  key: 2,
1431
- clickHandler: R.onClick ? (Ce) => R.onClick(Ce) : void 0,
1432
- disabled: typeof R.disabled == "object" ? R.disabled.value : R.disabled,
1433
- hidden: typeof R.hidden == "object" ? R.hidden.value : R.hidden,
1434
- icon: R.icon,
1435
- iconFontClass: R.iconFontClass,
1436
- svgIcon: R.svgIcon,
1437
- svgProps: R.svgProps,
1438
- label: R.label,
1439
- customRender: R.customRender,
1440
- customClass: R.customClass,
1441
- checked: typeof R.checked == "object" ? R.checked.value : R.checked,
1442
- shortcut: R.shortcut,
1443
- clickClose: R.clickClose,
1444
- clickableWhenHasChildren: R.clickableWhenHasChildren,
1445
- preserveIconWidth: R.preserveIconWidth !== void 0 ? R.preserveIconWidth : z(c).preserveIconWidth,
1446
- showRightArrow: R.children && R.children.length > 0,
1447
- hasChildren: R.children && R.children.length > 0,
1448
- rawMenuItem: R,
1460
+ clickHandler: L.onClick ? (Ce) => L.onClick(Ce) : void 0,
1461
+ disabled: typeof L.disabled == "object" ? L.disabled.value : L.disabled,
1462
+ hidden: typeof L.hidden == "object" ? L.hidden.value : L.hidden,
1463
+ icon: L.icon,
1464
+ iconFontClass: L.iconFontClass,
1465
+ svgIcon: L.svgIcon,
1466
+ svgProps: L.svgProps,
1467
+ label: L.label,
1468
+ customRender: L.customRender,
1469
+ customClass: L.customClass,
1470
+ checked: typeof L.checked == "object" ? L.checked.value : L.checked,
1471
+ shortcut: L.shortcut,
1472
+ clickClose: L.clickClose,
1473
+ clickableWhenHasChildren: L.clickableWhenHasChildren,
1474
+ preserveIconWidth: L.preserveIconWidth !== void 0 ? L.preserveIconWidth : z(d).preserveIconWidth,
1475
+ showRightArrow: L.children && L.children.length > 0,
1476
+ hasChildren: L.children && L.children.length > 0,
1477
+ rawMenuItem: L,
1449
1478
  onSubMenuOpen: (Ce) => {
1450
1479
  var fe;
1451
- return (fe = R.onSubMenuOpen) == null ? void 0 : fe.call(R, Ce);
1480
+ return (fe = L.onSubMenuOpen) == null ? void 0 : fe.call(L, Ce);
1452
1481
  },
1453
1482
  onSubMenuClose: (Ce) => {
1454
1483
  var fe;
1455
- return (fe = R.onSubMenuClose) == null ? void 0 : fe.call(R, Ce);
1484
+ return (fe = L.onSubMenuClose) == null ? void 0 : fe.call(L, Ce);
1456
1485
  }
1457
1486
  }, Wt({ _: 2 }, [
1458
- R.children && R.children.length > 0 ? {
1487
+ L.children && L.children.length > 0 ? {
1459
1488
  name: "submenu",
1460
1489
  fn: He(({ context: Ce, show: fe }) => [
1461
- Oe(G, {
1490
+ Oe(K, {
1462
1491
  show: fe,
1463
1492
  parentMenuItemContext: Ce,
1464
- items: R.children,
1465
- maxWidth: R.maxWidth,
1466
- minWidth: R.minWidth,
1467
- maxHeight: R.maxHeight,
1468
- adjustPosition: R.adjustSubMenuPosition !== void 0 ? R.adjustSubMenuPosition : z(c).adjustPosition,
1469
- direction: R.direction !== void 0 ? R.direction : z(c).direction
1493
+ items: L.children,
1494
+ maxWidth: L.maxWidth,
1495
+ minWidth: L.minWidth,
1496
+ maxHeight: L.maxHeight,
1497
+ adjustPosition: L.adjustSubMenuPosition !== void 0 ? L.adjustSubMenuPosition : z(d).adjustPosition,
1498
+ direction: L.direction !== void 0 ? L.direction : z(d).direction
1470
1499
  }, null, 8, ["show", "parentMenuItemContext", "items", "maxWidth", "minWidth", "maxHeight", "adjustPosition", "direction"])
1471
1500
  ]),
1472
1501
  key: "0"
1473
1502
  } : void 0
1474
1503
  ]), 1032, ["clickHandler", "disabled", "hidden", "icon", "iconFontClass", "svgIcon", "svgProps", "label", "customRender", "customClass", "checked", "shortcut", "clickClose", "clickableWhenHasChildren", "preserveIconWidth", "showRightArrow", "hasChildren", "rawMenuItem", "onSubMenuOpen", "onSubMenuClose"])),
1475
- R.hidden !== !0 && (R.divided === "down" || R.divided === !0) ? (H(), he(Ye, { key: 3 })) : ne("", !0)
1504
+ L.hidden !== !0 && (L.divided === "down" || L.divided === !0) ? (P(), he(Ye, { key: 3 })) : ne("", !0)
1476
1505
  ], 64))), 128))
1477
1506
  ])
1478
1507
  ], 512)
@@ -1520,100 +1549,100 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1520
1549
  },
1521
1550
  emits: ["close", "closeAnimFinished"],
1522
1551
  setup(t, { expose: i, emit: r }) {
1523
- const e = t, f = r, n = Lt(), o = C(), {
1552
+ const e = t, f = r, n = Lt(), o = y(), {
1524
1553
  options: l,
1525
- show: c,
1526
- container: u
1554
+ show: d,
1555
+ container: a
1527
1556
  } = Fe(e);
1528
- q(() => {
1529
- c.value && s();
1557
+ Y(() => {
1558
+ d.value && c();
1530
1559
  }), Q(() => {
1531
- P();
1532
- }), T(c, (a) => {
1533
- a ? s() : (wt(p), P());
1560
+ R();
1561
+ }), B(d, (u) => {
1562
+ u ? c() : (wt(h), R());
1534
1563
  });
1535
- const p = {
1536
- closeMenu: k,
1537
- isClosed: D,
1564
+ const h = {
1565
+ closeMenu: S,
1566
+ isClosed: _,
1538
1567
  getMenuRef: () => o.value,
1539
1568
  getMenuDimensions: () => {
1540
- var a;
1541
- return ((a = o.value) == null ? void 0 : a.getMenuDimensions()) ?? { width: 0, height: 0 };
1569
+ var u;
1570
+ return ((u = o.value) == null ? void 0 : u.getMenuDimensions()) ?? { width: 0, height: 0 };
1542
1571
  }
1543
1572
  };
1544
1573
  let v = !1;
1545
- function s() {
1546
- j(), bl(p);
1574
+ function c() {
1575
+ H(), bl(h);
1547
1576
  }
1548
- function k(a) {
1549
- v = !0, f("close", a), l.value.menuTransitionProps || f("closeAnimFinished"), wt(p);
1577
+ function S(u) {
1578
+ v = !0, f("close", u), l.value.menuTransitionProps || f("closeAnimFinished"), wt(h);
1550
1579
  }
1551
- function D() {
1580
+ function _() {
1552
1581
  return v;
1553
1582
  }
1554
- function j() {
1583
+ function H() {
1555
1584
  setTimeout(() => {
1556
- document.addEventListener("click", W, !0), document.addEventListener("contextmenu", W, !0), document.addEventListener("scroll", I, !0), !e.isFullScreenContainer && u.value && u.value.addEventListener("scroll", I, !0), l.value.keyboardControl !== !1 && document.addEventListener("keydown", _, !0);
1585
+ document.addEventListener("click", D, !0), document.addEventListener("contextmenu", D, !0), document.addEventListener("scroll", I, !0), !e.isFullScreenContainer && a.value && a.value.addEventListener("scroll", I, !0), l.value.keyboardControl !== !1 && document.addEventListener("keydown", V, !0);
1557
1586
  }, 50);
1558
1587
  }
1559
- function P() {
1560
- document.removeEventListener("contextmenu", W, !0), document.removeEventListener("click", W, !0), document.removeEventListener("scroll", I, !0), !e.isFullScreenContainer && u.value && u.value.removeEventListener("scroll", I, !0), l.value.keyboardControl !== !1 && document.removeEventListener("keydown", _, !0);
1588
+ function R() {
1589
+ document.removeEventListener("contextmenu", D, !0), document.removeEventListener("click", D, !0), document.removeEventListener("scroll", I, !0), !e.isFullScreenContainer && a.value && a.value.removeEventListener("scroll", I, !0), l.value.keyboardControl !== !1 && document.removeEventListener("keydown", V, !0);
1561
1590
  }
1562
- const h = C();
1563
- we("globalSetCurrentSubMenu", (a) => h.value = a), we("globalGetMenuHostId", u.value.id);
1564
- function _(a) {
1565
- var x, L, S, B, M, g, Y, K, d, y, w, E, F;
1591
+ const m = y();
1592
+ we("globalSetCurrentSubMenu", (u) => m.value = u), we("globalGetMenuHostId", a.value.id);
1593
+ function V(u) {
1594
+ var b, W, k, A, j, C, q, N, s, p, x, T, E;
1566
1595
  let X = !0;
1567
- switch (a.key) {
1596
+ switch (u.key) {
1568
1597
  case "Escape": {
1569
- ((x = h.value) == null ? void 0 : x.isTopLevel()) === !1 ? (L = h.value) == null || L.closeCurrentSubMenu() : k();
1598
+ ((b = m.value) == null ? void 0 : b.isTopLevel()) === !1 ? (W = m.value) == null || W.closeCurrentSubMenu() : S();
1570
1599
  break;
1571
1600
  }
1572
1601
  case "ArrowDown":
1573
- (S = h.value) == null || S.moveCurrentItemDown();
1602
+ (k = m.value) == null || k.moveCurrentItemDown();
1574
1603
  break;
1575
1604
  case "ArrowUp":
1576
- (B = h.value) == null || B.moveCurrentItemUp();
1605
+ (A = m.value) == null || A.moveCurrentItemUp();
1577
1606
  break;
1578
1607
  case "Home":
1579
- (M = h.value) == null || M.moveCurrentItemFirst();
1608
+ (j = m.value) == null || j.moveCurrentItemFirst();
1580
1609
  break;
1581
1610
  case "End":
1582
- (g = h.value) == null || g.moveCurrentItemLast();
1611
+ (C = m.value) == null || C.moveCurrentItemLast();
1583
1612
  break;
1584
1613
  case "ArrowLeft": {
1585
- (Y = h.value) != null && Y.closeSelfAndActiveParent() || (d = (K = l.value).onKeyFocusMoveLeft) == null || d.call(K);
1614
+ (q = m.value) != null && q.closeSelfAndActiveParent() || (s = (N = l.value).onKeyFocusMoveLeft) == null || s.call(N);
1586
1615
  break;
1587
1616
  }
1588
1617
  case "ArrowRight":
1589
- (y = h.value) != null && y.openCurrentItemSubMenu() || (E = (w = l.value).onKeyFocusMoveRight) == null || E.call(w);
1618
+ (p = m.value) != null && p.openCurrentItemSubMenu() || (T = (x = l.value).onKeyFocusMoveRight) == null || T.call(x);
1590
1619
  break;
1591
1620
  case "Enter":
1592
- (F = h.value) == null || F.triggerCurrentItemClick(a);
1621
+ (E = m.value) == null || E.triggerCurrentItemClick(u);
1593
1622
  break;
1594
1623
  default:
1595
1624
  X = !1;
1596
1625
  break;
1597
1626
  }
1598
- X && h.value && (a.stopPropagation(), a.preventDefault());
1627
+ X && m.value && (u.stopPropagation(), u.preventDefault());
1599
1628
  }
1600
- function I(a) {
1601
- l.value.closeWhenScroll !== !1 && b(a.target, null);
1629
+ function I(u) {
1630
+ l.value.closeWhenScroll !== !1 && w(u.target, null);
1602
1631
  }
1603
- function W(a) {
1604
- b(a.target, a);
1632
+ function D(u) {
1633
+ w(u.target, u);
1605
1634
  }
1606
- function b(a, x) {
1607
- for (var L, S; a; ) {
1608
- if (a.classList && a.classList.contains("mx-context-menu"))
1635
+ function w(u, b) {
1636
+ for (var W, k; u; ) {
1637
+ if (u.classList && u.classList.contains("mx-context-menu"))
1609
1638
  return;
1610
- a = a.parentNode;
1639
+ u = u.parentNode;
1611
1640
  }
1612
- x ? l.value.clickCloseOnOutside !== !1 ? (P(), k()) : (S = (L = l.value).onClickOnOutside) == null || S.call(L, x) : (P(), k());
1641
+ b ? l.value.clickCloseOnOutside !== !1 ? (R(), S()) : (k = (W = l.value).onClickOnOutside) == null || k.call(W, b) : (R(), S());
1613
1642
  }
1614
- return we("globalOptions", l), we("globalCloseMenu", k), we("globalIsFullScreenContainer", e.isFullScreenContainer), we("globalHasSlot", (a) => n[a] !== void 0), we("globalRenderSlot", (a, x) => be(n, a, { ...x }, () => [lt("span", "Render slot failed")], !1)), we("menuContext", {
1643
+ return we("globalOptions", l), we("globalCloseMenu", S), we("globalIsFullScreenContainer", e.isFullScreenContainer), we("globalHasSlot", (u) => n[u] !== void 0), we("globalRenderSlot", (u, b) => be(n, u, { ...b }, () => [lt("span", "Render slot failed")], !1)), we("menuContext", {
1615
1644
  zIndex: l.value.zIndex || Me.defaultZindex,
1616
- container: u.value,
1645
+ container: a.value,
1617
1646
  adjustPadding: { x: 0, y: 0 },
1618
1647
  getZoom: () => l.value.zoom || Me.defaultZoom,
1619
1648
  getParentWidth: () => 0,
@@ -1639,20 +1668,20 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1639
1668
  },
1640
1669
  isOpenedByKeyBoardFlag: () => !1,
1641
1670
  isMenuItemDataCollectedFlag: () => !1
1642
- }), i(p), (a, x) => (H(), he(mt, {
1671
+ }), i(h), (u, b) => (P(), he(mt, {
1643
1672
  ref_key: "submenuInstance",
1644
1673
  ref: o,
1645
- show: z(c),
1674
+ show: z(d),
1646
1675
  items: z(l).items,
1647
1676
  adjustPosition: z(l).adjustPosition,
1648
1677
  maxWidth: z(l).maxWidth || z(Me).defaultMaxWidth,
1649
1678
  minWidth: z(l).minWidth || z(Me).defaultMinWidth,
1650
1679
  maxHeight: z(l).maxHeight,
1651
1680
  direction: z(l).direction || z(Me).defaultDirection,
1652
- onCloseAnimFinished: x[0] || (x[0] = (L) => f("closeAnimFinished"))
1681
+ onCloseAnimFinished: b[0] || (b[0] = (W) => f("closeAnimFinished"))
1653
1682
  }, {
1654
1683
  default: He(() => [
1655
- be(a.$slots, "default")
1684
+ be(u.$slots, "default")
1656
1685
  ]),
1657
1686
  _: 3
1658
1687
  }, 8, ["show", "items", "adjustPosition", "maxWidth", "minWidth", "maxHeight", "direction"]));
@@ -1677,38 +1706,38 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1677
1706
  },
1678
1707
  emits: ["update:show", "close"],
1679
1708
  setup(t, { expose: i, emit: r }) {
1680
- const e = r, f = t, { options: n, show: o } = Fe(f), { isNew: l, container: c, eleId: u } = jt(n.value), p = C(null), v = Lt();
1681
- function s(k) {
1682
- var D, j;
1683
- e("update:show", !1), e("close"), (j = (D = n.value).onClose) == null || j.call(D, k);
1709
+ const e = r, f = t, { options: n, show: o } = Fe(f), { isNew: l, container: d, eleId: a } = jt(n.value), h = y(null), v = Lt();
1710
+ function c(S) {
1711
+ var _, H;
1712
+ e("update:show", !1), e("close"), (H = (_ = n.value).onClose) == null || H.call(_, S);
1684
1713
  }
1685
1714
  return i({
1686
1715
  closeMenu: () => e("update:show", !1),
1687
1716
  isClosed: () => !o.value,
1688
1717
  getMenuRef: () => {
1689
- var k;
1690
- return (k = p.value) == null ? void 0 : k.getMenuRef();
1718
+ var S;
1719
+ return (S = h.value) == null ? void 0 : S.getMenuRef();
1691
1720
  },
1692
1721
  getMenuDimensions: () => {
1693
- var k;
1694
- return ((k = p.value) == null ? void 0 : k.getMenuDimensions()) ?? { width: 0, height: 0 };
1722
+ var S;
1723
+ return ((S = h.value) == null ? void 0 : S.getMenuDimensions()) ?? { width: 0, height: 0 };
1695
1724
  }
1696
- }), (k, D) => (H(), he(Dt, {
1697
- to: `#${z(u)}`
1725
+ }), (S, _) => (P(), he(Dt, {
1726
+ to: `#${z(a)}`
1698
1727
  }, [
1699
1728
  Oe(Tt, {
1700
1729
  ref_key: "menuRef",
1701
- ref: p,
1730
+ ref: h,
1702
1731
  options: z(n),
1703
1732
  show: z(o),
1704
- container: z(c),
1733
+ container: z(d),
1705
1734
  isFullScreenContainer: !z(l),
1706
- onClose: s
1735
+ onClose: c
1707
1736
  }, Wt({ _: 2 }, [
1708
- vt(z(v), (j, P) => ({
1709
- name: P,
1710
- fn: He((h) => [
1711
- be(k.$slots, P, Ft(Et(h)))
1737
+ vt(z(v), (H, R) => ({
1738
+ name: R,
1739
+ fn: He((m) => [
1740
+ be(S.$slots, R, Ft(Et(m)))
1712
1741
  ])
1713
1742
  }))
1714
1743
  ]), 1032, ["options", "show", "container", "isFullScreenContainer"])
@@ -1852,13 +1881,13 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1852
1881
  }
1853
1882
  },
1854
1883
  setup(t, i) {
1855
- const r = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: f, minWidth: n, maxHeight: o } = Fe(t), l = typeof e.value < "u" ? e.value : r.value.adjustPosition, c = C(), u = C();
1884
+ const r = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: f, minWidth: n, maxHeight: o } = Fe(t), l = typeof e.value < "u" ? e.value : r.value.adjustPosition, d = y(), a = y();
1856
1885
  return i.expose({
1857
- getSubMenuRef: () => c.value,
1858
- getMenuItemRef: () => u.value
1886
+ getSubMenuRef: () => d.value,
1887
+ getMenuItemRef: () => a.value
1859
1888
  }), () => lt(ht, {
1860
1889
  ...t,
1861
- ref: u,
1890
+ ref: a,
1862
1891
  showRightArrow: !0,
1863
1892
  maxWidth: void 0,
1864
1893
  minWidth: void 0,
@@ -1867,14 +1896,14 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1867
1896
  hasChildren: typeof i.slots.default !== void 0
1868
1897
  }, i.slots.default ? {
1869
1898
  //Create SubMenu
1870
- submenu: (p) => lt(mt, {
1871
- ref: c,
1872
- show: p.show,
1899
+ submenu: (h) => lt(mt, {
1900
+ ref: d,
1901
+ show: h.show,
1873
1902
  maxWidth: f.value,
1874
1903
  minWidth: n.value,
1875
1904
  maxHeight: o.value,
1876
1905
  adjustPosition: l,
1877
- parentMenuItemContext: p.context
1906
+ parentMenuItemContext: h.context
1878
1907
  }, {
1879
1908
  default: i.slots.default
1880
1909
  }),
@@ -1884,7 +1913,7 @@ const Ye = /* @__PURE__ */ pt(ql, [["render", Ql]]), mt = /* @__PURE__ */ Pe({
1884
1913
  }
1885
1914
  });
1886
1915
  function eo(t, i, r, e) {
1887
- const f = C(!0), n = lt(Tt, {
1916
+ const f = y(!0), n = lt(Tt, {
1888
1917
  options: t,
1889
1918
  show: f,
1890
1919
  container: i,
@@ -2032,85 +2061,85 @@ const to = /* @__PURE__ */ Object.assign({
2032
2061
  },
2033
2062
  setup(t, { expose: i }) {
2034
2063
  i();
2035
- const { isNotEmpty: r, isArray: e } = Z, f = t, n = re(), o = ae(n), l = C(null), c = m(() => f.propValue || {}), u = m(() => f.element || {}), p = m(() => u.value.events || []), v = C(!0), s = C(null);
2036
- let k, D = null, j = !0, P = !1;
2037
- const h = o[c.value.urlCK], _ = m(() => r(c.value.url) ? c.value.url : r(c.value.urlCK) && h.value || "");
2038
- T(
2039
- () => u.value?.style?.display,
2040
- (d) => {
2041
- d ? v.value = !1 : v.value = !0;
2064
+ const { isNotEmpty: r, isArray: e } = Z, f = t, n = re(), o = ae(n), l = y(null), d = g(() => f.propValue || {}), a = g(() => f.element || {}), h = g(() => a.value.events || []), v = y(!0), c = y(null);
2065
+ let S, _ = null, H = !0, R = !1;
2066
+ const m = o[d.value.urlCK], V = g(() => r(d.value.url) ? d.value.url : r(d.value.urlCK) && m.value || "");
2067
+ B(
2068
+ () => a.value?.style?.display,
2069
+ (s) => {
2070
+ s ? v.value = !1 : v.value = !0;
2042
2071
  }
2043
- ), T(
2044
- () => c.value.flipVertical,
2045
- () => W()
2046
- ), T(
2047
- () => c.value.flipHorizontal,
2048
- () => W()
2049
- ), T(
2050
- () => _.value,
2051
- (d) => {
2052
- j = !0, k = null, P = !1, b();
2072
+ ), B(
2073
+ () => d.value.flipVertical,
2074
+ () => D()
2075
+ ), B(
2076
+ () => d.value.flipHorizontal,
2077
+ () => D()
2078
+ ), B(
2079
+ () => V.value,
2080
+ (s) => {
2081
+ H = !0, S = null, R = !1, w();
2053
2082
  }
2054
2083
  );
2055
2084
  const I = () => {
2056
- const { width: d, height: y } = u.value.style;
2057
- s.value.width = d, s.value.height = y, j && _.value ? (j = !1, k = document.createElement("img"), k.onload = () => {
2058
- P = !0, D.drawImage(k, 0, 0, d, y), W();
2059
- }, k.src = _.value) : W();
2060
- }, W = () => {
2061
- const d = c.value.flipVertical, y = c.value.flipHorizontal, { width: w, height: E } = u.value.style, F = y ? -1 : 1, X = d ? -1 : 1;
2062
- D.clearRect(0, 0, w, E), P && k && (D.translate(w / 2 - w * F / 2, E / 2 - E * X / 2), D.scale(F, X), D.drawImage(k, 0, 0, w, E), D.setTransform(1, 0, 0, 1, 0, 0));
2063
- }, b = rt(I, 500);
2064
- T([() => u.value?.style?.height, () => u.value?.style?.width], ([d, y]) => {
2065
- D && (j = !0, k = null, P = !1, b());
2085
+ const { width: s, height: p } = a.value.style;
2086
+ c.value.width = s, c.value.height = p, H && V.value ? (H = !1, S = document.createElement("img"), S.onload = () => {
2087
+ R = !0, _.drawImage(S, 0, 0, s, p), D();
2088
+ }, S.src = V.value) : D();
2089
+ }, D = () => {
2090
+ const s = d.value.flipVertical, p = d.value.flipHorizontal, { width: x, height: T } = a.value.style, E = p ? -1 : 1, X = s ? -1 : 1;
2091
+ _.clearRect(0, 0, x, T), R && S && (_.translate(x / 2 - x * E / 2, T / 2 - T * X / 2), _.scale(E, X), _.drawImage(S, 0, 0, x, T), _.setTransform(1, 0, 0, 1, 0, 0));
2092
+ }, w = rt(I, 500);
2093
+ B([() => a.value?.style?.height, () => a.value?.style?.width], ([s, p]) => {
2094
+ _ && (H = !0, S = null, R = !1, w());
2066
2095
  }, { immediate: !0 });
2067
- const a = (d) => {
2068
- l.value?.handleClick(d);
2069
- }, x = (d) => {
2070
- l.value?.handleDblClick(d);
2071
- }, L = le(), S = oe(), B = ee(c, u, L, S);
2096
+ const u = (s) => {
2097
+ l.value?.handleClick(s);
2098
+ }, b = (s) => {
2099
+ l.value?.handleDblClick(s);
2100
+ }, W = le(), k = oe(), A = ee(d, a, W, k);
2072
2101
  J(() => {
2073
- l.value = te(p.value, f.designStatus, B), l.value?.beforeMount();
2074
- }), q(() => {
2075
- D = s.value?.getContext("2d"), b(), l.value?.mounted();
2102
+ l.value = te(h.value, f.designStatus, A), l.value?.beforeMount();
2103
+ }), Y(() => {
2104
+ _ = c.value?.getContext("2d"), w(), l.value?.mounted();
2076
2105
  }), Q(() => {
2077
2106
  l.value?.beforeUnmount();
2078
2107
  }), $(() => {
2079
2108
  l.value?.unmounted();
2080
2109
  });
2081
- const { processMenus: M } = Le(), g = (d) => {
2082
- d.preventDefault();
2083
- let y = c.value.menuItems || [];
2084
- if (e(y) && y.length > 0) {
2085
- let w = [];
2086
- w = M(y, function(E, F) {
2087
- l.value?.handleContextMenu(d, E.value);
2110
+ const { processMenus: j } = Le(), C = (s) => {
2111
+ s.preventDefault();
2112
+ let p = d.value.menuItems || [];
2113
+ if (e(p) && p.length > 0) {
2114
+ let x = [];
2115
+ x = j(p, function(T, E) {
2116
+ l.value?.handleContextMenu(s, T.value);
2088
2117
  }), We.showContextMenu({
2089
- x: d.x,
2090
- y: d.y,
2091
- items: w
2118
+ x: s.x,
2119
+ y: s.y,
2120
+ items: x
2092
2121
  });
2093
2122
  }
2094
- }, Y = m(() => {
2095
- let d = {};
2096
- return d.cursor = ke(p.value), d;
2097
- }), K = { isNotEmpty: r, isArray: e, props: f, dataCache: n, smartData: o, eventHandler: l, propValue: c, element: u, events: p, isVisible: v, canvas: s, get img() {
2098
- return k;
2099
- }, set img(d) {
2100
- k = d;
2123
+ }, q = g(() => {
2124
+ let s = {};
2125
+ return s.cursor = ke(h.value), s;
2126
+ }), N = { isNotEmpty: r, isArray: e, props: f, dataCache: n, smartData: o, eventHandler: l, propValue: d, element: a, events: h, isVisible: v, canvas: c, get img() {
2127
+ return S;
2128
+ }, set img(s) {
2129
+ S = s;
2101
2130
  }, get ctx() {
2102
- return D;
2103
- }, set ctx(d) {
2104
- D = d;
2131
+ return _;
2132
+ }, set ctx(s) {
2133
+ _ = s;
2105
2134
  }, get isFirst() {
2106
- return j;
2107
- }, set isFirst(d) {
2108
- j = d;
2135
+ return H;
2136
+ }, set isFirst(s) {
2137
+ H = s;
2109
2138
  }, get loadSuccess() {
2110
- return P;
2111
- }, set loadSuccess(d) {
2112
- P = d;
2113
- }, urlData: h, url: _, drawImage: I, mirrorFlip: W, debouncedDraw: b, clickHandler: a, dblclickHandler: x, router: L, route: S, compContext: B, processMenus: M, openContextMenu: g, customStyle: Y, computed: m, onMounted: q, ref: C, watch: T, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
2139
+ return R;
2140
+ }, set loadSuccess(s) {
2141
+ R = s;
2142
+ }, urlData: m, url: V, drawImage: I, mirrorFlip: D, debouncedDraw: w, clickHandler: u, dblclickHandler: b, router: W, route: k, compContext: A, processMenus: j, openContextMenu: C, customStyle: q, computed: g, onMounted: Y, ref: y, watch: B, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
2114
2143
  return te;
2115
2144
  }, get useDataCacheStore() {
2116
2145
  return re;
@@ -2133,11 +2162,11 @@ const to = /* @__PURE__ */ Object.assign({
2133
2162
  }, get getCursorByEvents() {
2134
2163
  return ke;
2135
2164
  } };
2136
- return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
2165
+ return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
2137
2166
  }
2138
2167
  });
2139
2168
  function lo(t, i, r, e, f, n) {
2140
- return e.isVisible ? (H(), A("div", {
2169
+ return e.isVisible ? (P(), F("div", {
2141
2170
  key: 0,
2142
2171
  class: "picture-container",
2143
2172
  style: Se(e.customStyle),
@@ -2159,13 +2188,13 @@ function ye(t, i, r, e) {
2159
2188
  // 线颜色
2160
2189
  fillColor: null
2161
2190
  // 填充颜色
2162
- }), n = i[t.value.colorCK], o = (c, u, p) => e.hasOwnPathInObject(c, u) ? e.getValueByPath(c, u) : p, l = (c, u) => e.isNotEmpty(u) && r ? r[u] ? r[u][c] : null : c;
2163
- return T(() => n?.value, (c) => {
2164
- if (e.isObject(c) && e.isNotEmpty(t.value.colorCK)) {
2191
+ }), n = i[t.value.colorCK], o = (d, a, h) => e.hasOwnPathInObject(d, a) ? e.getValueByPath(d, a) : h, l = (d, a) => e.isNotEmpty(a) && r ? r[a] ? r[a][d] : null : d;
2192
+ return B(() => n?.value, (d) => {
2193
+ if (e.isObject(d) && e.isNotEmpty(t.value.colorCK)) {
2165
2194
  if (!t.value.dycFlag)
2166
2195
  return;
2167
- let u;
2168
- e.isNotEmpty(t.value.fColorKey) && (u = o(c, t.value.fColorKey, null), f.dataColor = l(u, t.value.fColorRule)), e.isNotEmpty(t.value.bgColorKey) && (u = o(c, t.value.bgColorKey, null), f.backgroundColor = l(u, t.value.bgColorRule)), e.isNotEmpty(t.value.lineColorKey) && (u = o(c, t.value.lineColorKey, null), f.lineColor = l(u, t.value.lineColorRule)), e.isNotEmpty(t.value.fillColorKey) && (u = o(c, t.value.fillColorKey, null), f.fillColor = l(u, t.value.fillColorRule));
2196
+ let a;
2197
+ e.isNotEmpty(t.value.fColorKey) && (a = o(d, t.value.fColorKey, null), f.dataColor = l(a, t.value.fColorRule)), e.isNotEmpty(t.value.bgColorKey) && (a = o(d, t.value.bgColorKey, null), f.backgroundColor = l(a, t.value.bgColorRule)), e.isNotEmpty(t.value.lineColorKey) && (a = o(d, t.value.lineColorKey, null), f.lineColor = l(a, t.value.lineColorRule)), e.isNotEmpty(t.value.fillColorKey) && (a = o(d, t.value.fillColorKey, null), f.fillColor = l(a, t.value.fillColorRule));
2169
2198
  }
2170
2199
  }, { immediate: !0 }), { dynamicColor: f };
2171
2200
  }
@@ -2192,28 +2221,28 @@ const no = /* @__PURE__ */ Object.assign({
2192
2221
  },
2193
2222
  setup(t, { expose: i }) {
2194
2223
  i();
2195
- const r = t, e = re(), f = ae(e), n = C(null), o = m(() => r.propValue || {}), l = m(() => r.element || {}), c = m(() => l.value.events || []), u = le(), p = oe(), v = ee(o, l, u, p);
2224
+ const r = t, e = re(), f = ae(e), n = y(null), o = g(() => r.propValue || {}), l = g(() => r.element || {}), d = g(() => l.value.events || []), a = le(), h = oe(), v = ee(o, l, a, h);
2196
2225
  J(() => {
2197
- n.value = te(c.value, r.designStatus, v), n.value?.beforeMount();
2198
- }), q(() => {
2199
- _(), n.value?.mounted();
2226
+ n.value = te(d.value, r.designStatus, v), n.value?.beforeMount();
2227
+ }), Y(() => {
2228
+ V(), n.value?.mounted();
2200
2229
  }), Q(() => {
2201
2230
  n.value?.beforeUnmount();
2202
2231
  }), $(() => {
2203
2232
  n.value?.unmounted();
2204
2233
  });
2205
- const { dynamicColor: s } = ye(o, f, e.rules, Z), k = m(() => s.fillColor ? s.fillColor : o.value.fillColor ? o.value.fillColor : "none"), D = m(() => s.lineColor ? s.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), j = C(0), P = C(0), h = C(0);
2206
- T(() => l.value.style.width, (b) => {
2207
- _();
2208
- }), T(() => l.value.style.height, (b) => {
2209
- _();
2234
+ const { dynamicColor: c } = ye(o, f, e.rules, Z), S = g(() => c.fillColor ? c.fillColor : o.value.fillColor ? o.value.fillColor : "none"), _ = g(() => c.lineColor ? c.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), H = y(0), R = y(0), m = y(0);
2235
+ B(() => l.value.style.width, (w) => {
2236
+ V();
2237
+ }), B(() => l.value.style.height, (w) => {
2238
+ V();
2210
2239
  });
2211
- const _ = () => {
2212
- const { width: b, height: a } = l.value.style;
2213
- I(b, a);
2214
- }, I = (b, a) => {
2215
- j.value = 0.5 * b, P.value = 0.5 * a, h.value = 0.45 * a;
2216
- }, W = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: c, router: u, route: p, compContext: v, dynamicColor: s, showFillColor: k, showLineColor: D, cx: j, cy: P, cr: h, draw: _, drawChart: I, get useEventHandler() {
2240
+ const V = () => {
2241
+ const { width: w, height: u } = l.value.style;
2242
+ I(w, u);
2243
+ }, I = (w, u) => {
2244
+ H.value = 0.5 * w, R.value = 0.5 * u, m.value = 0.45 * u;
2245
+ }, D = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: d, router: a, route: h, compContext: v, dynamicColor: c, showFillColor: S, showLineColor: _, cx: H, cy: R, cr: m, draw: V, drawChart: I, get useEventHandler() {
2217
2246
  return te;
2218
2247
  }, get useDataCacheStore() {
2219
2248
  return re;
@@ -2221,7 +2250,7 @@ const no = /* @__PURE__ */ Object.assign({
2221
2250
  return ae;
2222
2251
  }, get CreateCompContext() {
2223
2252
  return ee;
2224
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
2253
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
2225
2254
  return oe;
2226
2255
  }, get useRouter() {
2227
2256
  return le;
@@ -2230,12 +2259,12 @@ const no = /* @__PURE__ */ Object.assign({
2230
2259
  }, get CommonUtils() {
2231
2260
  return Z;
2232
2261
  } };
2233
- return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
2262
+ return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
2234
2263
  }
2235
2264
  });
2236
2265
  function ro(t, i, r, e, f, n) {
2237
- return H(), A("div", { class: "svg-container" }, [
2238
- (H(), A("svg", {
2266
+ return P(), F("div", { class: "svg-container" }, [
2267
+ (P(), F("svg", {
2239
2268
  xmlns: "http://www.w3.org/2000/svg",
2240
2269
  width: e.element.style.width,
2241
2270
  height: e.element.style.height
@@ -2281,119 +2310,119 @@ const ao = /* @__PURE__ */ ve(no, [["render", ro], ["__scopeId", "data-v-ecab498
2281
2310
  isNotEmpty: n,
2282
2311
  isNumber: o,
2283
2312
  isObject: l,
2284
- isValid: c,
2285
- hasOwnPathInObject: u,
2286
- getValueByPath: p
2287
- } = Z, v = t, s = m(() => v.propValue || {}), k = m(() => v.element || {}), D = m(() => k.value.events || []), j = re(), P = ae(j), h = C(null), _ = C(0), I = C(0), W = C(""), b = C(""), a = C(!1), x = C("");
2288
- let L = null, S = null;
2289
- const B = C("");
2290
- let M = null;
2291
- const g = P[s.value.dataCK], Y = P[s.value.timeCK], K = (U, se, pe) => u(U, se) ? p(U, se) : pe;
2292
- function d(U) {
2293
- l(U) ? (L = K(U, s.value.valueKey, null), S = K(U, s.value.timeKey, null)) : L = U;
2313
+ isValid: d,
2314
+ hasOwnPathInObject: a,
2315
+ getValueByPath: h
2316
+ } = Z, v = t, c = g(() => v.propValue || {}), S = g(() => v.element || {}), _ = g(() => S.value.events || []), H = re(), R = ae(H), m = y(null), V = y(0), I = y(0), D = y(""), w = y(""), u = y(!1), b = y("");
2317
+ let W = null, k = null;
2318
+ const A = y("");
2319
+ let j = null;
2320
+ const C = R[c.value.dataCK], q = R[c.value.timeCK], N = (G, se, pe) => a(G, se) ? h(G, se) : pe;
2321
+ function s(G) {
2322
+ l(G) ? (W = N(G, c.value.valueKey, null), k = N(G, c.value.timeKey, null)) : W = G;
2294
2323
  }
2295
- function y(U) {
2296
- d(U), x.value = Ce(L);
2324
+ function p(G) {
2325
+ s(G), b.value = Ce(W);
2297
2326
  }
2298
- T(() => g.value, (U) => {
2299
- c(U) && y(U);
2300
- }), T(() => Y.value, (U) => {
2301
- n(s.value.timeCK) && c(U) && (n(s.value.timeKey) ? l(U) && (S = K(U, s.value.timeKey, null)) : S = U);
2327
+ B(() => C.value, (G) => {
2328
+ d(G) && p(G);
2329
+ }), B(() => q.value, (G) => {
2330
+ n(c.value.timeCK) && d(G) && (n(c.value.timeKey) ? l(G) && (k = N(G, c.value.timeKey, null)) : k = G);
2302
2331
  });
2303
- const { dynamicColor: w } = ye(s, P, j.rules, Z), E = m(() => w.dataColor ? w.dataColor : s.value.fontColor ? s.value.fontColor : "none"), F = m(() => w.backgroundColor ? w.backgroundColor : s.value.fillColor ? s.value.fillColor : "none"), X = (U) => {
2304
- h.value?.setParam(U);
2305
- }, O = (U) => {
2306
- h.value?.handleDblClick(U);
2332
+ const { dynamicColor: x } = ye(c, R, H.rules, Z), T = g(() => x.dataColor ? x.dataColor : c.value.fontColor ? c.value.fontColor : "none"), E = g(() => x.backgroundColor ? x.backgroundColor : c.value.fillColor ? c.value.fillColor : "none"), X = (G) => {
2333
+ m.value?.setParam(G);
2334
+ }, O = (G) => {
2335
+ m.value?.handleDblClick(G);
2307
2336
  };
2308
- T(() => k.value.style.width, (U) => {
2309
- R();
2310
- }), T(() => k.value.style.height, (U) => {
2311
- R();
2312
- }), T(() => s.value.horizontalAlign, (U) => {
2313
- R();
2314
- }), T(() => s.value.offsetX, (U) => {
2315
- R();
2337
+ B(() => S.value.style.width, (G) => {
2338
+ L();
2339
+ }), B(() => S.value.style.height, (G) => {
2340
+ L();
2341
+ }), B(() => c.value.horizontalAlign, (G) => {
2342
+ L();
2343
+ }), B(() => c.value.offsetX, (G) => {
2344
+ L();
2316
2345
  });
2317
- const ie = m(() => v.designStatus ? !0 : s.value.showTooltip ? !a.value : !0), xe = m(() => s.value.tooltipPlacement || "bottom-start"), N = m(() => s.value.tooltipEffect || "dark"), V = (U) => {
2318
- v.designStatus || (G(), n(B.value) ? a.value = !0 : a.value = !1);
2319
- }, G = () => {
2320
- if (B.value = "", s.value.showTooltip && S && o(S)) {
2321
- let U = e(S), se = "";
2322
- if (U) {
2323
- se = r(U, "yyyy-MM-dd HH:mm:ss");
2324
- let pe = "数值:" + x.value, ge = "时间:" + se;
2325
- B.value = pe + "<br/>" + ge;
2346
+ const ie = g(() => v.designStatus ? !0 : c.value.showTooltip ? !u.value : !0), xe = g(() => c.value.tooltipPlacement || "bottom-start"), U = g(() => c.value.tooltipEffect || "dark"), M = (G) => {
2347
+ v.designStatus || (K(), n(A.value) ? u.value = !0 : u.value = !1);
2348
+ }, K = () => {
2349
+ if (A.value = "", c.value.showTooltip && k && o(k)) {
2350
+ let G = e(k), se = "";
2351
+ if (G) {
2352
+ se = r(G, "yyyy-MM-dd HH:mm:ss");
2353
+ let pe = "数值:" + b.value, ge = "时间:" + se;
2354
+ A.value = pe + "<br/>" + ge;
2326
2355
  }
2327
2356
  }
2328
- }, R = () => {
2329
- const { width: U, height: se } = v.element.style;
2330
- ce(U, se);
2331
- }, ce = (U, se) => {
2357
+ }, L = () => {
2358
+ const { width: G, height: se } = v.element.style;
2359
+ ce(G, se);
2360
+ }, ce = (G, se) => {
2332
2361
  let pe = v.propValue.horizontalAlign || "left", ge = v.propValue.offsetX || 0;
2333
- pe == "center" ? (b.value = "middle", _.value = U * 0.5) : pe == "right" ? (_.value = U - ge, b.value = "end") : (_.value = 0 + ge, b.value = "start"), W.value = "central", I.value = se * 0.5;
2334
- }, Ce = (U) => {
2335
- let se = U;
2336
- if (o(U)) {
2337
- let pe = s.value.fractionDigits || 0, ge = s.value.factor;
2338
- o(ge) && (ge = Number(ge), U = Number(U) * ge), se = fe(Number(U), pe);
2362
+ pe == "center" ? (w.value = "middle", V.value = G * 0.5) : pe == "right" ? (V.value = G - ge, w.value = "end") : (V.value = 0 + ge, w.value = "start"), D.value = "central", I.value = se * 0.5;
2363
+ }, Ce = (G) => {
2364
+ let se = G;
2365
+ if (o(G)) {
2366
+ let pe = c.value.fractionDigits || 0, ge = c.value.factor;
2367
+ o(ge) && (ge = Number(ge), G = Number(G) * ge), se = fe(Number(G), pe);
2339
2368
  } else
2340
2369
  se + "" == "undefined" && (se = "");
2341
- return n(s.value.unit) && (se = se + s.value.unit), se;
2342
- }, fe = (U, se) => {
2343
- let pe = U;
2344
- if (U) {
2345
- const ge = s.value.valueType;
2346
- if (ge == 2 && Number(U))
2347
- se && Number(se) ? se = parseInt(se) : se = 0, pe = U.toFixed(se);
2370
+ return n(c.value.unit) && (se = se + c.value.unit), se;
2371
+ }, fe = (G, se) => {
2372
+ let pe = G;
2373
+ if (G) {
2374
+ const ge = c.value.valueType;
2375
+ if (ge == 2 && Number(G))
2376
+ se && Number(se) ? se = parseInt(se) : se = 0, pe = G.toFixed(se);
2348
2377
  else if (ge == 3) {
2349
- let Be = e(U);
2350
- const tt = s.value.dateformat || "yyyy-MM-dd";
2351
- Be && (n(s.value.weekMode) ? pe = f(Be, o(s.value.weekMode) ? Number(s.value.weekMode) : 0) : pe = r(Be, tt));
2378
+ let Be = e(G);
2379
+ const tt = c.value.dateformat || "yyyy-MM-dd";
2380
+ Be && (n(c.value.weekMode) ? pe = f(Be, o(c.value.weekMode) ? Number(c.value.weekMode) : 0) : pe = r(Be, tt));
2352
2381
  }
2353
2382
  }
2354
2383
  return pe;
2355
2384
  }, Re = () => {
2356
- }, je = le(), Qe = oe(), Je = ee(s, k, je, Qe);
2385
+ }, je = le(), Qe = oe(), Je = ee(c, S, je, Qe);
2357
2386
  J(() => {
2358
- h.value = te(D.value, v.designStatus, Je), h.value?.beforeMount();
2359
- }), q(() => {
2360
- R(), M = setInterval(() => {
2361
- c(g.value) && y(g.value);
2362
- }, 1e3), h.value?.mounted();
2387
+ m.value = te(_.value, v.designStatus, Je), m.value?.beforeMount();
2388
+ }), Y(() => {
2389
+ L(), j = setInterval(() => {
2390
+ d(C.value) && p(C.value);
2391
+ }, 1e3), m.value?.mounted();
2363
2392
  }), Q(() => {
2364
- h.value?.beforeUnmount();
2393
+ m.value?.beforeUnmount();
2365
2394
  }), $(() => {
2366
- h.value?.unmounted();
2395
+ m.value?.unmounted();
2367
2396
  });
2368
- const { processMenus: $e } = Le(), et = (U) => {
2369
- U.preventDefault();
2370
- let se = s.value.menuItems || [];
2397
+ const { processMenus: $e } = Le(), et = (G) => {
2398
+ G.preventDefault();
2399
+ let se = c.value.menuItems || [];
2371
2400
  if (Z.isArray(se) && se.length > 0) {
2372
2401
  let pe = [];
2373
2402
  pe = $e(se, function(ge, Be) {
2374
- h.value?.handleContextMenu(U, ge.value);
2403
+ m.value?.handleContextMenu(G, ge.value);
2375
2404
  }), We.showContextMenu({
2376
- x: U.x,
2377
- y: U.y,
2405
+ x: G.x,
2406
+ y: G.y,
2378
2407
  items: pe
2379
2408
  });
2380
2409
  }
2381
- }, Ee = m(() => {
2382
- let U = {};
2383
- return U.cursor = ke(D.value), U;
2384
- }), Te = { formatDate: r, getDate: e, getWeek: f, isNotEmpty: n, isNumber: o, isObject: l, isValid: c, hasOwnPathInObject: u, getValueByPath: p, props: v, propValue: s, element: k, events: D, dataCache: j, smartData: P, eventHandler: h, textX: _, textY: I, textBaseLine: W, textAnchor: b, hasTooltipContent: a, showDataValue: x, get dataValue() {
2385
- return L;
2386
- }, set dataValue(U) {
2387
- L = U;
2410
+ }, Ee = g(() => {
2411
+ let G = {};
2412
+ return G.cursor = ke(_.value), G;
2413
+ }), Te = { formatDate: r, getDate: e, getWeek: f, isNotEmpty: n, isNumber: o, isObject: l, isValid: d, hasOwnPathInObject: a, getValueByPath: h, props: v, propValue: c, element: S, events: _, dataCache: H, smartData: R, eventHandler: m, textX: V, textY: I, textBaseLine: D, textAnchor: w, hasTooltipContent: u, showDataValue: b, get dataValue() {
2414
+ return W;
2415
+ }, set dataValue(G) {
2416
+ W = G;
2388
2417
  }, get dataTime() {
2389
- return S;
2390
- }, set dataTime(U) {
2391
- S = U;
2392
- }, tooltipContent: B, get timer() {
2393
- return M;
2394
- }, set timer(U) {
2395
- M = U;
2396
- }, bsData: g, timeData: Y, _getValueFromObj: K, parseBsData: d, dealBsData: y, dynamicColor: w, showFontColor: E, showBackgroundColor: F, handleClick: X, handleDblClick: O, disableToolTip: ie, tooltipPlacement: xe, tooltipEffect: N, showTooltip: V, loadTipInfo: G, draw: R, drawChart: ce, showValue: Ce, dataFormatter: fe, clearInterval: Re, router: je, route: Qe, compContext: Je, processMenus: $e, openContextMenu: et, customStyle: Ee, watch: T, onMounted: q, computed: m, onBeforeUnmount: Q, ref: C, onBeforeMount: J, onUnmounted: $, reactive: qe, get useRoute() {
2418
+ return k;
2419
+ }, set dataTime(G) {
2420
+ k = G;
2421
+ }, tooltipContent: A, get timer() {
2422
+ return j;
2423
+ }, set timer(G) {
2424
+ j = G;
2425
+ }, bsData: C, timeData: q, _getValueFromObj: N, parseBsData: s, dealBsData: p, dynamicColor: x, showFontColor: T, showBackgroundColor: E, handleClick: X, handleDblClick: O, disableToolTip: ie, tooltipPlacement: xe, tooltipEffect: U, showTooltip: M, loadTipInfo: K, draw: L, drawChart: ce, showValue: Ce, dataFormatter: fe, clearInterval: Re, router: je, route: Qe, compContext: Je, processMenus: $e, openContextMenu: et, customStyle: Ee, watch: B, onMounted: Y, computed: g, onBeforeUnmount: Q, ref: y, onBeforeMount: J, onUnmounted: $, reactive: qe, get useRoute() {
2397
2426
  return oe;
2398
2427
  }, get useRouter() {
2399
2428
  return le;
@@ -2421,7 +2450,7 @@ const ao = /* @__PURE__ */ ve(no, [["render", ro], ["__scopeId", "data-v-ecab498
2421
2450
  });
2422
2451
  function so(t, i, r, e, f, n) {
2423
2452
  const o = Ze("el-tooltip");
2424
- return H(), A("div", {
2453
+ return P(), F("div", {
2425
2454
  class: "svg-container",
2426
2455
  style: Se(e.customStyle),
2427
2456
  onClick: e.handleClick,
@@ -2439,12 +2468,12 @@ function so(t, i, r, e, f, n) {
2439
2468
  ue("div", { innerHTML: e.tooltipContent }, null, 8, ["innerHTML"])
2440
2469
  ]),
2441
2470
  default: He(() => [
2442
- (H(), A("svg", {
2471
+ (P(), F("svg", {
2443
2472
  xmlns: "http://www.w3.org/2000/svg",
2444
2473
  width: e.element.style.width,
2445
2474
  height: e.element.style.height
2446
2475
  }, [
2447
- e.propValue.hasBackground ? (H(), A("rect", {
2476
+ e.propValue.hasBackground ? (P(), F("rect", {
2448
2477
  key: 0,
2449
2478
  x: 0,
2450
2479
  y: 0,
@@ -2501,67 +2530,67 @@ const io = /* @__PURE__ */ ve(uo, [["render", so], ["__scopeId", "data-v-572c01e
2501
2530
  getWeek: f,
2502
2531
  isNotEmpty: n,
2503
2532
  isNumber: o
2504
- } = Z, l = t, c = m(() => l.propValue || {}), u = m(() => l.element || {}), p = m(() => u.value.events || []), v = C(null), s = C(0), k = C(0), D = C(""), j = C(""), P = C(!1), h = C("");
2505
- let _ = null, I = null;
2506
- const W = C("");
2507
- let b = null;
2508
- T(() => u.value.style.width, (w) => {
2509
- a();
2510
- }), T(() => u.value.style.height, (w) => {
2511
- a();
2512
- }), T(() => c.value.horizontalAlign, (w) => {
2513
- a();
2514
- }), T(() => c.value.offsetX, (w) => {
2515
- a();
2533
+ } = Z, l = t, d = g(() => l.propValue || {}), a = g(() => l.element || {}), h = g(() => a.value.events || []), v = y(null), c = y(0), S = y(0), _ = y(""), H = y(""), R = y(!1), m = y("");
2534
+ let V = null, I = null;
2535
+ const D = y("");
2536
+ let w = null;
2537
+ B(() => a.value.style.width, (x) => {
2538
+ u();
2539
+ }), B(() => a.value.style.height, (x) => {
2540
+ u();
2541
+ }), B(() => d.value.horizontalAlign, (x) => {
2542
+ u();
2543
+ }), B(() => d.value.offsetX, (x) => {
2544
+ u();
2516
2545
  });
2517
- const a = () => {
2518
- const { width: w, height: E } = l.element.style;
2519
- x(w, E);
2520
- }, x = (w, E) => {
2521
- let F = l.propValue.horizontalAlign || "left", X = l.propValue.offsetX || 0;
2522
- F == "center" ? (j.value = "middle", s.value = w * 0.5) : F == "right" ? (s.value = w - X, j.value = "end") : (s.value = 0 + X, j.value = "start"), D.value = "central", k.value = E * 0.5;
2523
- }, L = (w) => {
2524
- let E = w;
2525
- return o(w) ? E = S(Number(w)) : E + "" == "undefined" && (E = ""), E;
2526
- }, S = (w) => {
2527
- let E = w;
2528
- if (w) {
2529
- let F = e(w);
2530
- const X = c.value.dateformat || "yyyy-MM-dd";
2531
- F && (n(c.value.weekMode) ? E = f(F, o(c.value.weekMode) ? Number(c.value.weekMode) : 0) : E = r(F, X));
2546
+ const u = () => {
2547
+ const { width: x, height: T } = l.element.style;
2548
+ b(x, T);
2549
+ }, b = (x, T) => {
2550
+ let E = l.propValue.horizontalAlign || "left", X = l.propValue.offsetX || 0;
2551
+ E == "center" ? (H.value = "middle", c.value = x * 0.5) : E == "right" ? (c.value = x - X, H.value = "end") : (c.value = 0 + X, H.value = "start"), _.value = "central", S.value = T * 0.5;
2552
+ }, W = (x) => {
2553
+ let T = x;
2554
+ return o(x) ? T = k(Number(x)) : T + "" == "undefined" && (T = ""), T;
2555
+ }, k = (x) => {
2556
+ let T = x;
2557
+ if (x) {
2558
+ let E = e(x);
2559
+ const X = d.value.dateformat || "yyyy-MM-dd";
2560
+ E && (n(d.value.weekMode) ? T = f(E, o(d.value.weekMode) ? Number(d.value.weekMode) : 0) : T = r(E, X));
2532
2561
  }
2533
- return E;
2534
- }, B = () => {
2535
- }, M = (w) => {
2536
- v.value?.handleClick(w);
2537
- }, g = (w) => {
2538
- v.value?.handleDblClick(w);
2539
- }, Y = le(), K = oe(), d = ee(c, u, Y, K);
2562
+ return T;
2563
+ }, A = () => {
2564
+ }, j = (x) => {
2565
+ v.value?.handleClick(x);
2566
+ }, C = (x) => {
2567
+ v.value?.handleDblClick(x);
2568
+ }, q = le(), N = oe(), s = ee(d, a, q, N);
2540
2569
  J(() => {
2541
- v.value = te(p.value, l.designStatus, d), v.value?.beforeMount();
2542
- }), q(() => {
2543
- a(), b = setInterval(() => {
2544
- let w = (/* @__PURE__ */ new Date()).getTime();
2545
- h.value = L(w);
2570
+ v.value = te(h.value, l.designStatus, s), v.value?.beforeMount();
2571
+ }), Y(() => {
2572
+ u(), w = setInterval(() => {
2573
+ let x = (/* @__PURE__ */ new Date()).getTime();
2574
+ m.value = W(x);
2546
2575
  }, 500), v.value?.mounted();
2547
2576
  }), Q(() => {
2548
2577
  v.value?.beforeUnmount();
2549
2578
  }), $(() => {
2550
2579
  v.value?.unmounted();
2551
2580
  });
2552
- const y = { formatDate: r, getDate: e, getWeek: f, isNotEmpty: n, isNumber: o, props: l, propValue: c, element: u, events: p, eventHandler: v, textX: s, textY: k, textBaseLine: D, textAnchor: j, hasTooltipContent: P, showDataValue: h, get dataValue() {
2553
- return _;
2554
- }, set dataValue(w) {
2555
- _ = w;
2581
+ const p = { formatDate: r, getDate: e, getWeek: f, isNotEmpty: n, isNumber: o, props: l, propValue: d, element: a, events: h, eventHandler: v, textX: c, textY: S, textBaseLine: _, textAnchor: H, hasTooltipContent: R, showDataValue: m, get dataValue() {
2582
+ return V;
2583
+ }, set dataValue(x) {
2584
+ V = x;
2556
2585
  }, get dataTime() {
2557
2586
  return I;
2558
- }, set dataTime(w) {
2559
- I = w;
2560
- }, tooltipContent: W, get timer() {
2561
- return b;
2562
- }, set timer(w) {
2563
- b = w;
2564
- }, draw: a, drawChart: x, showValue: L, dataFormatter: S, clearInterval: B, handleClick: M, handleDblClick: g, router: Y, route: K, compContext: d, watch: T, onMounted: q, computed: m, onBeforeUnmount: Q, ref: C, onBeforeMount: J, onUnmounted: $, get useEventHandler() {
2587
+ }, set dataTime(x) {
2588
+ I = x;
2589
+ }, tooltipContent: D, get timer() {
2590
+ return w;
2591
+ }, set timer(x) {
2592
+ w = x;
2593
+ }, draw: u, drawChart: b, showValue: W, dataFormatter: k, clearInterval: A, handleClick: j, handleDblClick: C, router: q, route: N, compContext: s, watch: B, onMounted: Y, computed: g, onBeforeUnmount: Q, ref: y, onBeforeMount: J, onUnmounted: $, get useEventHandler() {
2565
2594
  return te;
2566
2595
  }, get useDataCacheStore() {
2567
2596
  return re;
@@ -2576,17 +2605,17 @@ const io = /* @__PURE__ */ ve(uo, [["render", so], ["__scopeId", "data-v-572c01e
2576
2605
  }, get CommonUtils() {
2577
2606
  return Z;
2578
2607
  } };
2579
- return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
2608
+ return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
2580
2609
  }
2581
2610
  });
2582
2611
  function fo(t, i, r, e, f, n) {
2583
- return H(), A("div", {
2612
+ return P(), F("div", {
2584
2613
  class: "svg-container",
2585
2614
  onClick: e.handleClick,
2586
2615
  onDblclick: e.handleDblClick
2587
2616
  }, [
2588
- (H(), A("svg", { xmlns: "http://www.w3.org/2000/svg" }, [
2589
- e.propValue.hasBackground ? (H(), A("rect", {
2617
+ (P(), F("svg", { xmlns: "http://www.w3.org/2000/svg" }, [
2618
+ e.propValue.hasBackground ? (P(), F("rect", {
2590
2619
  key: 0,
2591
2620
  x: 1,
2592
2621
  y: 1,
@@ -2634,29 +2663,29 @@ const vo = /* @__PURE__ */ ve(co, [["render", fo], ["__scopeId", "data-v-939b62a
2634
2663
  },
2635
2664
  setup(t, { expose: i }) {
2636
2665
  i();
2637
- const r = t, e = re(), f = ae(e), n = C(null), o = m(() => r.propValue || {}), l = m(() => r.element || {}), c = m(() => l.value.events || []), u = le(), p = oe(), v = ee(o, l, u, p);
2666
+ const r = t, e = re(), f = ae(e), n = y(null), o = g(() => r.propValue || {}), l = g(() => r.element || {}), d = g(() => l.value.events || []), a = le(), h = oe(), v = ee(o, l, a, h);
2638
2667
  J(() => {
2639
- n.value = te(c.value, r.designStatus, v), n.value?.beforeMount();
2640
- }), q(() => {
2641
- P(), n.value?.mounted();
2668
+ n.value = te(d.value, r.designStatus, v), n.value?.beforeMount();
2669
+ }), Y(() => {
2670
+ R(), n.value?.mounted();
2642
2671
  }), Q(() => {
2643
2672
  n.value?.beforeUnmount();
2644
2673
  }), $(() => {
2645
2674
  n.value?.unmounted();
2646
2675
  });
2647
- const { dynamicColor: s } = ye(o, f, e.rules, Z), k = m(() => s.lineColor ? s.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), D = C([]), j = C([]);
2648
- T(() => l.value.style.width, (I) => {
2649
- P();
2650
- }), T(() => l.value.style.height, (I) => {
2651
- P();
2676
+ const { dynamicColor: c } = ye(o, f, e.rules, Z), S = g(() => c.lineColor ? c.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), _ = y([]), H = y([]);
2677
+ B(() => l.value.style.width, (I) => {
2678
+ R();
2679
+ }), B(() => l.value.style.height, (I) => {
2680
+ R();
2652
2681
  });
2653
- const P = () => {
2654
- const { width: I, height: W } = l.value.style;
2655
- h(I, W);
2656
- }, h = (I, W) => {
2657
- const b = [0, 0.5], a = [1, 0.5];
2658
- D.value = [I * b[0], W * b[1]], j.value = [I * a[0], W * a[1]];
2659
- }, _ = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: c, router: u, route: p, compContext: v, dynamicColor: s, showLineColor: k, LineL1P1: D, LineL1P2: j, draw: P, drawChart: h, get useEventHandler() {
2682
+ const R = () => {
2683
+ const { width: I, height: D } = l.value.style;
2684
+ m(I, D);
2685
+ }, m = (I, D) => {
2686
+ const w = [0, 0.5], u = [1, 0.5];
2687
+ _.value = [I * w[0], D * w[1]], H.value = [I * u[0], D * u[1]];
2688
+ }, V = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: d, router: a, route: h, compContext: v, dynamicColor: c, showLineColor: S, LineL1P1: _, LineL1P2: H, draw: R, drawChart: m, get useEventHandler() {
2660
2689
  return te;
2661
2690
  }, get useDataCacheStore() {
2662
2691
  return re;
@@ -2664,7 +2693,7 @@ const vo = /* @__PURE__ */ ve(co, [["render", fo], ["__scopeId", "data-v-939b62a
2664
2693
  return ae;
2665
2694
  }, get CreateCompContext() {
2666
2695
  return ee;
2667
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
2696
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
2668
2697
  return oe;
2669
2698
  }, get useRouter() {
2670
2699
  return le;
@@ -2673,12 +2702,12 @@ const vo = /* @__PURE__ */ ve(co, [["render", fo], ["__scopeId", "data-v-939b62a
2673
2702
  }, get useDynamicColor() {
2674
2703
  return ye;
2675
2704
  } };
2676
- return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
2705
+ return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
2677
2706
  }
2678
2707
  });
2679
2708
  function ho(t, i, r, e, f, n) {
2680
- return H(), A("div", { class: "svg-container" }, [
2681
- (H(), A("svg", {
2709
+ return P(), F("div", { class: "svg-container" }, [
2710
+ (P(), F("svg", {
2682
2711
  xmlns: "http://www.w3.org/2000/svg",
2683
2712
  width: e.element.style.width,
2684
2713
  height: e.element.style.height
@@ -2692,7 +2721,7 @@ function ho(t, i, r, e, f, n) {
2692
2721
  "stroke-width": e.propValue.strokeWidth,
2693
2722
  "stroke-dasharray": e.propValue.strokeDasharray
2694
2723
  }, [
2695
- e.propValue.animate ? (H(), A("animate", {
2724
+ e.propValue.animate ? (P(), F("animate", {
2696
2725
  key: 0,
2697
2726
  attributeName: "stroke-dashoffset",
2698
2727
  from: e.propValue.animateFrom,
@@ -2727,29 +2756,29 @@ const mo = /* @__PURE__ */ ve(po, [["render", ho], ["__scopeId", "data-v-7dcb208
2727
2756
  },
2728
2757
  setup(t, { expose: i }) {
2729
2758
  i();
2730
- const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = C(null), l = m(() => e.propValue || {}), c = m(() => e.element || {}), u = m(() => c.value.events || []), p = le(), v = oe(), s = ee(l, c, p, v);
2759
+ const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = y(null), l = g(() => e.propValue || {}), d = g(() => e.element || {}), a = g(() => d.value.events || []), h = le(), v = oe(), c = ee(l, d, h, v);
2731
2760
  J(() => {
2732
- o.value = te(u.value, e.designStatus, s), o.value?.beforeMount(), L.value = r();
2733
- }), q(() => {
2734
- a(), o.value?.mounted();
2761
+ o.value = te(a.value, e.designStatus, c), o.value?.beforeMount(), W.value = r();
2762
+ }), Y(() => {
2763
+ u(), o.value?.mounted();
2735
2764
  }), Q(() => {
2736
2765
  o.value?.beforeUnmount();
2737
2766
  }), $(() => {
2738
2767
  o.value?.unmounted();
2739
2768
  });
2740
- const { dynamicColor: k } = ye(l, n, f.rules, Z), D = m(() => k.fillColor ? k.fillColor : l.value.fillColor ? l.value.fillColor : "none"), j = m(() => k.lineColor ? k.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), P = C(0), h = C(0), _ = C(1), I = C(1), W = C(0), b = C(0);
2741
- T(() => c.value.style.width, (M) => {
2742
- a();
2743
- }), T(() => c.value.style.height, (M) => {
2744
- a();
2769
+ const { dynamicColor: S } = ye(l, n, f.rules, Z), _ = g(() => S.fillColor ? S.fillColor : l.value.fillColor ? l.value.fillColor : "none"), H = g(() => S.lineColor ? S.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), R = y(0), m = y(0), V = y(1), I = y(1), D = y(0), w = y(0);
2770
+ B(() => d.value.style.width, (j) => {
2771
+ u();
2772
+ }), B(() => d.value.style.height, (j) => {
2773
+ u();
2745
2774
  });
2746
- const a = () => {
2747
- const { width: M, height: g } = c.value.style;
2748
- x(M, g);
2749
- }, x = (M, g) => {
2750
- let w = l.value.strokeWidth, E = w / 2;
2751
- P.value = 0 * M + E, h.value = 0 * g + E, _.value = g * 1 - w, I.value = M * 1 - w;
2752
- }, L = C(""), S = m(() => l.value.hasGradient ? `url(#${L.value})` : D.value), B = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: c, events: u, router: p, route: v, compContext: s, dynamicColor: k, showFillColor: D, showLineColor: j, rlux: P, rluy: h, rhight: _, rwidth: I, rrx: W, rry: b, draw: a, drawChart: x, gradientId: L, fillStyle: S, get useEventHandler() {
2775
+ const u = () => {
2776
+ const { width: j, height: C } = d.value.style;
2777
+ b(j, C);
2778
+ }, b = (j, C) => {
2779
+ let x = l.value.strokeWidth, T = x / 2;
2780
+ R.value = 0 * j + T, m.value = 0 * C + T, V.value = C * 1 - x, I.value = j * 1 - x;
2781
+ }, W = y(""), k = g(() => l.value.hasGradient ? `url(#${W.value})` : _.value), A = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: d, events: a, router: h, route: v, compContext: c, dynamicColor: S, showFillColor: _, showLineColor: H, rlux: R, rluy: m, rhight: V, rwidth: I, rrx: D, rry: w, draw: u, drawChart: b, gradientId: W, fillStyle: k, get useEventHandler() {
2753
2782
  return te;
2754
2783
  }, get useDataCacheStore() {
2755
2784
  return re;
@@ -2757,7 +2786,7 @@ const mo = /* @__PURE__ */ ve(po, [["render", ho], ["__scopeId", "data-v-7dcb208
2757
2786
  return ae;
2758
2787
  }, get CreateCompContext() {
2759
2788
  return ee;
2760
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get CommonUtils() {
2789
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get CommonUtils() {
2761
2790
  return Z;
2762
2791
  }, get useRoute() {
2763
2792
  return oe;
@@ -2766,22 +2795,22 @@ const mo = /* @__PURE__ */ ve(po, [["render", ho], ["__scopeId", "data-v-7dcb208
2766
2795
  }, get useDynamicColor() {
2767
2796
  return ye;
2768
2797
  } };
2769
- return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
2798
+ return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
2770
2799
  }
2771
2800
  });
2772
2801
  function yo(t, i, r, e, f, n) {
2773
- return H(), A("div", { class: "svg-container" }, [
2774
- (H(), A("svg", {
2802
+ return P(), F("div", { class: "svg-container" }, [
2803
+ (P(), F("svg", {
2775
2804
  xmlns: "http://www.w3.org/2000/svg",
2776
2805
  width: e.element.style.width,
2777
2806
  height: e.element.style.height
2778
2807
  }, [
2779
2808
  ne(" 根据条件判断是否渲染渐变定义 "),
2780
2809
  de(),
2781
- e.propValue.hasGradient ? (H(), A("defs", { key: 0 }, [
2810
+ e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
2782
2811
  ne(" 这里根据渐变类型动态渲染线性或径向渐变 "),
2783
2812
  de(),
2784
- e.propValue.gradientType === "linear" ? (H(), A("linearGradient", {
2813
+ e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
2785
2814
  key: 0,
2786
2815
  id: e.gradientId,
2787
2816
  x1: e.propValue.gradientX1 + "%",
@@ -2789,18 +2818,18 @@ function yo(t, i, r, e, f, n) {
2789
2818
  y1: e.propValue.gradientY1 + "%",
2790
2819
  y2: e.propValue.gradientY2 + "%"
2791
2820
  }, [
2792
- (H(), A("stop", {
2821
+ (P(), F("stop", {
2793
2822
  key: 1,
2794
2823
  offset: e.propValue.gradientStopsOffset + "%",
2795
2824
  "stop-color": e.propValue.gradientStopsColor
2796
2825
  }, null, 8, ["offset", "stop-color"])),
2797
2826
  de(),
2798
- (H(), A("stop", {
2827
+ (P(), F("stop", {
2799
2828
  key: 2,
2800
2829
  offset: e.propValue.gradientStopsOffset2 + "%",
2801
2830
  "stop-color": e.propValue.gradientStopsColor2
2802
2831
  }, null, 8, ["offset", "stop-color"]))
2803
- ], 8, ["id", "x1", "x2", "y1", "y2"])) : (H(), A("radialGradient", {
2832
+ ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
2804
2833
  key: 1,
2805
2834
  id: e.gradientId,
2806
2835
  cx: e.propValue.gradientCx + "%",
@@ -2809,13 +2838,13 @@ function yo(t, i, r, e, f, n) {
2809
2838
  fx: e.propValue.gradientFx + "%",
2810
2839
  fy: e.propValue.gradientFy + "%"
2811
2840
  }, [
2812
- (H(), A("stop", {
2841
+ (P(), F("stop", {
2813
2842
  key: 1,
2814
2843
  offset: e.propValue.gradientStopsOffset + "%",
2815
2844
  "stop-color": e.propValue.gradientStopsColor
2816
2845
  }, null, 8, ["offset", "stop-color"])),
2817
2846
  de(),
2818
- (H(), A("stop", {
2847
+ (P(), F("stop", {
2819
2848
  key: 2,
2820
2849
  offset: e.propValue.gradientStopsOffset2 + "%",
2821
2850
  "stop-color": e.propValue.gradientStopsColor2
@@ -2863,30 +2892,30 @@ const Co = /* @__PURE__ */ ve(go, [["render", yo], ["__scopeId", "data-v-4ce499b
2863
2892
  },
2864
2893
  setup(t, { expose: i }) {
2865
2894
  i();
2866
- const r = t, e = re(), f = ae(e), n = C(null), o = m(() => r.propValue || {}), l = m(() => r.element || {}), c = m(() => l.value.events || []), u = le(), p = oe(), v = ee(o, l, u, p);
2895
+ const r = t, e = re(), f = ae(e), n = y(null), o = g(() => r.propValue || {}), l = g(() => r.element || {}), d = g(() => l.value.events || []), a = le(), h = oe(), v = ee(o, l, a, h);
2867
2896
  J(() => {
2868
- n.value = te(c.value, r.designStatus, v), n.value?.beforeMount();
2869
- }), q(() => {
2870
- P(), n.value?.mounted();
2897
+ n.value = te(d.value, r.designStatus, v), n.value?.beforeMount();
2898
+ }), Y(() => {
2899
+ R(), n.value?.mounted();
2871
2900
  }), Q(() => {
2872
2901
  n.value?.beforeUnmount();
2873
2902
  }), $(() => {
2874
2903
  n.value?.unmounted();
2875
2904
  });
2876
- const { dynamicColor: s } = ye(o, f, e.rules, Z), k = m(() => s.fillColor ? s.fillColor : o.value.fillColor ? o.value.fillColor : "none"), D = m(() => s.lineColor ? s.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), j = C([]);
2877
- T(() => l.value.style.width, (I) => {
2878
- P();
2879
- }), T(() => l.value.style.height, (I) => {
2880
- P();
2905
+ const { dynamicColor: c } = ye(o, f, e.rules, Z), S = g(() => c.fillColor ? c.fillColor : o.value.fillColor ? o.value.fillColor : "none"), _ = g(() => c.lineColor ? c.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), H = y([]);
2906
+ B(() => l.value.style.width, (I) => {
2907
+ R();
2908
+ }), B(() => l.value.style.height, (I) => {
2909
+ R();
2881
2910
  });
2882
- const P = () => {
2883
- const { width: I, height: W } = l.value.style;
2884
- h(I, W);
2885
- }, h = (I, W) => {
2886
- const b = [];
2887
- let a = 0, x = o.value.strokeWidth;
2888
- b[a++] = "M", b[a++] = 0.5 * I, b[a++] = 0 + x, b[a++] = "L", b[a++] = 0 + x, b[a++] = W - x, b[a++] = "L", b[a++] = I - x, b[a++] = W - x, b[a++] = "Z", j.value = b.join(" ");
2889
- }, _ = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: c, router: u, route: p, compContext: v, dynamicColor: s, showFillColor: k, showLineColor: D, pathData: j, draw: P, drawChart: h, get useEventHandler() {
2911
+ const R = () => {
2912
+ const { width: I, height: D } = l.value.style;
2913
+ m(I, D);
2914
+ }, m = (I, D) => {
2915
+ const w = [];
2916
+ let u = 0, b = o.value.strokeWidth;
2917
+ w[u++] = "M", w[u++] = 0.5 * I, w[u++] = 0 + b, w[u++] = "L", w[u++] = 0 + b, w[u++] = D - b, w[u++] = "L", w[u++] = I - b, w[u++] = D - b, w[u++] = "Z", H.value = w.join(" ");
2918
+ }, V = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: d, router: a, route: h, compContext: v, dynamicColor: c, showFillColor: S, showLineColor: _, pathData: H, draw: R, drawChart: m, get useEventHandler() {
2890
2919
  return te;
2891
2920
  }, get useDataCacheStore() {
2892
2921
  return re;
@@ -2894,7 +2923,7 @@ const Co = /* @__PURE__ */ ve(go, [["render", yo], ["__scopeId", "data-v-4ce499b
2894
2923
  return ae;
2895
2924
  }, get CreateCompContext() {
2896
2925
  return ee;
2897
- }, ref: C, computed: m, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, watch: T, get useRoute() {
2926
+ }, ref: y, computed: g, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, watch: B, get useRoute() {
2898
2927
  return oe;
2899
2928
  }, get useRouter() {
2900
2929
  return le;
@@ -2903,12 +2932,12 @@ const Co = /* @__PURE__ */ ve(go, [["render", yo], ["__scopeId", "data-v-4ce499b
2903
2932
  }, get useDynamicColor() {
2904
2933
  return ye;
2905
2934
  } };
2906
- return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
2935
+ return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
2907
2936
  }
2908
2937
  });
2909
2938
  function xo(t, i, r, e, f, n) {
2910
- return H(), A("div", { class: "svg-container" }, [
2911
- (H(), A("svg", {
2939
+ return P(), F("div", { class: "svg-container" }, [
2940
+ (P(), F("svg", {
2912
2941
  xmlns: "http://www.w3.org/2000/svg",
2913
2942
  width: e.element.style.width,
2914
2943
  height: e.element.style.height
@@ -2945,29 +2974,29 @@ const wo = /* @__PURE__ */ ve(bo, [["render", xo], ["__scopeId", "data-v-aec13cc
2945
2974
  },
2946
2975
  setup(t, { expose: i }) {
2947
2976
  i();
2948
- const r = t, e = re(), f = ae(e), n = C(null), o = m(() => r.propValue || {}), l = m(() => r.element || {}), c = m(() => l.value.events || []), u = le(), p = oe(), v = ee(o, l, u, p);
2977
+ const r = t, e = re(), f = ae(e), n = y(null), o = g(() => r.propValue || {}), l = g(() => r.element || {}), d = g(() => l.value.events || []), a = le(), h = oe(), v = ee(o, l, a, h);
2949
2978
  J(() => {
2950
- n.value = te(c.value, r.designStatus, v), n.value?.beforeMount();
2951
- }), q(() => {
2952
- P(), n.value?.mounted();
2979
+ n.value = te(d.value, r.designStatus, v), n.value?.beforeMount();
2980
+ }), Y(() => {
2981
+ R(), n.value?.mounted();
2953
2982
  }), Q(() => {
2954
2983
  n.value?.beforeUnmount();
2955
2984
  }), $(() => {
2956
2985
  n.value?.unmounted();
2957
2986
  });
2958
- const { dynamicColor: s } = ye(o, f, e.rules, Z), k = m(() => s.lineColor ? s.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), D = C([]), j = C([]);
2959
- T(() => l.value.style.width, (I) => {
2960
- P();
2961
- }), T(() => l.value.style.height, (I) => {
2962
- P();
2987
+ const { dynamicColor: c } = ye(o, f, e.rules, Z), S = g(() => c.lineColor ? c.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), _ = y([]), H = y([]);
2988
+ B(() => l.value.style.width, (I) => {
2989
+ R();
2990
+ }), B(() => l.value.style.height, (I) => {
2991
+ R();
2963
2992
  });
2964
- const P = () => {
2965
- const { width: I, height: W } = l.value.style;
2966
- h(I, W);
2967
- }, h = (I, W) => {
2968
- const b = [0.5, 0], a = [0.5, 1];
2969
- D.value = [I * b[0], W * b[1]], j.value = [I * a[0], W * a[1]];
2970
- }, _ = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: c, router: u, route: p, compContext: v, dynamicColor: s, showLineColor: k, LineL1P1: D, LineL1P2: j, draw: P, drawChart: h, get useEventHandler() {
2993
+ const R = () => {
2994
+ const { width: I, height: D } = l.value.style;
2995
+ m(I, D);
2996
+ }, m = (I, D) => {
2997
+ const w = [0.5, 0], u = [0.5, 1];
2998
+ _.value = [I * w[0], D * w[1]], H.value = [I * u[0], D * u[1]];
2999
+ }, V = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: d, router: a, route: h, compContext: v, dynamicColor: c, showLineColor: S, LineL1P1: _, LineL1P2: H, draw: R, drawChart: m, get useEventHandler() {
2971
3000
  return te;
2972
3001
  }, get useDataCacheStore() {
2973
3002
  return re;
@@ -2975,7 +3004,7 @@ const wo = /* @__PURE__ */ ve(bo, [["render", xo], ["__scopeId", "data-v-aec13cc
2975
3004
  return ae;
2976
3005
  }, get CreateCompContext() {
2977
3006
  return ee;
2978
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3007
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
2979
3008
  return oe;
2980
3009
  }, get useRouter() {
2981
3010
  return le;
@@ -2984,12 +3013,12 @@ const wo = /* @__PURE__ */ ve(bo, [["render", xo], ["__scopeId", "data-v-aec13cc
2984
3013
  }, get useDynamicColor() {
2985
3014
  return ye;
2986
3015
  } };
2987
- return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
3016
+ return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
2988
3017
  }
2989
3018
  });
2990
3019
  function ko(t, i, r, e, f, n) {
2991
- return H(), A("div", { class: "svg-container" }, [
2992
- (H(), A("svg", {
3020
+ return P(), F("div", { class: "svg-container" }, [
3021
+ (P(), F("svg", {
2993
3022
  xmlns: "http://www.w3.org/2000/svg",
2994
3023
  width: e.element.style.width,
2995
3024
  height: e.element.style.height
@@ -3003,7 +3032,7 @@ function ko(t, i, r, e, f, n) {
3003
3032
  "stroke-width": e.propValue.strokeWidth,
3004
3033
  "stroke-dasharray": e.propValue.strokeDasharray
3005
3034
  }, [
3006
- e.propValue.animate ? (H(), A("animate", {
3035
+ e.propValue.animate ? (P(), F("animate", {
3007
3036
  key: 0,
3008
3037
  attributeName: "stroke-dashoffset",
3009
3038
  from: e.propValue.animateFrom,
@@ -3037,31 +3066,31 @@ const _o = /* @__PURE__ */ ve(So, [["render", ko], ["__scopeId", "data-v-cddc726
3037
3066
  }
3038
3067
  },
3039
3068
  setup(t, { expose: i }) {
3040
- const r = t, e = C(null), f = m(() => r.propValue || {}), n = m(() => r.element || {}), o = m(() => n.value.events || []), l = C(0), c = C(0), u = C(""), p = C(""), v = (a) => {
3041
- e.value?.handleClick(a);
3042
- }, s = (a) => {
3043
- e.value?.handleDblClick(a);
3069
+ const r = t, e = y(null), f = g(() => r.propValue || {}), n = g(() => r.element || {}), o = g(() => n.value.events || []), l = y(0), d = y(0), a = y(""), h = y(""), v = (u) => {
3070
+ e.value?.handleClick(u);
3071
+ }, c = (u) => {
3072
+ e.value?.handleDblClick(u);
3044
3073
  };
3045
- T(() => n.value.style.width, (a) => {
3046
- k();
3047
- }), T(() => n.value.style.height, (a) => {
3048
- k();
3049
- }), T(() => f.value.horizontalAlign, (a) => {
3050
- k();
3051
- }), T(() => f.value.offsetX, (a) => {
3052
- k();
3074
+ B(() => n.value.style.width, (u) => {
3075
+ S();
3076
+ }), B(() => n.value.style.height, (u) => {
3077
+ S();
3078
+ }), B(() => f.value.horizontalAlign, (u) => {
3079
+ S();
3080
+ }), B(() => f.value.offsetX, (u) => {
3081
+ S();
3053
3082
  });
3054
- const k = () => {
3055
- const { width: a, height: x } = r.element.style;
3056
- D(a, x);
3057
- }, D = (a, x) => {
3058
- let L = r.propValue.horizontalAlign || "left", S = r.propValue.offsetX || 0;
3059
- L == "center" ? (p.value = "middle", l.value = a * 0.5) : L == "right" ? (l.value = a - S, p.value = "end") : (l.value = 0 + S, p.value = "start"), u.value = "central", c.value = x * 0.5;
3060
- }, j = le(), P = oe(), h = ee(f, n, j, P);
3083
+ const S = () => {
3084
+ const { width: u, height: b } = r.element.style;
3085
+ _(u, b);
3086
+ }, _ = (u, b) => {
3087
+ let W = r.propValue.horizontalAlign || "left", k = r.propValue.offsetX || 0;
3088
+ W == "center" ? (h.value = "middle", l.value = u * 0.5) : W == "right" ? (l.value = u - k, h.value = "end") : (l.value = 0 + k, h.value = "start"), a.value = "central", d.value = b * 0.5;
3089
+ }, H = le(), R = oe(), m = ee(f, n, H, R);
3061
3090
  J(() => {
3062
- e.value = te(o.value, r.designStatus, h), e.value?.beforeMount();
3063
- }), q(() => {
3064
- k(), e.value?.mounted();
3091
+ e.value = te(o.value, r.designStatus, m), e.value?.beforeMount();
3092
+ }), Y(() => {
3093
+ S(), e.value?.mounted();
3065
3094
  }), Q(() => {
3066
3095
  e.value?.beforeUnmount();
3067
3096
  }), $(() => {
@@ -3069,23 +3098,23 @@ const _o = /* @__PURE__ */ ve(So, [["render", ko], ["__scopeId", "data-v-cddc726
3069
3098
  }), i({
3070
3099
  handleClick: v
3071
3100
  });
3072
- const { processMenus: _ } = Le(), I = (a) => {
3073
- a.preventDefault();
3074
- let x = f.value.menuItems || [];
3075
- if (Z.isArray(x) && x.length > 0) {
3076
- let L = [];
3077
- L = _(x, function(S, B) {
3078
- e.value?.handleContextMenu(a, S.value);
3101
+ const { processMenus: V } = Le(), I = (u) => {
3102
+ u.preventDefault();
3103
+ let b = f.value.menuItems || [];
3104
+ if (Z.isArray(b) && b.length > 0) {
3105
+ let W = [];
3106
+ W = V(b, function(k, A) {
3107
+ e.value?.handleContextMenu(u, k.value);
3079
3108
  }), We.showContextMenu({
3080
- x: a.x,
3081
- y: a.y,
3082
- items: L
3109
+ x: u.x,
3110
+ y: u.y,
3111
+ items: W
3083
3112
  });
3084
3113
  }
3085
- }, W = m(() => {
3086
- let a = {};
3087
- return a.cursor = ke(o.value), a;
3088
- }), b = { props: r, eventHandler: e, propValue: f, element: n, events: o, textX: l, textY: c, textBaseLine: u, textAnchor: p, handleClick: v, handleDblClick: s, draw: k, drawChart: D, router: j, route: P, compContext: h, processMenus: _, openContextMenu: I, customStyle: W, get useEventHandler() {
3114
+ }, D = g(() => {
3115
+ let u = {};
3116
+ return u.cursor = ke(o.value), u;
3117
+ }), w = { props: r, eventHandler: e, propValue: f, element: n, events: o, textX: l, textY: d, textBaseLine: a, textAnchor: h, handleClick: v, handleDblClick: c, draw: S, drawChart: _, router: H, route: R, compContext: m, processMenus: V, openContextMenu: I, customStyle: D, get useEventHandler() {
3089
3118
  return te;
3090
3119
  }, get useDataCacheStore() {
3091
3120
  return re;
@@ -3095,7 +3124,7 @@ const _o = /* @__PURE__ */ ve(So, [["render", ko], ["__scopeId", "data-v-cddc726
3095
3124
  return ee;
3096
3125
  }, get CommonUtils() {
3097
3126
  return Z;
3098
- }, watch: T, onMounted: q, computed: m, ref: C, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3127
+ }, watch: B, onMounted: Y, computed: g, ref: y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3099
3128
  return oe;
3100
3129
  }, get useRouter() {
3101
3130
  return le;
@@ -3106,23 +3135,23 @@ const _o = /* @__PURE__ */ ve(So, [["render", ko], ["__scopeId", "data-v-cddc726
3106
3135
  }, get getCursorByEvents() {
3107
3136
  return ke;
3108
3137
  } };
3109
- return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
3138
+ return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
3110
3139
  }
3111
3140
  });
3112
3141
  function Mo(t, i, r, e, f, n) {
3113
- return H(), A("div", {
3142
+ return P(), F("div", {
3114
3143
  class: "svg-container",
3115
3144
  style: Se(e.customStyle),
3116
3145
  onClick: e.handleClick,
3117
3146
  onDblclick: e.handleDblClick,
3118
3147
  onContextmenu: e.openContextMenu
3119
3148
  }, [
3120
- (H(), A("svg", {
3149
+ (P(), F("svg", {
3121
3150
  xmlns: "http://www.w3.org/2000/svg",
3122
3151
  width: e.element.style.width,
3123
3152
  height: e.element.style.height
3124
3153
  }, [
3125
- e.propValue.hasBackground ? (H(), A("rect", {
3154
+ e.propValue.hasBackground ? (P(), F("rect", {
3126
3155
  key: 0,
3127
3156
  x: 1,
3128
3157
  y: 1,
@@ -3174,57 +3203,57 @@ const Oo = /* @__PURE__ */ ve(Vo, [["render", Mo], ["__scopeId", "data-v-bab9827
3174
3203
  },
3175
3204
  setup(t, { expose: i }) {
3176
3205
  i();
3177
- const { isNotEmpty: r } = Z, e = t, f = m(() => e.propValue || {}), n = m(() => e.element || {}), o = m(() => n.value.events || []), l = C(null), c = m(() => {
3178
- const { width: L, height: S } = n.value.style;
3179
- let B = L / 2, M = S / 2;
3180
- return r(f.value.translateX) || r(f.value.translateY) ? r(f.value.translateX) && r(f.value.translateY) ? `rotate(90,${B},${M}) translate(${f.value.translateX}, ${f.value.translateY})` : r(f.value.translateX) ? `rotate(90,${B},${M}) translate(${f.value.translateX}, 0)` : `rotate(90,${B},${M}) translate(0, ${f.value.translateY})` : `rotate(90,${B},${M})`;
3181
- }), u = C(0), p = C(0), v = C(""), s = C(""), k = (L) => {
3182
- l.value?.handleClick(L);
3183
- }, D = (L) => {
3184
- l.value?.handleDblClick(L);
3206
+ const { isNotEmpty: r } = Z, e = t, f = g(() => e.propValue || {}), n = g(() => e.element || {}), o = g(() => n.value.events || []), l = y(null), d = g(() => {
3207
+ const { width: W, height: k } = n.value.style;
3208
+ let A = W / 2, j = k / 2;
3209
+ return r(f.value.translateX) || r(f.value.translateY) ? r(f.value.translateX) && r(f.value.translateY) ? `rotate(90,${A},${j}) translate(${f.value.translateX}, ${f.value.translateY})` : r(f.value.translateX) ? `rotate(90,${A},${j}) translate(${f.value.translateX}, 0)` : `rotate(90,${A},${j}) translate(0, ${f.value.translateY})` : `rotate(90,${A},${j})`;
3210
+ }), a = y(0), h = y(0), v = y(""), c = y(""), S = (W) => {
3211
+ l.value?.handleClick(W);
3212
+ }, _ = (W) => {
3213
+ l.value?.handleDblClick(W);
3185
3214
  };
3186
- T(() => n.value.style.width, (L) => {
3187
- j();
3188
- }), T(() => n.value.style.height, (L) => {
3189
- j();
3190
- }), T(() => f.value.horizontalAlign, (L) => {
3191
- j();
3192
- }), T(() => f.value.offsetX, (L) => {
3193
- j();
3215
+ B(() => n.value.style.width, (W) => {
3216
+ H();
3217
+ }), B(() => n.value.style.height, (W) => {
3218
+ H();
3219
+ }), B(() => f.value.horizontalAlign, (W) => {
3220
+ H();
3221
+ }), B(() => f.value.offsetX, (W) => {
3222
+ H();
3194
3223
  });
3195
- const j = () => {
3196
- const { width: L, height: S } = e.element.style;
3197
- P(L, S);
3198
- }, P = (L, S) => {
3199
- let B = e.propValue.horizontalAlign || "left", M = e.propValue.offsetX || 0;
3200
- B == "center" ? (s.value = "middle", u.value = L * 0.5) : B == "right" ? (u.value = L - M, s.value = "end") : (u.value = 0 + M, s.value = "start"), v.value = "central", p.value = S * 0.5;
3201
- }, h = le(), _ = oe(), I = ee(f, n, h, _);
3224
+ const H = () => {
3225
+ const { width: W, height: k } = e.element.style;
3226
+ R(W, k);
3227
+ }, R = (W, k) => {
3228
+ let A = e.propValue.horizontalAlign || "left", j = e.propValue.offsetX || 0;
3229
+ A == "center" ? (c.value = "middle", a.value = W * 0.5) : A == "right" ? (a.value = W - j, c.value = "end") : (a.value = 0 + j, c.value = "start"), v.value = "central", h.value = k * 0.5;
3230
+ }, m = le(), V = oe(), I = ee(f, n, m, V);
3202
3231
  J(() => {
3203
3232
  l.value = te(o.value, e.designStatus, I), l.value?.beforeMount();
3204
- }), q(() => {
3205
- j(), l.value?.mounted();
3233
+ }), Y(() => {
3234
+ H(), l.value?.mounted();
3206
3235
  }), Q(() => {
3207
3236
  l.value?.beforeUnmount();
3208
3237
  }), $(() => {
3209
3238
  l.value?.unmounted();
3210
3239
  });
3211
- const { processMenus: W } = Le(), b = (L) => {
3212
- L.preventDefault();
3213
- let S = f.value.menuItems || [];
3214
- if (Z.isArray(S) && S.length > 0) {
3215
- let B = [];
3216
- B = W(S, function(M, g) {
3217
- l.value?.handleContextMenu(L, M.value);
3240
+ const { processMenus: D } = Le(), w = (W) => {
3241
+ W.preventDefault();
3242
+ let k = f.value.menuItems || [];
3243
+ if (Z.isArray(k) && k.length > 0) {
3244
+ let A = [];
3245
+ A = D(k, function(j, C) {
3246
+ l.value?.handleContextMenu(W, j.value);
3218
3247
  }), We.showContextMenu({
3219
- x: L.x,
3220
- y: L.y,
3221
- items: B
3248
+ x: W.x,
3249
+ y: W.y,
3250
+ items: A
3222
3251
  });
3223
3252
  }
3224
- }, a = m(() => {
3225
- let L = {};
3226
- return L.cursor = ke(o.value), L;
3227
- }), x = { isNotEmpty: r, props: e, propValue: f, element: n, events: o, eventHandler: l, transformAttr: c, textX: u, textY: p, textBaseLine: v, textAnchor: s, handleClick: k, handleDblClick: D, draw: j, drawChart: P, router: h, route: _, compContext: I, processMenus: W, openContextMenu: b, customStyle: a, get useEventHandler() {
3253
+ }, u = g(() => {
3254
+ let W = {};
3255
+ return W.cursor = ke(o.value), W;
3256
+ }), b = { isNotEmpty: r, props: e, propValue: f, element: n, events: o, eventHandler: l, transformAttr: d, textX: a, textY: h, textBaseLine: v, textAnchor: c, handleClick: S, handleDblClick: _, draw: H, drawChart: R, router: m, route: V, compContext: I, processMenus: D, openContextMenu: w, customStyle: u, get useEventHandler() {
3228
3257
  return te;
3229
3258
  }, get useDataCacheStore() {
3230
3259
  return re;
@@ -3232,7 +3261,7 @@ const Oo = /* @__PURE__ */ ve(Vo, [["render", Mo], ["__scopeId", "data-v-bab9827
3232
3261
  return ae;
3233
3262
  }, get CreateCompContext() {
3234
3263
  return ee;
3235
- }, ref: C, watch: T, computed: m, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3264
+ }, ref: y, watch: B, computed: g, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3236
3265
  return oe;
3237
3266
  }, get useRouter() {
3238
3267
  return le;
@@ -3245,23 +3274,23 @@ const Oo = /* @__PURE__ */ ve(Vo, [["render", Mo], ["__scopeId", "data-v-bab9827
3245
3274
  }, get getCursorByEvents() {
3246
3275
  return ke;
3247
3276
  } };
3248
- return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
3277
+ return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
3249
3278
  }
3250
3279
  });
3251
3280
  function Do(t, i, r, e, f, n) {
3252
- return H(), A("div", {
3281
+ return P(), F("div", {
3253
3282
  class: "svg-container",
3254
3283
  style: Se(e.customStyle),
3255
3284
  onClick: e.handleClick,
3256
3285
  onDblclick: e.handleDblClick,
3257
3286
  onContextmenu: e.openContextMenu
3258
3287
  }, [
3259
- (H(), A("svg", {
3288
+ (P(), F("svg", {
3260
3289
  xmlns: "http://www.w3.org/2000/svg",
3261
3290
  width: e.element.style.width,
3262
3291
  height: e.element.style.height
3263
3292
  }, [
3264
- e.propValue.hasBackground ? (H(), A("rect", {
3293
+ e.propValue.hasBackground ? (P(), F("rect", {
3265
3294
  key: 0,
3266
3295
  x: 1,
3267
3296
  y: 1,
@@ -3276,7 +3305,7 @@ function Do(t, i, r, e, f, n) {
3276
3305
  "stroke-width": e.propValue.strokeWidth
3277
3306
  }, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ne("", !0),
3278
3307
  de(),
3279
- e.propValue.verticalText ? (H(), A("text", {
3308
+ e.propValue.verticalText ? (P(), F("text", {
3280
3309
  key: 1,
3281
3310
  x: e.textX,
3282
3311
  y: e.textY,
@@ -3290,7 +3319,7 @@ function Do(t, i, r, e, f, n) {
3290
3319
  style: { "letter-spacing": "5px" },
3291
3320
  transform: e.transformAttr,
3292
3321
  rotate: "-90"
3293
- }, De(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight", "transform"])) : (H(), A("text", {
3322
+ }, De(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight", "transform"])) : (P(), F("text", {
3294
3323
  key: 2,
3295
3324
  x: e.textX,
3296
3325
  y: e.textY,
@@ -3328,33 +3357,33 @@ const Wo = /* @__PURE__ */ ve(Io, [["render", Do], ["__scopeId", "data-v-2959cd0
3328
3357
  },
3329
3358
  setup(t, { expose: i }) {
3330
3359
  i();
3331
- const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = C(null), l = m(() => e.propValue || {}), c = m(() => e.element || {}), u = m(() => c.value.events || []), p = le(), v = oe(), s = ee(l, c, p, v);
3360
+ const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = y(null), l = g(() => e.propValue || {}), d = g(() => e.element || {}), a = g(() => d.value.events || []), h = le(), v = oe(), c = ee(l, d, h, v);
3332
3361
  J(() => {
3333
- o.value = te(u.value, e.designStatus, s), o.value?.beforeMount(), W.value = r();
3334
- }), q(() => {
3335
- _(), o.value?.mounted();
3362
+ o.value = te(a.value, e.designStatus, c), o.value?.beforeMount(), D.value = r();
3363
+ }), Y(() => {
3364
+ V(), o.value?.mounted();
3336
3365
  }), Q(() => {
3337
3366
  o.value?.beforeUnmount();
3338
3367
  }), $(() => {
3339
3368
  o.value?.unmounted();
3340
3369
  });
3341
- const { dynamicColor: k } = ye(l, n, f.rules, Z), D = m(() => k.fillColor ? k.fillColor : l.value.fillColor ? l.value.fillColor : "none"), j = m(() => k.lineColor ? k.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), P = C(""), h = C(2);
3342
- T(() => c.value.style.width, (x) => {
3343
- _();
3344
- }), T(() => c.value.style.height, (x) => {
3345
- _();
3346
- }), T(() => l.value.tilt, (x) => {
3347
- _();
3348
- }), T(() => l.value.offsetLen, (x) => {
3349
- _();
3370
+ const { dynamicColor: S } = ye(l, n, f.rules, Z), _ = g(() => S.fillColor ? S.fillColor : l.value.fillColor ? l.value.fillColor : "none"), H = g(() => S.lineColor ? S.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), R = y(""), m = y(2);
3371
+ B(() => d.value.style.width, (b) => {
3372
+ V();
3373
+ }), B(() => d.value.style.height, (b) => {
3374
+ V();
3375
+ }), B(() => l.value.tilt, (b) => {
3376
+ V();
3377
+ }), B(() => l.value.offsetLen, (b) => {
3378
+ V();
3350
3379
  });
3351
- const _ = () => {
3352
- const { width: x, height: L } = c.value.style;
3353
- I(x, L);
3354
- }, I = (x, L) => {
3355
- let S = l.value.tilt || "right", B = l.value.offsetLen || 0, M = [], g = 0, Y = Math.round((x - 2 * h.value) * 0.5);
3356
- B = Number(B), B = B < 0 ? 0 : B, B = B > Y ? Y : B, S == "left" ? (M[g++] = h.value, M[g++] = ",", M[g++] = h.value, M[g++] = x - h.value - B, M[g++] = ",", M[g++] = h.value, M[g++] = x - h.value, M[g++] = ",", M[g++] = L - h.value, M[g++] = h.value + B, M[g++] = ",", M[g++] = L - h.value, M[g++] = h.value, M[g++] = ",", M[g++] = h.value, P.value = M.join(" ")) : (M[g++] = h.value + B, M[g++] = ",", M[g++] = h.value, M[g++] = x - h.value, M[g++] = ",", M[g++] = h.value, M[g++] = x - h.value - B, M[g++] = ",", M[g++] = L - h.value, M[g++] = h.value, M[g++] = ",", M[g++] = L - h.value, M[g++] = h.value + B, M[g++] = ",", M[g++] = h.value, P.value = M.join(" "));
3357
- }, W = C(""), b = m(() => l.value.hasGradient ? `url(#${W.value})` : D.value), a = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: c, events: u, router: p, route: v, compContext: s, dynamicColor: k, showFillColor: D, showLineColor: j, pointDatas: P, gap: h, draw: _, drawChart: I, gradientId: W, fillStyle: b, get useEventHandler() {
3380
+ const V = () => {
3381
+ const { width: b, height: W } = d.value.style;
3382
+ I(b, W);
3383
+ }, I = (b, W) => {
3384
+ let k = l.value.tilt || "right", A = l.value.offsetLen || 0, j = [], C = 0, q = Math.round((b - 2 * m.value) * 0.5);
3385
+ A = Number(A), A = A < 0 ? 0 : A, A = A > q ? q : A, k == "left" ? (j[C++] = m.value, j[C++] = ",", j[C++] = m.value, j[C++] = b - m.value - A, j[C++] = ",", j[C++] = m.value, j[C++] = b - m.value, j[C++] = ",", j[C++] = W - m.value, j[C++] = m.value + A, j[C++] = ",", j[C++] = W - m.value, j[C++] = m.value, j[C++] = ",", j[C++] = m.value, R.value = j.join(" ")) : (j[C++] = m.value + A, j[C++] = ",", j[C++] = m.value, j[C++] = b - m.value, j[C++] = ",", j[C++] = m.value, j[C++] = b - m.value - A, j[C++] = ",", j[C++] = W - m.value, j[C++] = m.value, j[C++] = ",", j[C++] = W - m.value, j[C++] = m.value + A, j[C++] = ",", j[C++] = m.value, R.value = j.join(" "));
3386
+ }, D = y(""), w = g(() => l.value.hasGradient ? `url(#${D.value})` : _.value), u = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: d, events: a, router: h, route: v, compContext: c, dynamicColor: S, showFillColor: _, showLineColor: H, pointDatas: R, gap: m, draw: V, drawChart: I, gradientId: D, fillStyle: w, get useEventHandler() {
3358
3387
  return te;
3359
3388
  }, get useDataCacheStore() {
3360
3389
  return re;
@@ -3362,7 +3391,7 @@ const Wo = /* @__PURE__ */ ve(Io, [["render", Do], ["__scopeId", "data-v-2959cd0
3362
3391
  return ae;
3363
3392
  }, get CreateCompContext() {
3364
3393
  return ee;
3365
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get CommonUtils() {
3394
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get CommonUtils() {
3366
3395
  return Z;
3367
3396
  }, get useRoute() {
3368
3397
  return oe;
@@ -3371,22 +3400,22 @@ const Wo = /* @__PURE__ */ ve(Io, [["render", Do], ["__scopeId", "data-v-2959cd0
3371
3400
  }, get useDynamicColor() {
3372
3401
  return ye;
3373
3402
  } };
3374
- return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
3403
+ return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
3375
3404
  }
3376
3405
  });
3377
3406
  function Po(t, i, r, e, f, n) {
3378
- return H(), A("div", { class: "svg-container" }, [
3379
- (H(), A("svg", {
3407
+ return P(), F("div", { class: "svg-container" }, [
3408
+ (P(), F("svg", {
3380
3409
  xmlns: "http://www.w3.org/2000/svg",
3381
3410
  width: e.element.style.width,
3382
3411
  height: e.element.style.height
3383
3412
  }, [
3384
3413
  ne(" 根据条件判断是否渲染渐变定义 "),
3385
3414
  de(),
3386
- e.propValue.hasGradient ? (H(), A("defs", { key: 0 }, [
3415
+ e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
3387
3416
  ne(" 这里根据渐变类型动态渲染线性或径向渐变 "),
3388
3417
  de(),
3389
- e.propValue.gradientType === "linear" ? (H(), A("linearGradient", {
3418
+ e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
3390
3419
  key: 0,
3391
3420
  id: e.gradientId,
3392
3421
  x1: e.propValue.gradientX1 + "%",
@@ -3394,18 +3423,18 @@ function Po(t, i, r, e, f, n) {
3394
3423
  y1: e.propValue.gradientY1 + "%",
3395
3424
  y2: e.propValue.gradientY2 + "%"
3396
3425
  }, [
3397
- (H(), A("stop", {
3426
+ (P(), F("stop", {
3398
3427
  key: 1,
3399
3428
  offset: e.propValue.gradientStopsOffset + "%",
3400
3429
  "stop-color": e.propValue.gradientStopsColor
3401
3430
  }, null, 8, ["offset", "stop-color"])),
3402
3431
  de(),
3403
- (H(), A("stop", {
3432
+ (P(), F("stop", {
3404
3433
  key: 2,
3405
3434
  offset: e.propValue.gradientStopsOffset2 + "%",
3406
3435
  "stop-color": e.propValue.gradientStopsColor2
3407
3436
  }, null, 8, ["offset", "stop-color"]))
3408
- ], 8, ["id", "x1", "x2", "y1", "y2"])) : (H(), A("radialGradient", {
3437
+ ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
3409
3438
  key: 1,
3410
3439
  id: e.gradientId,
3411
3440
  cx: e.propValue.gradientCx + "%",
@@ -3414,13 +3443,13 @@ function Po(t, i, r, e, f, n) {
3414
3443
  fx: e.propValue.gradientFx + "%",
3415
3444
  fy: e.propValue.gradientFy + "%"
3416
3445
  }, [
3417
- (H(), A("stop", {
3446
+ (P(), F("stop", {
3418
3447
  key: 1,
3419
3448
  offset: e.propValue.gradientStopsOffset + "%",
3420
3449
  "stop-color": e.propValue.gradientStopsColor
3421
3450
  }, null, 8, ["offset", "stop-color"])),
3422
3451
  de(),
3423
- (H(), A("stop", {
3452
+ (P(), F("stop", {
3424
3453
  key: 2,
3425
3454
  offset: e.propValue.gradientStopsOffset2 + "%",
3426
3455
  "stop-color": e.propValue.gradientStopsColor2
@@ -3452,40 +3481,40 @@ const Ro = /* @__PURE__ */ ve(Lo, [["render", Po], ["__scopeId", "data-v-78f636a
3452
3481
  },
3453
3482
  setup(t, { expose: i }) {
3454
3483
  i();
3455
- const r = t, e = m(() => r.propValue), f = C("");
3484
+ const r = t, e = g(() => r.propValue), f = y("");
3456
3485
  let n = null, o = 3, l = 0;
3457
- q(() => {
3458
- n = setInterval(c, 100);
3486
+ Y(() => {
3487
+ n = setInterval(d, 100);
3459
3488
  });
3460
- const c = () => {
3461
- let p = e.value.value || 0;
3462
- if (isNaN(p))
3489
+ const d = () => {
3490
+ let h = e.value.value || 0;
3491
+ if (isNaN(h))
3463
3492
  return;
3464
- p <= 0 && (p = 0);
3465
- let v = 48 - 46 * p / 100, s = [];
3466
- s[0] = "M", s[1] = 0, s[2] = 25, s[3] = "Q", s[4] = 6.25, s[5] = 30, s[6] = ",", s[7] = 12.5, s[8] = 25, s[9] = "T", s[10] = 25, s[11] = 25, s[12] = "T", s[13] = 37.5, s[14] = 25, s[15] = "T", s[16] = 50, s[17] = 25, s[18] = "T", s[19] = 62.5, s[20] = 25, s[21] = "T", s[22] = 75, s[23] = 25, s[24] = "V", s[25] = 50, s[26] = "H", s[27] = 0, l += 1, l > 25 && (l = 0), s[1] = 0 - l, s[4] = 6.25 - l, s[7] = 12.5 - l, s[10] = 25 - l, s[13] = 37.5 - l, s[16] = 50 - l, s[19] = 62.5 - l, s[22] = 75 - l, s[2] = v, s[5] = v + o, s[8] = v, s[11] = v, s[14] = v, s[17] = v, s[20] = v, s[23] = v, f.value = s.join(" ");
3493
+ h <= 0 && (h = 0);
3494
+ let v = 48 - 46 * h / 100, c = [];
3495
+ c[0] = "M", c[1] = 0, c[2] = 25, c[3] = "Q", c[4] = 6.25, c[5] = 30, c[6] = ",", c[7] = 12.5, c[8] = 25, c[9] = "T", c[10] = 25, c[11] = 25, c[12] = "T", c[13] = 37.5, c[14] = 25, c[15] = "T", c[16] = 50, c[17] = 25, c[18] = "T", c[19] = 62.5, c[20] = 25, c[21] = "T", c[22] = 75, c[23] = 25, c[24] = "V", c[25] = 50, c[26] = "H", c[27] = 0, l += 1, l > 25 && (l = 0), c[1] = 0 - l, c[4] = 6.25 - l, c[7] = 12.5 - l, c[10] = 25 - l, c[13] = 37.5 - l, c[16] = 50 - l, c[19] = 62.5 - l, c[22] = 75 - l, c[2] = v, c[5] = v + o, c[8] = v, c[11] = v, c[14] = v, c[17] = v, c[20] = v, c[23] = v, f.value = c.join(" ");
3467
3496
  };
3468
3497
  Q(() => {
3469
3498
  n && clearInterval(n);
3470
3499
  });
3471
- const u = { props: r, propValue: e, pathData: f, get timer() {
3500
+ const a = { props: r, propValue: e, pathData: f, get timer() {
3472
3501
  return n;
3473
- }, set timer(p) {
3474
- n = p;
3502
+ }, set timer(h) {
3503
+ n = h;
3475
3504
  }, get waveVal() {
3476
3505
  return o;
3477
- }, set waveVal(p) {
3478
- o = p;
3506
+ }, set waveVal(h) {
3507
+ o = h;
3479
3508
  }, get waveOffset() {
3480
3509
  return l;
3481
- }, set waveOffset(p) {
3482
- l = p;
3483
- }, drawWave: c, computed: m, onBeforeUnmount: Q, onMounted: q, ref: C };
3484
- return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
3510
+ }, set waveOffset(h) {
3511
+ l = h;
3512
+ }, drawWave: d, computed: g, onBeforeUnmount: Q, onMounted: Y, ref: y };
3513
+ return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
3485
3514
  }
3486
3515
  };
3487
3516
  function jo(t, i, r, e, f, n) {
3488
- return H(), A("svg", {
3517
+ return P(), F("svg", {
3489
3518
  xmlns: "http://www.w3.org/2000/svg",
3490
3519
  viewBox: "0 0 50 50"
3491
3520
  }, [
@@ -3550,35 +3579,35 @@ const To = /* @__PURE__ */ ve(Ho, [["render", jo], ["__file", "index.vue"]]), Bo
3550
3579
  },
3551
3580
  setup(t, { expose: i }) {
3552
3581
  i();
3553
- const { isObject: r, isValid: e, isNumber: f } = Z, n = t, o = re(), l = ae(o), c = C(null), u = m(() => n.propValue || {}), p = m(() => n.element || {}), v = m(() => p.value.events || []), s = le(), k = oe(), D = ee(u, p, s, k);
3582
+ const { isObject: r, isValid: e, isNumber: f } = Z, n = t, o = re(), l = ae(o), d = y(null), a = g(() => n.propValue || {}), h = g(() => n.element || {}), v = g(() => h.value.events || []), c = le(), S = oe(), _ = ee(a, h, c, S);
3554
3583
  J(() => {
3555
- c.value = te(v.value, n.designStatus, D), c.value?.beforeMount();
3556
- }), q(() => {
3557
- c.value?.mounted();
3584
+ d.value = te(v.value, n.designStatus, _), d.value?.beforeMount();
3585
+ }), Y(() => {
3586
+ d.value?.mounted();
3558
3587
  }), Q(() => {
3559
- c.value?.beforeUnmount();
3588
+ d.value?.beforeUnmount();
3560
3589
  }), $(() => {
3561
- c.value?.unmounted();
3590
+ d.value?.unmounted();
3562
3591
  });
3563
- const j = (a) => {
3564
- c.value?.handleClick(a);
3565
- }, P = (a) => {
3566
- c.value?.handleDblClick(a);
3567
- }, h = l[u.value.dataCK];
3568
- T(() => h.value, (a) => {
3569
- e(a) && _(a);
3592
+ const H = (u) => {
3593
+ d.value?.handleClick(u);
3594
+ }, R = (u) => {
3595
+ d.value?.handleDblClick(u);
3596
+ }, m = l[a.value.dataCK];
3597
+ B(() => m.value, (u) => {
3598
+ e(u) && V(u);
3570
3599
  }, { immediate: !0 });
3571
- function _(a) {
3572
- I(a);
3600
+ function V(u) {
3601
+ I(u);
3573
3602
  }
3574
- function I(a) {
3575
- let x = null;
3576
- r(a) ? x = a[u.value.valueKey] || null : x = a, f(x) && (u.value.value = Number(x));
3603
+ function I(u) {
3604
+ let b = null;
3605
+ r(u) ? b = u[a.value.valueKey] || null : b = u, f(b) && (a.value.value = Number(b));
3577
3606
  }
3578
- const W = m(() => {
3579
- let a = {};
3580
- return a.cursor = ke(v.value), a;
3581
- }), b = { isObject: r, isValid: e, isNumber: f, props: n, dataCache: o, smartData: l, eventHandler: c, propValue: u, element: p, events: v, router: s, route: k, compContext: D, handleClick: j, handleDblClick: P, bsData: h, dealBsData: _, parseBsData: I, customStyle: W, get useEventHandler() {
3607
+ const D = g(() => {
3608
+ let u = {};
3609
+ return u.cursor = ke(v.value), u;
3610
+ }), w = { isObject: r, isValid: e, isNumber: f, props: n, dataCache: o, smartData: l, eventHandler: d, propValue: a, element: h, events: v, router: c, route: S, compContext: _, handleClick: H, handleDblClick: R, bsData: m, dealBsData: V, parseBsData: I, customStyle: D, get useEventHandler() {
3582
3611
  return te;
3583
3612
  }, get useDataCacheStore() {
3584
3613
  return re;
@@ -3586,7 +3615,7 @@ const To = /* @__PURE__ */ ve(Ho, [["render", jo], ["__file", "index.vue"]]), Bo
3586
3615
  return ae;
3587
3616
  }, get CreateCompContext() {
3588
3617
  return ee;
3589
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3618
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3590
3619
  return oe;
3591
3620
  }, get useRouter() {
3592
3621
  return le;
@@ -3595,11 +3624,11 @@ const To = /* @__PURE__ */ ve(Ho, [["render", jo], ["__file", "index.vue"]]), Bo
3595
3624
  }, LiquidFillBall: To, get getCursorByEvents() {
3596
3625
  return ke;
3597
3626
  } };
3598
- return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
3627
+ return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
3599
3628
  }
3600
3629
  });
3601
3630
  function Ao(t, i, r, e, f, n) {
3602
- return H(), A("div", {
3631
+ return P(), F("div", {
3603
3632
  class: "svg-container",
3604
3633
  style: Se(e.customStyle),
3605
3634
  onClick: e.handleClick,
@@ -3631,81 +3660,81 @@ const Fo = /* @__PURE__ */ ve(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
3631
3660
  },
3632
3661
  setup(t, { expose: i }) {
3633
3662
  i();
3634
- const { isNotEmpty: r } = Z, e = ot(), f = C(null), n = t, o = re(), l = ae(o), c = C(null), u = m(() => n.propValue || {}), p = m(() => n.element || {}), v = m(() => p.value.events || []), s = le(), k = oe(), D = ee(u, p, s, k);
3663
+ const { isNotEmpty: r } = Z, e = ot(), f = y(null), n = t, o = re(), l = ae(o), d = y(null), a = g(() => n.propValue || {}), h = g(() => n.element || {}), v = g(() => h.value.events || []), c = le(), S = oe(), _ = ee(a, h, c, S);
3635
3664
  J(() => {
3636
- c.value = te(v.value, n.designStatus, D), c.value?.beforeMount();
3637
- }), q(() => {
3638
- c.value?.mounted();
3665
+ d.value = te(v.value, n.designStatus, _), d.value?.beforeMount();
3666
+ }), Y(() => {
3667
+ d.value?.mounted();
3639
3668
  }), Q(() => {
3640
- c.value?.beforeUnmount();
3669
+ d.value?.beforeUnmount();
3641
3670
  }), $(() => {
3642
- c.value?.unmounted();
3671
+ d.value?.unmounted();
3643
3672
  });
3644
- const j = (g) => {
3645
- c.value?.setParam(g);
3646
- }, P = (g) => {
3647
- c.value?.handleDblClick(g);
3648
- }, h = C("");
3649
- T(h, (g) => {
3673
+ const H = (C) => {
3674
+ d.value?.setParam(C);
3675
+ }, R = (C) => {
3676
+ d.value?.handleDblClick(C);
3677
+ }, m = y("");
3678
+ B(m, (C) => {
3650
3679
  _e(() => {
3651
- f.value && g ? f.value.innerHTML = g : f.value && (f.value.innerHTML = "");
3680
+ f.value && C ? f.value.innerHTML = C : f.value && (f.value.innerHTML = "");
3652
3681
  });
3653
3682
  });
3654
- const _ = m(() => {
3655
- let g = {};
3656
- return r(u.value.firstColor) && (g["--custom-first-color"] = u.value.firstColor), r(u.value.secondColor) && (g["--custom-second-color"] = u.value.secondColor), r(u.value.thirdColor) && (g["--custom-third-color"] = u.value.thirdColor), r(u.value.fourColor) && (g["--custom-four-color"] = u.value.fourColor), r(u.value.fiveColor) && (g["--custom-five-color"] = u.value.fiveColor), g.cursor = ke(v.value), g;
3657
- }), I = (g) => {
3658
- e.getFile(g, function(Y) {
3659
- if (Y && Y.status == 200) {
3660
- let K = Y.data || "";
3661
- h.value = W(K);
3683
+ const V = g(() => {
3684
+ let C = {};
3685
+ return r(a.value.firstColor) && (C["--custom-first-color"] = a.value.firstColor), r(a.value.secondColor) && (C["--custom-second-color"] = a.value.secondColor), r(a.value.thirdColor) && (C["--custom-third-color"] = a.value.thirdColor), r(a.value.fourColor) && (C["--custom-four-color"] = a.value.fourColor), r(a.value.fiveColor) && (C["--custom-five-color"] = a.value.fiveColor), C.cursor = ke(v.value), C;
3686
+ }), I = (C) => {
3687
+ e.getFile(C, function(q) {
3688
+ if (q && q.status == 200) {
3689
+ let N = q.data || "";
3690
+ m.value = D(N);
3662
3691
  } else
3663
- h.value = "";
3664
- }, function(Y) {
3665
- h.value = "";
3692
+ m.value = "";
3693
+ }, function(q) {
3694
+ m.value = "";
3666
3695
  });
3667
3696
  };
3668
- T(() => u.value.svgFile, (g) => {
3669
- r(g) ? I(g) : h.value = "";
3670
- }, { immediate: !0 }), T(() => u.value.aspectRatio, (g) => {
3671
- r(u.value.svgFile) && I(u.value.svgFile);
3697
+ B(() => a.value.svgFile, (C) => {
3698
+ r(C) ? I(C) : m.value = "";
3699
+ }, { immediate: !0 }), B(() => a.value.aspectRatio, (C) => {
3700
+ r(a.value.svgFile) && I(a.value.svgFile);
3672
3701
  }, { immediate: !0 });
3673
- const W = (g) => {
3674
- const Y = u.value.aspectRatio || "xMidYMid meet";
3675
- return g.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${Y}"`);
3676
- }, b = m(() => {
3677
- const g = u.value.svgFileCK;
3678
- return r(g) ? l[g] : {};
3679
- }), a = m(() => {
3680
- const g = u.value.firstColorCK;
3681
- return r(g) ? l[g] : {};
3682
- }), x = m(() => {
3683
- const g = u.value.secondColorCK;
3684
- return r(g) ? l[g] : {};
3685
- }), L = m(() => {
3686
- const g = u.value.thirdColorCK;
3687
- return r(g) ? l[g] : {};
3688
- }), S = m(() => {
3689
- const g = u.value.fourColorCK;
3690
- return r(g) ? l[g] : {};
3691
- }), B = m(() => {
3692
- const g = u.value.fiveColorCK;
3693
- return r(g) ? l[g] : {};
3702
+ const D = (C) => {
3703
+ const q = a.value.aspectRatio || "xMidYMid meet";
3704
+ return C.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${q}"`);
3705
+ }, w = g(() => {
3706
+ const C = a.value.svgFileCK;
3707
+ return r(C) ? l[C] : {};
3708
+ }), u = g(() => {
3709
+ const C = a.value.firstColorCK;
3710
+ return r(C) ? l[C] : {};
3711
+ }), b = g(() => {
3712
+ const C = a.value.secondColorCK;
3713
+ return r(C) ? l[C] : {};
3714
+ }), W = g(() => {
3715
+ const C = a.value.thirdColorCK;
3716
+ return r(C) ? l[C] : {};
3717
+ }), k = g(() => {
3718
+ const C = a.value.fourColorCK;
3719
+ return r(C) ? l[C] : {};
3720
+ }), A = g(() => {
3721
+ const C = a.value.fiveColorCK;
3722
+ return r(C) ? l[C] : {};
3694
3723
  });
3695
- T(() => b, (g) => {
3696
- r(u.value.svgFileCK) && (u.value.svgFile = g);
3697
- }), T(() => a, (g) => {
3698
- r(u.value.firstColorCK) && (u.value.firstColor = g);
3699
- }), T(() => x, (g) => {
3700
- r(u.value.secondColorCK) && (u.value.secondColor = g);
3701
- }), T(() => L, (g) => {
3702
- r(u.value.thirdColorCK) && (u.value.thirdColor = g);
3703
- }), T(() => S, (g) => {
3704
- r(u.value.fourColorCK) && (u.value.fourColor = g);
3705
- }), T(() => B, (g) => {
3706
- r(u.value.fiveColorCK) && (u.value.fiveColor = g);
3724
+ B(() => w, (C) => {
3725
+ r(a.value.svgFileCK) && (a.value.svgFile = C);
3726
+ }), B(() => u, (C) => {
3727
+ r(a.value.firstColorCK) && (a.value.firstColor = C);
3728
+ }), B(() => b, (C) => {
3729
+ r(a.value.secondColorCK) && (a.value.secondColor = C);
3730
+ }), B(() => W, (C) => {
3731
+ r(a.value.thirdColorCK) && (a.value.thirdColor = C);
3732
+ }), B(() => k, (C) => {
3733
+ r(a.value.fourColorCK) && (a.value.fourColor = C);
3734
+ }), B(() => A, (C) => {
3735
+ r(a.value.fiveColorCK) && (a.value.fiveColor = C);
3707
3736
  });
3708
- const M = { isNotEmpty: r, api: e, svgContainerRef: f, props: n, dataCache: o, smartData: l, eventHandler: c, propValue: u, element: p, events: v, router: s, route: k, compContext: D, handleClick: j, handleDblClick: P, svgContent: h, customStyle: _, loadSvgFile: I, removeSvgDimensions: W, fileData: b, firstColorData: a, secondColorData: x, thirdColorData: L, fourColorData: S, fiveColorData: B, get useEventHandler() {
3737
+ const j = { isNotEmpty: r, api: e, svgContainerRef: f, props: n, dataCache: o, smartData: l, eventHandler: d, propValue: a, element: h, events: v, router: c, route: S, compContext: _, handleClick: H, handleDblClick: R, svgContent: m, customStyle: V, loadSvgFile: I, removeSvgDimensions: D, fileData: w, firstColorData: u, secondColorData: b, thirdColorData: W, fourColorData: k, fiveColorData: A, get useEventHandler() {
3709
3738
  return te;
3710
3739
  }, get useDataCacheStore() {
3711
3740
  return re;
@@ -3713,7 +3742,7 @@ const Fo = /* @__PURE__ */ ve(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
3713
3742
  return ae;
3714
3743
  }, get CreateCompContext() {
3715
3744
  return ee;
3716
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, nextTick: _e, get CommonUtils() {
3745
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, nextTick: _e, get CommonUtils() {
3717
3746
  return Z;
3718
3747
  }, get useRoute() {
3719
3748
  return oe;
@@ -3724,11 +3753,11 @@ const Fo = /* @__PURE__ */ ve(Bo, [["render", Ao], ["__scopeId", "data-v-1ba24f6
3724
3753
  }, get getCursorByEvents() {
3725
3754
  return ke;
3726
3755
  } };
3727
- return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
3756
+ return Object.defineProperty(j, "__isScriptSetup", { enumerable: !1, value: !0 }), j;
3728
3757
  }
3729
3758
  });
3730
3759
  function zo(t, i, r, e, f, n) {
3731
- return H(), A("div", {
3760
+ return P(), F("div", {
3732
3761
  ref: "svgContainerRef",
3733
3762
  class: "svg-container",
3734
3763
  onClick: e.handleClick,
@@ -3759,29 +3788,29 @@ const No = /* @__PURE__ */ ve(Eo, [["render", zo], ["__scopeId", "data-v-8db7d32
3759
3788
  },
3760
3789
  setup(t, { expose: i }) {
3761
3790
  i();
3762
- const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = C(null), l = m(() => e.propValue || {}), c = m(() => e.element || {}), u = m(() => c.value.events || []), p = le(), v = oe(), s = ee(l, c, p, v);
3791
+ const { generateSecureUUID: r } = Z, e = t, f = re(), n = ae(f), o = y(null), l = g(() => e.propValue || {}), d = g(() => e.element || {}), a = g(() => d.value.events || []), h = le(), v = oe(), c = ee(l, d, h, v);
3763
3792
  J(() => {
3764
- o.value = te(u.value, e.designStatus, s), o.value?.beforeMount(), _.value = r();
3765
- }), q(() => {
3793
+ o.value = te(a.value, e.designStatus, c), o.value?.beforeMount(), V.value = r();
3794
+ }), Y(() => {
3766
3795
  I(), o.value?.mounted();
3767
3796
  }), Q(() => {
3768
3797
  o.value?.beforeUnmount();
3769
3798
  }), $(() => {
3770
3799
  o.value?.unmounted();
3771
3800
  });
3772
- const { dynamicColor: k } = ye(l, n, f.rules, Z), D = m(() => l.value.hasGradient ? `url(#${_.value})` : j.value), j = m(() => k.lineColor ? k.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), P = C([]), h = C([]), _ = C("");
3773
- T(() => c.value.style.width, (a) => {
3801
+ const { dynamicColor: S } = ye(l, n, f.rules, Z), _ = g(() => l.value.hasGradient ? `url(#${V.value})` : H.value), H = g(() => S.lineColor ? S.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), R = y([]), m = y([]), V = y("");
3802
+ B(() => d.value.style.width, (u) => {
3774
3803
  I();
3775
- }), T(() => c.value.style.height, (a) => {
3804
+ }), B(() => d.value.style.height, (u) => {
3776
3805
  I();
3777
3806
  });
3778
3807
  const I = () => {
3779
- const { width: a, height: x } = c.value.style;
3780
- W(a, x);
3781
- }, W = (a, x) => {
3782
- const L = [0, 0.5], S = [1, 0.5];
3783
- P.value = [a * L[0], x * L[1]], h.value = [a * S[0], x * S[1]];
3784
- }, b = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: c, events: u, router: p, route: v, compContext: s, dynamicColor: k, strokeAttr: D, showLineColor: j, LineL1P1: P, LineL1P2: h, gradientId: _, draw: I, drawChart: W, get useEventHandler() {
3808
+ const { width: u, height: b } = d.value.style;
3809
+ D(u, b);
3810
+ }, D = (u, b) => {
3811
+ const W = [0, 0.5], k = [1, 0.5];
3812
+ R.value = [u * W[0], b * W[1]], m.value = [u * k[0], b * k[1]];
3813
+ }, w = { generateSecureUUID: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: d, events: a, router: h, route: v, compContext: c, dynamicColor: S, strokeAttr: _, showLineColor: H, LineL1P1: R, LineL1P2: m, gradientId: V, draw: I, drawChart: D, get useEventHandler() {
3785
3814
  return te;
3786
3815
  }, get useDataCacheStore() {
3787
3816
  return re;
@@ -3789,7 +3818,7 @@ const No = /* @__PURE__ */ ve(Eo, [["render", zo], ["__scopeId", "data-v-8db7d32
3789
3818
  return ae;
3790
3819
  }, get CreateCompContext() {
3791
3820
  return ee;
3792
- }, ref: C, computed: m, watch: T, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3821
+ }, ref: y, computed: g, watch: B, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useRoute() {
3793
3822
  return oe;
3794
3823
  }, get useRouter() {
3795
3824
  return le;
@@ -3798,22 +3827,22 @@ const No = /* @__PURE__ */ ve(Eo, [["render", zo], ["__scopeId", "data-v-8db7d32
3798
3827
  }, get useDynamicColor() {
3799
3828
  return ye;
3800
3829
  } };
3801
- return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
3830
+ return Object.defineProperty(w, "__isScriptSetup", { enumerable: !1, value: !0 }), w;
3802
3831
  }
3803
3832
  });
3804
3833
  function Go(t, i, r, e, f, n) {
3805
- return H(), A("div", { class: "svg-container" }, [
3806
- (H(), A("svg", {
3834
+ return P(), F("div", { class: "svg-container" }, [
3835
+ (P(), F("svg", {
3807
3836
  xmlns: "http://www.w3.org/2000/svg",
3808
3837
  width: e.element.style.width,
3809
3838
  height: e.element.style.height
3810
3839
  }, [
3811
3840
  ne(" 根据条件判断是否渲染渐变定义 "),
3812
3841
  de(),
3813
- e.propValue.hasGradient ? (H(), A("defs", { key: 0 }, [
3842
+ e.propValue.hasGradient ? (P(), F("defs", { key: 0 }, [
3814
3843
  ne(' 这里根据渐变类型动态渲染线性或径向渐变 stroke渐变需要添加 gradientUnits="userSpaceOnUse" '),
3815
3844
  de(),
3816
- e.propValue.gradientType === "linear" ? (H(), A("linearGradient", {
3845
+ e.propValue.gradientType === "linear" ? (P(), F("linearGradient", {
3817
3846
  key: 0,
3818
3847
  id: e.gradientId,
3819
3848
  x1: e.propValue.gradientX1 + "%",
@@ -3822,18 +3851,18 @@ function Go(t, i, r, e, f, n) {
3822
3851
  y2: e.propValue.gradientY2 + "%",
3823
3852
  gradientUnits: "userSpaceOnUse"
3824
3853
  }, [
3825
- (H(), A("stop", {
3854
+ (P(), F("stop", {
3826
3855
  key: 1,
3827
3856
  offset: e.propValue.gradientStopsOffset + "%",
3828
3857
  "stop-color": e.propValue.gradientStopsColor
3829
3858
  }, null, 8, ["offset", "stop-color"])),
3830
3859
  de(),
3831
- (H(), A("stop", {
3860
+ (P(), F("stop", {
3832
3861
  key: 2,
3833
3862
  offset: e.propValue.gradientStopsOffset2 + "%",
3834
3863
  "stop-color": e.propValue.gradientStopsColor2
3835
3864
  }, null, 8, ["offset", "stop-color"]))
3836
- ], 8, ["id", "x1", "x2", "y1", "y2"])) : (H(), A("radialGradient", {
3865
+ ], 8, ["id", "x1", "x2", "y1", "y2"])) : (P(), F("radialGradient", {
3837
3866
  key: 1,
3838
3867
  id: e.gradientId,
3839
3868
  cx: e.propValue.gradientCx + "%",
@@ -3843,13 +3872,13 @@ function Go(t, i, r, e, f, n) {
3843
3872
  fy: e.propValue.gradientFy + "%",
3844
3873
  gradientUnits: "userSpaceOnUse"
3845
3874
  }, [
3846
- (H(), A("stop", {
3875
+ (P(), F("stop", {
3847
3876
  key: 1,
3848
3877
  offset: e.propValue.gradientStopsOffset + "%",
3849
3878
  "stop-color": e.propValue.gradientStopsColor
3850
3879
  }, null, 8, ["offset", "stop-color"])),
3851
3880
  de(),
3852
- (H(), A("stop", {
3881
+ (P(), F("stop", {
3853
3882
  key: 2,
3854
3883
  offset: e.propValue.gradientStopsOffset2 + "%",
3855
3884
  "stop-color": e.propValue.gradientStopsColor2
@@ -3866,7 +3895,7 @@ function Go(t, i, r, e, f, n) {
3866
3895
  "stroke-width": e.propValue.strokeWidth,
3867
3896
  "stroke-dasharray": e.propValue.strokeDasharray
3868
3897
  }, [
3869
- e.propValue.animate ? (H(), A("animate", {
3898
+ e.propValue.animate ? (P(), F("animate", {
3870
3899
  key: 0,
3871
3900
  attributeName: "stroke-dashoffset",
3872
3901
  from: e.propValue.animateFrom,
@@ -3945,136 +3974,136 @@ const Ko = /* @__PURE__ */ ve(Uo, [["render", Go], ["__scopeId", "data-v-0ad0dff
3945
3974
  diagonalCells: { type: Array, default: () => [] }
3946
3975
  },
3947
3976
  setup(t, { expose: i }) {
3948
- const { consolePrint: r, isArray: e, isEven: f, isNotEmpty: n } = Z, o = t, l = C(), c = C();
3949
- let u = [], p = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
3950
- const k = m(() => Array.from(
3977
+ const { consolePrint: r, isArray: e, isEven: f, isNotEmpty: n } = Z, o = t, l = y(), d = y();
3978
+ let a = [], h = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
3979
+ const S = g(() => Array.from(
3951
3980
  { length: o.rows },
3952
- (d, y) => Number(o.rowHeights[y] || o.cellHeight)
3953
- )), D = m(() => Array.from(
3981
+ (s, p) => Number(o.rowHeights[p] || o.cellHeight)
3982
+ )), _ = g(() => Array.from(
3954
3983
  { length: o.cols },
3955
- (d, y) => Number(o.colWidths[y] || o.cellWidth)
3956
- )), j = m(
3957
- () => D.value.reduce((d, y) => d + y, 0)
3958
- ), P = m(
3959
- () => k.value.reduce((d, y) => d + y, 0)
3960
- ), h = () => {
3961
- if (!c.value) return;
3984
+ (s, p) => Number(o.colWidths[p] || o.cellWidth)
3985
+ )), H = g(
3986
+ () => _.value.reduce((s, p) => s + p, 0)
3987
+ ), R = g(
3988
+ () => S.value.reduce((s, p) => s + p, 0)
3989
+ ), m = () => {
3990
+ if (!d.value) return;
3962
3991
  r("debug", "绘制网格开始");
3963
- const d = l.value;
3964
- c.value.clearRect(0, 0, d.width, d.height), W(), _(d.width, d.height), b(), r("debug", "绘制网格完成");
3965
- }, _ = (d, y) => {
3966
- let w = [], E = M();
3967
- E.x1 = 0, E.y1 = 0, E.x2 = d, E.y2 = 0, I(E, 0), E.y1 += E.lineWidth / 2, E.y2 += E.lineWidth / 2, w.push(E);
3968
- let F = M();
3969
- F.x1 = d, F.y1 = 0, F.x2 = d, F.y2 = y, I(F, 3), F.x1 -= F.lineWidth / 2, F.x2 -= F.lineWidth / 2, w.push(F);
3970
- let X = M();
3971
- X.x1 = d, X.y1 = y, X.x2 = 0, X.y2 = y, I(X, 1), X.y1 -= X.lineWidth / 2, X.y2 -= X.lineWidth / 2, w.push(X);
3972
- let O = M();
3973
- O.x1 = 0, O.y1 = y, O.x2 = 0, O.y2 = 0, I(O, 2), O.x1 += O.lineWidth / 2, O.x2 += O.lineWidth / 2, w.push(O), g(c.value, w, !1);
3974
- }, I = (d, y) => {
3975
- d.strokeStyle = o.borderStyle.color, d.lineWidth = o.borderStyle.width, d.dash = o.borderStyle.dash, o.borders && e(o.borders) && o.borders.length > y && (d.strokeStyle = o.borders[y].color, d.lineWidth = o.borders[y].width, d.dash = o.borders[y].dash);
3976
- }, W = () => {
3977
- u = [], a();
3978
- let d = [];
3979
- for (let y = 0; y < o.rows; y++)
3980
- for (let w = 0; w < o.cols; w++)
3981
- x(d, y, w);
3982
- g(c.value, d, !1);
3983
- }, b = () => {
3992
+ const s = l.value;
3993
+ d.value.clearRect(0, 0, s.width, s.height), D(), V(s.width, s.height), w(), r("debug", "绘制网格完成");
3994
+ }, V = (s, p) => {
3995
+ let x = [], T = j();
3996
+ T.x1 = 0, T.y1 = 0, T.x2 = s, T.y2 = 0, I(T, 0), T.y1 += T.lineWidth / 2, T.y2 += T.lineWidth / 2, x.push(T);
3997
+ let E = j();
3998
+ E.x1 = s, E.y1 = 0, E.x2 = s, E.y2 = p, I(E, 3), E.x1 -= E.lineWidth / 2, E.x2 -= E.lineWidth / 2, x.push(E);
3999
+ let X = j();
4000
+ X.x1 = s, X.y1 = p, X.x2 = 0, X.y2 = p, I(X, 1), X.y1 -= X.lineWidth / 2, X.y2 -= X.lineWidth / 2, x.push(X);
4001
+ let O = j();
4002
+ O.x1 = 0, O.y1 = p, O.x2 = 0, O.y2 = 0, I(O, 2), O.x1 += O.lineWidth / 2, O.x2 += O.lineWidth / 2, x.push(O), C(d.value, x, !1);
4003
+ }, I = (s, p) => {
4004
+ s.strokeStyle = o.borderStyle.color, s.lineWidth = o.borderStyle.width, s.dash = o.borderStyle.dash, o.borders && e(o.borders) && o.borders.length > p && (s.strokeStyle = o.borders[p].color, s.lineWidth = o.borders[p].width, s.dash = o.borders[p].dash);
4005
+ }, D = () => {
4006
+ a = [], u();
4007
+ let s = [];
4008
+ for (let p = 0; p < o.rows; p++)
4009
+ for (let x = 0; x < o.cols; x++)
4010
+ b(s, p, x);
4011
+ C(d.value, s, !1);
4012
+ }, w = () => {
3984
4013
  if (e(o.diagonalCells) && o.diagonalCells.length > 0) {
3985
- let d, y = [], w, E, F;
4014
+ let s, p = [], x, T, E;
3986
4015
  for (let X = 0; X < o.diagonalCells.length; X++) {
3987
- if (d = o.diagonalCells[X], !S(d.row, d.col) || (w = d.row + "_" + d.col, p.has(w)))
4016
+ if (s = o.diagonalCells[X], !k(s.row, s.col) || (x = s.row + "_" + s.col, h.has(x)))
3988
4017
  continue;
3989
- let O = M();
3990
- if (E = d.row, F = d.col, d.reverse) {
3991
- let ie = u[E][F][0], xe = u[E][F][1], N = ie + B(D.value[d.col]), V = u[E][F][1] + B(k.value[d.row]);
3992
- if (v.has(w)) {
3993
- let G = v.get(w), R = 0;
3994
- for (let ce = 0; ce < G.colSpan; ce++)
3995
- R += B(D.value[d.col + ce]);
3996
- N = ie + R, R = 0;
3997
- for (let ce = 0; ce < G.rowSpan; ce++)
3998
- R += B(k.value[d.row + ce]);
3999
- V = xe + R;
4018
+ let O = j();
4019
+ if (T = s.row, E = s.col, s.reverse) {
4020
+ let ie = a[T][E][0], xe = a[T][E][1], U = ie + A(_.value[s.col]), M = a[T][E][1] + A(S.value[s.row]);
4021
+ if (v.has(x)) {
4022
+ let K = v.get(x), L = 0;
4023
+ for (let ce = 0; ce < K.colSpan; ce++)
4024
+ L += A(_.value[s.col + ce]);
4025
+ U = ie + L, L = 0;
4026
+ for (let ce = 0; ce < K.rowSpan; ce++)
4027
+ L += A(S.value[s.row + ce]);
4028
+ M = xe + L;
4000
4029
  }
4001
- O.x1 = ie, O.y1 = V, O.x2 = N, O.y2 = xe, O.strokeStyle = d.color ?? o.diagonalStyle.color, O.lineWidth = d.width ?? o.diagonalStyle.width, O.dash = d.dash ?? o.diagonalStyle.dash, y.push(O);
4030
+ O.x1 = ie, O.y1 = M, O.x2 = U, O.y2 = xe, O.strokeStyle = s.color ?? o.diagonalStyle.color, O.lineWidth = s.width ?? o.diagonalStyle.width, O.dash = s.dash ?? o.diagonalStyle.dash, p.push(O);
4002
4031
  } else {
4003
- let ie = u[E][F][0], xe = u[E][F][1], N = ie + B(D.value[d.col]), V = xe + B(k.value[d.row]);
4004
- if (v.has(w)) {
4005
- let G = v.get(w), R = 0;
4006
- for (let ce = 0; ce < G.colSpan; ce++)
4007
- R += B(D.value[d.col + ce]);
4008
- N = ie + R, R = 0;
4009
- for (let ce = 0; ce < G.rowSpan; ce++)
4010
- R += B(k.value[d.row + ce]);
4011
- V = xe + R;
4032
+ let ie = a[T][E][0], xe = a[T][E][1], U = ie + A(_.value[s.col]), M = xe + A(S.value[s.row]);
4033
+ if (v.has(x)) {
4034
+ let K = v.get(x), L = 0;
4035
+ for (let ce = 0; ce < K.colSpan; ce++)
4036
+ L += A(_.value[s.col + ce]);
4037
+ U = ie + L, L = 0;
4038
+ for (let ce = 0; ce < K.rowSpan; ce++)
4039
+ L += A(S.value[s.row + ce]);
4040
+ M = xe + L;
4012
4041
  }
4013
- O.x1 = ie, O.y1 = xe, O.x2 = N, O.y2 = V, O.strokeStyle = d.color ?? o.diagonalStyle.color, O.lineWidth = d.width ?? o.diagonalStyle.width, O.dash = d.dash ?? o.diagonalStyle.dash, y.push(O);
4042
+ O.x1 = ie, O.y1 = xe, O.x2 = U, O.y2 = M, O.strokeStyle = s.color ?? o.diagonalStyle.color, O.lineWidth = s.width ?? o.diagonalStyle.width, O.dash = s.dash ?? o.diagonalStyle.dash, p.push(O);
4014
4043
  }
4015
4044
  }
4016
- g(c.value, y, !1);
4045
+ C(d.value, p, !1);
4017
4046
  }
4018
- }, a = () => {
4019
- let d = 0, y = 0, w = 0, E = 0;
4020
- for (let F = 0; F < o.rows; F++) {
4021
- u[F] = [], F == 0 ? d = 0 : d = B(k.value[F - 1]), w += d, E = 0;
4047
+ }, u = () => {
4048
+ let s = 0, p = 0, x = 0, T = 0;
4049
+ for (let E = 0; E < o.rows; E++) {
4050
+ a[E] = [], E == 0 ? s = 0 : s = A(S.value[E - 1]), x += s, T = 0;
4022
4051
  for (let X = 0; X < o.cols; X++)
4023
- X == 0 ? y = 0 : y = B(D.value[X - 1]), E += y, u[F][X] = [E, w];
4052
+ X == 0 ? p = 0 : p = A(_.value[X - 1]), T += p, a[E][X] = [T, x];
4024
4053
  }
4025
- }, x = (d, y, w) => {
4026
- let E = u[y][w][0], F = u[y][w][1], X = y + "_" + w, O;
4027
- y > 0 && (O = M(), O.x1 = E, O.y1 = F, O.x2 = E + B(D.value[w]), O.y2 = F, O.r = y, O.c = w, p.has(X) ? p.get(X).sameRow && (L(O, y, w, 1), f(O.lineWidth) || (O.y1 += 0.5, O.y2 += 0.5), d.push(O)) : (L(O, y, w, 1), f(O.lineWidth) || (O.y1 += 0.5, O.y2 += 0.5), d.push(O))), w > 0 && (O = M(), O.x1 = E, O.y1 = F, O.x2 = E, O.y2 = F + B(k.value[y]), O.r = y, O.c = w, p.has(X) ? p.get(X).sameCol && (L(O, y, w, 2), f(O.lineWidth) || (O.x1 += 0.5, O.x2 += 0.5), d.push(O)) : (L(O, y, w, 2), f(O.lineWidth) || (O.x1 += 0.5, O.x2 += 0.5), d.push(O)));
4028
- }, L = (d, y, w, E) => {
4029
- let F = y + "_" + w, X = y, O = w;
4030
- if (p.has(F)) {
4031
- let ie = p.get(F);
4054
+ }, b = (s, p, x) => {
4055
+ let T = a[p][x][0], E = a[p][x][1], X = p + "_" + x, O;
4056
+ p > 0 && (O = j(), O.x1 = T, O.y1 = E, O.x2 = T + A(_.value[x]), O.y2 = E, O.r = p, O.c = x, h.has(X) ? h.get(X).sameRow && (W(O, p, x, 1), f(O.lineWidth) || (O.y1 += 0.5, O.y2 += 0.5), s.push(O)) : (W(O, p, x, 1), f(O.lineWidth) || (O.y1 += 0.5, O.y2 += 0.5), s.push(O))), x > 0 && (O = j(), O.x1 = T, O.y1 = E, O.x2 = T, O.y2 = E + A(S.value[p]), O.r = p, O.c = x, h.has(X) ? h.get(X).sameCol && (W(O, p, x, 2), f(O.lineWidth) || (O.x1 += 0.5, O.x2 += 0.5), s.push(O)) : (W(O, p, x, 2), f(O.lineWidth) || (O.x1 += 0.5, O.x2 += 0.5), s.push(O)));
4057
+ }, W = (s, p, x, T) => {
4058
+ let E = p + "_" + x, X = p, O = x;
4059
+ if (h.has(E)) {
4060
+ let ie = h.get(E);
4032
4061
  X = ie.startRow, O = ie.startCol;
4033
4062
  }
4034
- if (F = X + "_" + O, s.has(F)) {
4035
- let ie = s.get(F);
4036
- d.strokeStyle = ie.color, d.lineWidth = ie.width, d.dash = ie.dash;
4063
+ if (E = X + "_" + O, c.has(E)) {
4064
+ let ie = c.get(E);
4065
+ s.strokeStyle = ie.color, s.lineWidth = ie.width, s.dash = ie.dash;
4037
4066
  } else
4038
- E == 1 ? e(o.rowLine) && o.rowLine.length > y ? (d.strokeStyle = o.rowLine[y].color, d.lineWidth = o.rowLine[y].width, d.dash = o.rowLine[y].dash) : (d.strokeStyle = o.rowStyle.color, d.lineWidth = o.rowStyle.width, d.dash = o.rowStyle.dash) : e(o.colLine) && o.colLine.length > w ? (d.strokeStyle = o.colLine[w].color, d.lineWidth = o.colLine[w].width, d.dash = o.colLine[w].dash) : (d.strokeStyle = o.colStyle.color, d.lineWidth = o.colStyle.width, d.dash = o.colStyle.dash);
4067
+ T == 1 ? e(o.rowLine) && o.rowLine.length > p ? (s.strokeStyle = o.rowLine[p].color, s.lineWidth = o.rowLine[p].width, s.dash = o.rowLine[p].dash) : (s.strokeStyle = o.rowStyle.color, s.lineWidth = o.rowStyle.width, s.dash = o.rowStyle.dash) : e(o.colLine) && o.colLine.length > x ? (s.strokeStyle = o.colLine[x].color, s.lineWidth = o.colLine[x].width, s.dash = o.colLine[x].dash) : (s.strokeStyle = o.colStyle.color, s.lineWidth = o.colStyle.width, s.dash = o.colStyle.dash);
4039
4068
  };
4040
- q(() => {
4041
- c.value = l.value.getContext("2d"), h();
4042
- }), T(() => o.mergedCells, (d) => {
4043
- if (d && (v.clear(), p.clear(), o.mergedCells.length > 0)) {
4044
- let y, w;
4045
- for (let E = 0; E < o.mergedCells.length; E++)
4046
- if (y = o.mergedCells[E], !(y.row < 0 || v.col < 0) && (y.rowSpan >= 2 || y.colSpan >= 2)) {
4047
- y.row + y.rowSpan > o.rows && (y.rowSpan = o.rows - y.row), y.col + y.colSpan > o.cols && (y.colSpan = o.cols - y.col);
4048
- let F = 0, X = 0;
4049
- v.set(y.row + "_" + y.col, { ...y });
4050
- for (let O = 0; O < y.rowSpan; O++)
4051
- for (let ie = 0; ie < y.colSpan; ie++)
4052
- O == 0 && ie == 0 || (F = y.row + O, X = y.col + ie, w = F + "_" + X, F == y.row ? p.set(w, {
4069
+ Y(() => {
4070
+ d.value = l.value.getContext("2d"), m();
4071
+ }), B(() => o.mergedCells, (s) => {
4072
+ if (s && (v.clear(), h.clear(), o.mergedCells.length > 0)) {
4073
+ let p, x;
4074
+ for (let T = 0; T < o.mergedCells.length; T++)
4075
+ if (p = o.mergedCells[T], !(p.row < 0 || v.col < 0) && (p.rowSpan >= 2 || p.colSpan >= 2)) {
4076
+ p.row + p.rowSpan > o.rows && (p.rowSpan = o.rows - p.row), p.col + p.colSpan > o.cols && (p.colSpan = o.cols - p.col);
4077
+ let E = 0, X = 0;
4078
+ v.set(p.row + "_" + p.col, { ...p });
4079
+ for (let O = 0; O < p.rowSpan; O++)
4080
+ for (let ie = 0; ie < p.colSpan; ie++)
4081
+ O == 0 && ie == 0 || (E = p.row + O, X = p.col + ie, x = E + "_" + X, E == p.row ? h.set(x, {
4053
4082
  sameRow: !0,
4054
4083
  sameCol: !1,
4055
- startRow: y.row,
4056
- startCol: y.col
4057
- }) : X == y.col ? p.set(w, {
4084
+ startRow: p.row,
4085
+ startCol: p.col
4086
+ }) : X == p.col ? h.set(x, {
4058
4087
  sameRow: !1,
4059
4088
  sameCol: !0,
4060
- startRow: y.row,
4061
- startCol: y.col
4062
- }) : p.set(w, {
4089
+ startRow: p.row,
4090
+ startCol: p.col
4091
+ }) : h.set(x, {
4063
4092
  sameRow: !1,
4064
4093
  sameCol: !1,
4065
- startRow: y.row,
4066
- startCol: y.col
4094
+ startRow: p.row,
4095
+ startCol: p.col
4067
4096
  }));
4068
4097
  }
4069
4098
  }
4070
- }, { immediate: !0 }), T(() => o.cellStyle, (d) => {
4071
- if (d && (s.clear(), o.cellStyle.length > 0)) {
4072
- let y;
4073
- for (let w = 0; w < o.cellStyle.length; w++)
4074
- y = o.cellStyle[w], S(y.row, y.col) && s.set(y.row + "_" + y.col, { ...y });
4099
+ }, { immediate: !0 }), B(() => o.cellStyle, (s) => {
4100
+ if (s && (c.clear(), o.cellStyle.length > 0)) {
4101
+ let p;
4102
+ for (let x = 0; x < o.cellStyle.length; x++)
4103
+ p = o.cellStyle[x], k(p.row, p.col) && c.set(p.row + "_" + p.col, { ...p });
4075
4104
  }
4076
4105
  }, { immediate: !0 });
4077
- const S = (d, y) => !(d < 0 || y < 0 || d > o.rows || y > o.cols), B = (d) => parseFloat(d) ?? 0, M = () => ({
4106
+ const k = (s, p) => !(s < 0 || p < 0 || s > o.rows || p > o.cols), A = (s) => parseFloat(s) ?? 0, j = () => ({
4078
4107
  x1: 0,
4079
4108
  y1: 0,
4080
4109
  x2: 0,
@@ -4082,56 +4111,56 @@ const Ko = /* @__PURE__ */ ve(Uo, [["render", Go], ["__scopeId", "data-v-0ad0dff
4082
4111
  strokeStyle: "#F8F8FF",
4083
4112
  lineWidth: 1,
4084
4113
  dash: []
4085
- }), g = (d, y, w) => {
4086
- if (e(y) && y.length > 0) {
4087
- let E = !!w;
4088
- E && d.beginPath(), y.forEach((F, X) => {
4089
- if (Number(F.lineWidth) > 0) {
4090
- if (E || d.beginPath(), d.strokeStyle = F.strokeStyle, d.lineWidth = F.lineWidth, n(F.dash))
4091
- if (e(F.dash))
4092
- d.setLineDash(F.dash);
4114
+ }), C = (s, p, x) => {
4115
+ if (e(p) && p.length > 0) {
4116
+ let T = !!x;
4117
+ T && s.beginPath(), p.forEach((E, X) => {
4118
+ if (Number(E.lineWidth) > 0) {
4119
+ if (T || s.beginPath(), s.strokeStyle = E.strokeStyle, s.lineWidth = E.lineWidth, n(E.dash))
4120
+ if (e(E.dash))
4121
+ s.setLineDash(E.dash);
4093
4122
  else {
4094
- let O = F.dash.split(",");
4095
- d.setLineDash(O);
4123
+ let O = E.dash.split(",");
4124
+ s.setLineDash(O);
4096
4125
  }
4097
4126
  else
4098
- d.setLineDash([]);
4099
- d.moveTo(F.x1, F.y1), d.lineTo(F.x2, F.y2), d.closePath(), E || d.stroke();
4127
+ s.setLineDash([]);
4128
+ s.moveTo(E.x1, E.y1), s.lineTo(E.x2, E.y2), s.closePath(), T || s.stroke();
4100
4129
  }
4101
- }), E && d.stroke(), d.restore();
4130
+ }), T && s.stroke(), s.restore();
4102
4131
  }
4103
- }, Y = () => {
4132
+ }, q = () => {
4104
4133
  _e(() => {
4105
- h();
4134
+ m();
4106
4135
  });
4107
4136
  };
4108
4137
  i({
4109
- redraw: Y
4138
+ redraw: q
4110
4139
  });
4111
- const K = { consolePrint: r, isArray: e, isEven: f, isNotEmpty: n, props: o, canvasRef: l, ctx: c, get cellPosition() {
4112
- return u;
4113
- }, set cellPosition(d) {
4114
- u = d;
4140
+ const N = { consolePrint: r, isArray: e, isEven: f, isNotEmpty: n, props: o, canvasRef: l, ctx: d, get cellPosition() {
4141
+ return a;
4142
+ }, set cellPosition(s) {
4143
+ a = s;
4115
4144
  }, get mergedCellInfo() {
4116
- return p;
4117
- }, set mergedCellInfo(d) {
4118
- p = d;
4145
+ return h;
4146
+ }, set mergedCellInfo(s) {
4147
+ h = s;
4119
4148
  }, get mergeCellInfo() {
4120
4149
  return v;
4121
- }, set mergeCellInfo(d) {
4122
- v = d;
4150
+ }, set mergeCellInfo(s) {
4151
+ v = s;
4123
4152
  }, get cellStyleMap() {
4124
- return s;
4125
- }, set cellStyleMap(d) {
4126
- s = d;
4127
- }, computedRowHeights: k, computedColWidths: D, canvasWidth: j, canvasHeight: P, drawGrid: h, _drawBorder: _, _setBorderStyle: I, _drawCellArea: W, _drawDiagonal: b, _calcCellPosition: a, drawCell: x, _setCellStyle: L, _checkValidCell: S, _getVal: B, _getDefaultLineObj: M, drawLine: g, redraw: Y, computed: m, onMounted: q, ref: C, watch: T, nextTick: _e, get CommonUtils() {
4153
+ return c;
4154
+ }, set cellStyleMap(s) {
4155
+ c = s;
4156
+ }, computedRowHeights: S, computedColWidths: _, canvasWidth: H, canvasHeight: R, drawGrid: m, _drawBorder: V, _setBorderStyle: I, _drawCellArea: D, _drawDiagonal: w, _calcCellPosition: u, drawCell: b, _setCellStyle: W, _checkValidCell: k, _getVal: A, _getDefaultLineObj: j, drawLine: C, redraw: q, computed: g, onMounted: Y, ref: y, watch: B, nextTick: _e, get CommonUtils() {
4128
4157
  return Z;
4129
4158
  } };
4130
- return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
4159
+ return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
4131
4160
  }
4132
4161
  };
4133
4162
  function Yo(t, i, r, e, f, n) {
4134
- return H(), A("div", { class: "canvas-grid-container" }, [
4163
+ return P(), F("div", { class: "canvas-grid-container" }, [
4135
4164
  ue("canvas", {
4136
4165
  ref: "canvasRef",
4137
4166
  width: e.canvasWidth,
@@ -4161,59 +4190,59 @@ const qo = /* @__PURE__ */ ve(Xo, [["render", Yo], ["__scopeId", "data-v-6480756
4161
4190
  }
4162
4191
  },
4163
4192
  setup(t, { expose: i }) {
4164
- const r = t, e = re(), f = ae(e), n = C(null), o = m(() => r.propValue || {}), l = m(() => r.element || {}), c = m(() => l.value.events || []), u = le(), p = oe(), v = ee(o, l, u, p);
4193
+ const r = t, e = re(), f = ae(e), n = y(null), o = g(() => r.propValue || {}), l = g(() => r.element || {}), d = g(() => l.value.events || []), a = le(), h = oe(), v = ee(o, l, a, h);
4165
4194
  J(() => {
4166
- n.value = te(c.value, r.designStatus, v), n.value?.beforeMount();
4167
- }), q(() => {
4195
+ n.value = te(d.value, r.designStatus, v), n.value?.beforeMount();
4196
+ }), Y(() => {
4168
4197
  n.value?.mounted();
4169
4198
  }), Q(() => {
4170
4199
  n.value?.beforeUnmount();
4171
4200
  }), $(() => {
4172
4201
  n.value?.unmounted();
4173
4202
  });
4174
- const s = C(null);
4175
- T([() => l.value.style.width, () => l.value.style.height], ([_, I]) => {
4176
- s.value && (o.value.autoResize ? P() : s.value.redraw());
4203
+ const c = y(null);
4204
+ B([() => l.value.style.width, () => l.value.style.height], ([V, I]) => {
4205
+ c.value && (o.value.autoResize ? R() : c.value.redraw());
4177
4206
  });
4178
- const k = C([]), D = C([]), j = () => {
4207
+ const S = y([]), _ = y([]), H = () => {
4179
4208
  if (!o.value.autoResize)
4180
4209
  return;
4181
- let _ = Array.from(
4210
+ let V = Array.from(
4182
4211
  { length: o.value.rows },
4183
- (W, b) => o.value?.rowHeights?.length > b ? Number(o.value?.rowHeights[b] || o.value.cellHeight) ?? 0 : Number(o.value.cellHeight) ?? 0
4212
+ (D, w) => o.value?.rowHeights?.length > w ? Number(o.value?.rowHeights[w] || o.value.cellHeight) ?? 0 : Number(o.value.cellHeight) ?? 0
4184
4213
  );
4185
4214
  if (l.value.style.height > 0) {
4186
- let W = 0;
4187
- W = _.reduce((S, B) => S + B, 0);
4188
- let b = [], a = 0;
4189
- for (let S = 0; S < o.value.rows; S++)
4190
- b[S] = Math.floor(_[S] / W * l.value.style.height, 0), a += b[S];
4191
- let x = l.value.style.height - a, L = Math.min(x, o.value.rows);
4192
- for (let S = L - 1; S >= 0; S--)
4193
- b[S] += 1;
4194
- k.value = [...b];
4215
+ let D = 0;
4216
+ D = V.reduce((k, A) => k + A, 0);
4217
+ let w = [], u = 0;
4218
+ for (let k = 0; k < o.value.rows; k++)
4219
+ w[k] = Math.floor(V[k] / D * l.value.style.height, 0), u += w[k];
4220
+ let b = l.value.style.height - u, W = Math.min(b, o.value.rows);
4221
+ for (let k = W - 1; k >= 0; k--)
4222
+ w[k] += 1;
4223
+ S.value = [...w];
4195
4224
  }
4196
4225
  let I = Array.from(
4197
4226
  { length: o.value.cols },
4198
- (W, b) => o.value?.colWidths?.length > b ? Number(o.value?.colWidths[b] || o.value.cellWidth) ?? 0 : Number(o.value.cellWidth) ?? 0
4227
+ (D, w) => o.value?.colWidths?.length > w ? Number(o.value?.colWidths[w] || o.value.cellWidth) ?? 0 : Number(o.value.cellWidth) ?? 0
4199
4228
  );
4200
4229
  if (l.value.style.width > 0) {
4201
- let W = 0;
4202
- W = I.reduce((S, B) => S + B, 0);
4203
- let b = [], a = 0;
4204
- for (let S = 0; S < o.value.cols; S++)
4205
- b[S] = Math.floor(I[S] / W * l.value.style.width, 0), a += b[S];
4206
- let x = l.value.style.width - a, L = Math.min(x, o.value.cols);
4207
- for (let S = L - 1; S >= 0; S--)
4208
- b[S] += 1;
4209
- D.value = [...b];
4230
+ let D = 0;
4231
+ D = I.reduce((k, A) => k + A, 0);
4232
+ let w = [], u = 0;
4233
+ for (let k = 0; k < o.value.cols; k++)
4234
+ w[k] = Math.floor(I[k] / D * l.value.style.width, 0), u += w[k];
4235
+ let b = l.value.style.width - u, W = Math.min(b, o.value.cols);
4236
+ for (let k = W - 1; k >= 0; k--)
4237
+ w[k] += 1;
4238
+ _.value = [...w];
4210
4239
  }
4211
- s.value?.redraw();
4212
- }, P = rt(j, 500);
4213
- T(() => o.value.autoResize, (_) => {
4214
- _ && P();
4240
+ c.value?.redraw();
4241
+ }, R = rt(H, 500);
4242
+ B(() => o.value.autoResize, (V) => {
4243
+ V && R();
4215
4244
  }, { immediate: !0 }), i({});
4216
- const h = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: c, router: u, route: p, compContext: v, baseGridTableRef: s, rowHeights: k, colWidths: D, _autoCalcWidthAndHeight: j, debouncedAutoCalcWidthAndHeight: P, get useEventHandler() {
4245
+ const m = { props: r, dataCache: e, smartData: f, eventHandler: n, propValue: o, element: l, events: d, router: a, route: h, compContext: v, baseGridTableRef: c, rowHeights: S, colWidths: _, _autoCalcWidthAndHeight: H, debouncedAutoCalcWidthAndHeight: R, get useEventHandler() {
4217
4246
  return te;
4218
4247
  }, get useDataCacheStore() {
4219
4248
  return re;
@@ -4221,18 +4250,18 @@ const qo = /* @__PURE__ */ ve(Xo, [["render", Yo], ["__scopeId", "data-v-6480756
4221
4250
  return ae;
4222
4251
  }, get CreateCompContext() {
4223
4252
  return ee;
4224
- }, ref: C, computed: m, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, watch: T, reactive: qe, get useRoute() {
4253
+ }, ref: y, computed: g, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, watch: B, reactive: qe, get useRoute() {
4225
4254
  return oe;
4226
4255
  }, get useRouter() {
4227
4256
  return le;
4228
4257
  }, BaseGridTable: qo, get debounce() {
4229
4258
  return rt;
4230
4259
  } };
4231
- return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
4260
+ return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
4232
4261
  }
4233
4262
  });
4234
4263
  function Qo(t, i, r, e, f, n) {
4235
- return H(), A("div", { class: "grid-container" }, [
4264
+ return P(), F("div", { class: "grid-container" }, [
4236
4265
  Oe(e.BaseGridTable, {
4237
4266
  ref: "baseGridTableRef",
4238
4267
  rows: e.propValue.rows,
@@ -4276,35 +4305,35 @@ const Jo = /* @__PURE__ */ ve(Zo, [["render", Qo], ["__scopeId", "data-v-dced3ee
4276
4305
  }
4277
4306
  },
4278
4307
  setup(t, { expose: i }) {
4279
- const { isNotEmpty: r } = Z, e = t, f = re(), n = ae(f), o = C(null), l = m(() => e.propValue || {}), c = m(() => e.element || {}), u = m(() => c.value.events || []), p = le(), v = oe(), s = ee(l, c, p, v);
4308
+ const { isNotEmpty: r } = Z, e = t, f = re(), n = ae(f), o = y(null), l = g(() => e.propValue || {}), d = g(() => e.element || {}), a = g(() => d.value.events || []), h = le(), v = oe(), c = ee(l, d, h, v);
4280
4309
  J(() => {
4281
- o.value = te(u.value, e.designStatus, s), o.value?.beforeMount();
4282
- }), q(() => {
4310
+ o.value = te(a.value, e.designStatus, c), o.value?.beforeMount();
4311
+ }), Y(() => {
4283
4312
  o.value?.mounted();
4284
4313
  }), Q(() => {
4285
4314
  o.value?.beforeUnmount();
4286
4315
  }), $(() => {
4287
4316
  o.value?.unmounted();
4288
4317
  });
4289
- const k = (_) => {
4290
- o.value?.handleClick(_);
4291
- }, D = (_) => {
4292
- o.value?.handleDblClick(_);
4293
- }, j = m(() => r(l.value.text) ? l.value.text.replace(/\n/g, "<br/>") : ""), P = m(() => {
4294
- let _ = {};
4295
- if (l.value.fontColor && (_.color = l.value.fontColor), l.value.fontSize && (_["font-size"] = l.value.fontSize + "px"), l.value.fontFamily && (_["font-family"] = l.value.fontFamily), l.value.fontWeight && (_["font-weight"] = l.value.fontWeight), l.value.fontStyle && (_["font-style"] = l.value.fontStyle), l.value.textAlign && (_["text-align"] = l.value.textAlign), l.value.extraStyles) {
4318
+ const S = (V) => {
4319
+ o.value?.handleClick(V);
4320
+ }, _ = (V) => {
4321
+ o.value?.handleDblClick(V);
4322
+ }, H = g(() => r(l.value.text) ? l.value.text.replace(/\n/g, "<br/>") : ""), R = g(() => {
4323
+ let V = {};
4324
+ if (l.value.fontColor && (V.color = l.value.fontColor), l.value.fontSize && (V["font-size"] = l.value.fontSize + "px"), l.value.fontFamily && (V["font-family"] = l.value.fontFamily), l.value.fontWeight && (V["font-weight"] = l.value.fontWeight), l.value.fontStyle && (V["font-style"] = l.value.fontStyle), l.value.textAlign && (V["text-align"] = l.value.textAlign), l.value.extraStyles) {
4296
4325
  let I = Object.keys(l.value.extraStyles);
4297
- for (let W = 0; W < I.length; W++)
4298
- _[I[W]] = l.value.extraStyles[I[W]];
4326
+ for (let D = 0; D < I.length; D++)
4327
+ V[I[D]] = l.value.extraStyles[I[D]];
4299
4328
  }
4300
- return _;
4329
+ return V;
4301
4330
  });
4302
4331
  i({});
4303
- const h = { isNotEmpty: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: c, events: u, router: p, route: v, compContext: s, handleClick: k, handleDblClick: D, formattedText: j, customStyle: P, get useDataCacheStore() {
4332
+ const m = { isNotEmpty: r, props: e, dataCache: f, smartData: n, eventHandler: o, propValue: l, element: d, events: a, router: h, route: v, compContext: c, handleClick: S, handleDblClick: _, formattedText: H, customStyle: R, get useDataCacheStore() {
4304
4333
  return re;
4305
4334
  }, get createSmartAccessor() {
4306
4335
  return ae;
4307
- }, ref: C, computed: m, onMounted: q, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
4336
+ }, ref: y, computed: g, onMounted: Y, onBeforeMount: J, onBeforeUnmount: Q, onUnmounted: $, get useEventHandler() {
4308
4337
  return te;
4309
4338
  }, get useRoute() {
4310
4339
  return oe;
@@ -4315,11 +4344,11 @@ const Jo = /* @__PURE__ */ ve(Zo, [["render", Qo], ["__scopeId", "data-v-dced3ee
4315
4344
  }, get CommonUtils() {
4316
4345
  return Z;
4317
4346
  } };
4318
- return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
4347
+ return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
4319
4348
  }
4320
4349
  });
4321
4350
  function en(t, i, r, e, f, n) {
4322
- return H(), A("p", {
4351
+ return P(), F("p", {
4323
4352
  style: Se(e.customStyle),
4324
4353
  innerHTML: e.formattedText,
4325
4354
  onClick: e.handleClick,