hflvcomp 0.0.6 → 0.0.7

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