hflvcomp 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hflvcomp.es.js +1225 -1152
- package/package.json +1 -1
package/dist/hflvcomp.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";.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-b63faafe]{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-f136e4e8]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-f136e4e8]{width:100%;height:100%}.svg-container[data-v-0a8a6304]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-0a8a6304]{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-ea6a17d7]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-ea6a17d7]{width:100%;height:100%}.svg-container[data-v-ac44471c]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-ac44471c]{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-82417625]{width:100%;height:100%}.svg-container svg[data-v-82417625]{width:100%;height:100%}.svg-container[data-v-56539202]{width:100%;height:100%}.svg-container svg[data-v-56539202]{width:100%;height:100%}.svg-container[data-v-56539202] .svg-first-color{fill:var(--custom-first-color)!important}.svg-container[data-v-56539202] .svg-second-color{fill:var(--custom-second-color)!important}.svg-container[data-v-56539202] .svg-third-color{fill:var(--custom-third-color)!important}.svg-container[data-v-56539202] .svg-four-color{fill:var(--custom-four-color)!important}.svg-container[data-v-56539202] .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 me, resolveComponent as Ye, createElementBlock as K, openBlock as P, normalizeStyle as
|
|
3
|
-
import { CommonUtils as Q, useDataCacheStore as
|
|
2
|
+
import { inject as me, resolveComponent as Ye, createElementBlock as K, openBlock as P, normalizeStyle as Re, createVNode as Ve, ref as b, computed as x, watch as A, provide as we, onBeforeMount as J, onMounted as q, onBeforeUnmount as Z, onUnmounted as $, Fragment as at, renderList as ct, createBlock as ve, KeepAlive as jt, createCommentVNode as ie, defineComponent as De, toRefs as Ae, h as Je, nextTick as Se, unref as E, renderSlot as Ce, normalizeClass as Be, createElementVNode as ue, mergeProps as ut, toDisplayString as Ie, Teleport as It, Transition as Tt, withCtx as Le, createSlots as Ot, reactive as Xe, useSlots as Wt, normalizeProps as Bt, guardReactiveProps as At, render as ht, createTextVNode as ge } from "vue";
|
|
3
|
+
import { CommonUtils as Q, useDataCacheStore as ne, createSmartAccessor as re, reCalcCanvasSize as mt, CreateCompContext as ee, useEventHandler as te } from "hflvloader";
|
|
4
4
|
import { useRouter as le, useRoute as oe } from "vue-router";
|
|
5
5
|
(function() {
|
|
6
6
|
const t = () => {
|
|
7
|
-
console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.
|
|
7
|
+
console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.5", "color: #2ecc71;"), console.log("%c编译日期: 2026/1/4 10:09:35", "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;
|
|
@@ -27,7 +27,7 @@ function $e() {
|
|
|
27
27
|
throw new Error("组件注册时未提供API，请检查!");
|
|
28
28
|
return t;
|
|
29
29
|
}
|
|
30
|
-
const
|
|
30
|
+
const pe = (t, s) => {
|
|
31
31
|
const r = t.__vccOpts || t;
|
|
32
32
|
for (const [e, d] of s)
|
|
33
33
|
r[e] = d;
|
|
@@ -53,79 +53,79 @@ const he = (t, s) => {
|
|
|
53
53
|
},
|
|
54
54
|
setup(t, { expose: s }) {
|
|
55
55
|
s();
|
|
56
|
-
const { isNotEmpty: r } = Q, e = $e(), d = t,
|
|
57
|
-
let i = {}, a = [],
|
|
58
|
-
const
|
|
56
|
+
const { isNotEmpty: r } = Q, e = $e(), d = t, n = b(null), o = b({}), l = b([]);
|
|
57
|
+
let i = {}, a = [], h = "transparent";
|
|
58
|
+
const m = x(() => d.propValue), u = x(() => d.element), S = x(() => u.value.events || []), W = x(() => u.value.containerParam || {}), L = x(() => ({
|
|
59
59
|
width: `${u.value.style.width}px`,
|
|
60
60
|
height: `${u.value.style.height}px`,
|
|
61
|
-
backgroundColor:
|
|
62
|
-
})), D =
|
|
63
|
-
A(() =>
|
|
64
|
-
r(
|
|
65
|
-
}), A(() => u.value.style.width, (
|
|
61
|
+
backgroundColor: h
|
|
62
|
+
})), D = ne(), p = re(D), V = b(null), H = x(() => r(m.value.subpageId) ? m.value.subpageId : r(m.value.subpageIdCK) ? p[m.value.subpageIdCK] : "");
|
|
63
|
+
A(() => H.value, (R) => {
|
|
64
|
+
r(R) && v();
|
|
65
|
+
}), A(() => u.value.style.width, (R) => {
|
|
66
66
|
c();
|
|
67
|
-
}), A(() => u.value.style.height, (
|
|
67
|
+
}), A(() => u.value.style.height, (R) => {
|
|
68
68
|
c();
|
|
69
69
|
});
|
|
70
|
-
const
|
|
71
|
-
i = {}, a = [],
|
|
70
|
+
const I = () => {
|
|
71
|
+
i = {}, a = [], o.value = {}, l.value = [], h = "transparent";
|
|
72
72
|
}, v = () => {
|
|
73
|
-
let
|
|
74
|
-
if (r(
|
|
73
|
+
let R = H.value;
|
|
74
|
+
if (r(R)) {
|
|
75
75
|
let C = "DB";
|
|
76
|
-
if (d.designStatus || (C = D.pageSource || "DB", r(
|
|
76
|
+
if (d.designStatus || (C = D.pageSource || "DB", r(m.value.pageSource) && (C = d.pageSource)), C == "DB") {
|
|
77
77
|
let Y = {};
|
|
78
|
-
Y.id =
|
|
79
|
-
let f = JSON.parse(
|
|
80
|
-
f ? (i = f.canvasStyle || {}, a = f.componentData || [], i.passToParentSwitch && i.backgroundColor && (
|
|
78
|
+
Y.id = R, e.qryPageConfigData(Y).then(function(T) {
|
|
79
|
+
let f = JSON.parse(T.data.pageData);
|
|
80
|
+
f ? (i = f.canvasStyle || {}, a = f.componentData || [], i.passToParentSwitch && i.backgroundColor && (h = i.backgroundColor), c()) : I();
|
|
81
81
|
});
|
|
82
82
|
} else {
|
|
83
|
-
let Y =
|
|
84
|
-
e.getJsonFile(Y, function(
|
|
85
|
-
if (
|
|
86
|
-
let f =
|
|
87
|
-
f ? (i = f.canvasStyle || {}, a = f.componentData || [], i.passToParentSwitch && i.backgroundColor && (
|
|
83
|
+
let Y = R + ".json";
|
|
84
|
+
e.getJsonFile(Y, function(T) {
|
|
85
|
+
if (T && T.status == 200) {
|
|
86
|
+
let f = T.data || {};
|
|
87
|
+
f ? (i = f.canvasStyle || {}, a = f.componentData || [], i.passToParentSwitch && i.backgroundColor && (h = i.backgroundColor), c()) : I();
|
|
88
88
|
} else
|
|
89
|
-
|
|
90
|
-
}, function(
|
|
91
|
-
|
|
89
|
+
I();
|
|
90
|
+
}, function(T) {
|
|
91
|
+
I();
|
|
92
92
|
});
|
|
93
93
|
}
|
|
94
94
|
} else
|
|
95
|
-
|
|
95
|
+
I();
|
|
96
96
|
}, c = () => {
|
|
97
|
-
let
|
|
98
|
-
|
|
97
|
+
let R = mt(u.value.style.width, u.value.style.height, i, a);
|
|
98
|
+
R ? (o.value = R.canvasStyleData || {}, l.value = R.componentData || []) : (o.value = {}, l.value = []);
|
|
99
99
|
};
|
|
100
|
-
we("VE-ContainerParam",
|
|
101
|
-
const
|
|
100
|
+
we("VE-ContainerParam", W);
|
|
101
|
+
const g = le(), j = oe(), _ = ee(m, u, g, j);
|
|
102
102
|
J(() => {
|
|
103
|
-
|
|
103
|
+
V.value = te(S.value, d.designStatus, _), V.value?.beforeMount();
|
|
104
104
|
}), q(() => {
|
|
105
|
-
v(),
|
|
105
|
+
v(), V.value?.mounted();
|
|
106
106
|
}), Z(() => {
|
|
107
|
-
|
|
107
|
+
V.value?.beforeUnmount();
|
|
108
108
|
}), $(() => {
|
|
109
|
-
|
|
109
|
+
V.value?.unmounted();
|
|
110
110
|
});
|
|
111
|
-
const
|
|
111
|
+
const B = { isNotEmpty: r, api: e, props: d, vePageRef: n, canvasStyle: o, componentData: l, get oldCanvasStyle() {
|
|
112
112
|
return i;
|
|
113
|
-
}, set oldCanvasStyle(
|
|
114
|
-
i =
|
|
113
|
+
}, set oldCanvasStyle(R) {
|
|
114
|
+
i = R;
|
|
115
115
|
}, get oldComponentData() {
|
|
116
116
|
return a;
|
|
117
|
-
}, set oldComponentData(
|
|
118
|
-
a =
|
|
117
|
+
}, set oldComponentData(R) {
|
|
118
|
+
a = R;
|
|
119
119
|
}, get backgroundColor() {
|
|
120
|
-
return
|
|
121
|
-
}, set backgroundColor(
|
|
122
|
-
|
|
123
|
-
}, propValue:
|
|
120
|
+
return h;
|
|
121
|
+
}, set backgroundColor(R) {
|
|
122
|
+
h = R;
|
|
123
|
+
}, propValue: m, element: u, events: S, containerParam: W, containerStyle: L, dataCache: D, smartData: p, eventHandler: V, pageId: H, clearData: I, loadPageInfo: v, reCalcSizeData: c, router: g, route: j, compContext: _, ref: b, computed: x, onMounted: q, watch: A, provide: we, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useEventHandler() {
|
|
124
124
|
return te;
|
|
125
125
|
}, get useDataCacheStore() {
|
|
126
|
-
return
|
|
126
|
+
return ne;
|
|
127
127
|
}, get createSmartAccessor() {
|
|
128
|
-
return
|
|
128
|
+
return re;
|
|
129
129
|
}, get CreateCompContext() {
|
|
130
130
|
return ee;
|
|
131
131
|
}, get useRoute() {
|
|
@@ -139,23 +139,23 @@ const he = (t, s) => {
|
|
|
139
139
|
}, get reCalcCanvasSize() {
|
|
140
140
|
return mt;
|
|
141
141
|
} };
|
|
142
|
-
return Object.defineProperty(
|
|
142
|
+
return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
|
|
143
143
|
}
|
|
144
144
|
});
|
|
145
|
-
function Et(t, s, r, e, d,
|
|
146
|
-
const
|
|
145
|
+
function Et(t, s, r, e, d, n) {
|
|
146
|
+
const o = Ye("VEPage");
|
|
147
147
|
return P(), K("div", {
|
|
148
148
|
class: "subpage-container",
|
|
149
|
-
style:
|
|
149
|
+
style: Re(e.containerStyle)
|
|
150
150
|
}, [
|
|
151
|
-
Ve(
|
|
151
|
+
Ve(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 zt = /* @__PURE__ */
|
|
158
|
+
const zt = /* @__PURE__ */ pe(Ft, [["render", Et], ["__scopeId", "data-v-a6c74f38"], ["__file", "Component.vue"]]), Nt = /* @__PURE__ */ Object.assign({
|
|
159
159
|
name: "MultiSubpage"
|
|
160
160
|
}, {
|
|
161
161
|
__name: "Component",
|
|
@@ -176,33 +176,33 @@ const zt = /* @__PURE__ */ he(Ft, [["render", Et], ["__scopeId", "data-v-a6c74f3
|
|
|
176
176
|
},
|
|
177
177
|
setup(t, { expose: s }) {
|
|
178
178
|
s();
|
|
179
|
-
const { isArray: r, isNotEmpty: e, isObject: d } = Q,
|
|
180
|
-
let v =
|
|
181
|
-
return v.forEach((
|
|
179
|
+
const { isArray: r, isNotEmpty: e, isObject: d } = Q, n = t, o = x(() => n.propValue), l = x(() => n.element), i = x(() => l.value.events || []), a = ne(), h = re(a), m = b(null), u = h[o.value.dsCacheKey], S = x(() => o.value.staticData ? o.value.items || [] : r(u.value) ? u.value : []), W = x(() => {
|
|
180
|
+
let v = S.value || [], c = [];
|
|
181
|
+
return v.forEach((g, j) => {
|
|
182
182
|
c[j] = {};
|
|
183
|
-
let
|
|
184
|
-
|
|
183
|
+
let _ = {};
|
|
184
|
+
_.style = {}, _.style.width = l.value.style.width, _.style.height = l.value.style.height, _.prop = {}, _.prop.subpageId = g.value, c[j].subpageId = g.value, c[j].prop = _.prop, c[j].element = _;
|
|
185
185
|
}), c;
|
|
186
|
-
}), L = b(null), D =
|
|
186
|
+
}), L = b(null), D = h[o.value.activeSubpageIdCK];
|
|
187
187
|
A(() => D.value, (v) => {
|
|
188
|
-
e(
|
|
188
|
+
e(o.value.activeSubpageIdCK) && (d(v) || (L.value = v));
|
|
189
189
|
}, { immediate: !0 });
|
|
190
|
-
const
|
|
190
|
+
const p = le(), V = oe(), H = ee(o, l, p, V);
|
|
191
191
|
J(() => {
|
|
192
|
-
|
|
192
|
+
m.value = te(i.value, n.designStatus, H), m.value?.beforeMount();
|
|
193
193
|
}), q(() => {
|
|
194
|
-
|
|
194
|
+
o.value.activeSubpageId && (L.value = o.value.activeSubpageId), m.value?.mounted();
|
|
195
195
|
}), Z(() => {
|
|
196
|
-
|
|
196
|
+
m.value?.beforeUnmount();
|
|
197
197
|
}), $(() => {
|
|
198
|
-
|
|
198
|
+
m.value?.unmounted();
|
|
199
199
|
});
|
|
200
|
-
const
|
|
200
|
+
const I = { isArray: r, isNotEmpty: e, isObject: d, props: n, propValue: o, element: l, events: i, dataCache: a, smartData: h, eventHandler: m, cacheDS: u, options: S, itemData: W, curPageId: L, cacheValue: D, router: p, route: V, compContext: H, ref: b, computed: x, onMounted: q, watch: A, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useEventHandler() {
|
|
201
201
|
return te;
|
|
202
202
|
}, get useDataCacheStore() {
|
|
203
|
-
return
|
|
203
|
+
return ne;
|
|
204
204
|
}, get createSmartAccessor() {
|
|
205
|
-
return
|
|
205
|
+
return re;
|
|
206
206
|
}, get CreateCompContext() {
|
|
207
207
|
return ee;
|
|
208
208
|
}, get CommonUtils() {
|
|
@@ -212,24 +212,24 @@ const zt = /* @__PURE__ */ he(Ft, [["render", Et], ["__scopeId", "data-v-a6c74f3
|
|
|
212
212
|
}, get useRouter() {
|
|
213
213
|
return le;
|
|
214
214
|
} };
|
|
215
|
-
return Object.defineProperty(
|
|
215
|
+
return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
|
|
216
216
|
}
|
|
217
217
|
});
|
|
218
|
-
function Kt(t, s, r, e, d,
|
|
219
|
-
const
|
|
218
|
+
function Kt(t, s, r, e, d, n) {
|
|
219
|
+
const o = Ye("Subpage");
|
|
220
220
|
return P(), K("div", { class: "subpage-container" }, [
|
|
221
|
-
(P(!0), K(at, null, ct(e.itemData, (
|
|
221
|
+
(P(!0), K(at, null, ct(e.itemData, (l, i) => (P(), K("div", { key: i }, [
|
|
222
222
|
(P(), ve(jt, { max: 15 }, [
|
|
223
|
-
e.curPageId ==
|
|
223
|
+
e.curPageId == l.subpageId ? (P(), ve(o, {
|
|
224
224
|
key: i,
|
|
225
|
-
"prop-value":
|
|
226
|
-
element:
|
|
227
|
-
}, null, 8, ["prop-value", "element"])) :
|
|
225
|
+
"prop-value": l.prop,
|
|
226
|
+
element: l.element
|
|
227
|
+
}, null, 8, ["prop-value", "element"])) : ie("", !0)
|
|
228
228
|
], 1024))
|
|
229
229
|
]))), 128))
|
|
230
230
|
]);
|
|
231
231
|
}
|
|
232
|
-
const Gt = /* @__PURE__ */
|
|
232
|
+
const Gt = /* @__PURE__ */ pe(Nt, [["render", Kt], ["__scopeId", "data-v-3deb553c"], ["__file", "Component.vue"]]);
|
|
233
233
|
function st(t) {
|
|
234
234
|
var s = typeof t;
|
|
235
235
|
return t != null && (s == "object" || s == "function");
|
|
@@ -288,53 +288,53 @@ function Ct(t) {
|
|
|
288
288
|
var r = dl.test(t);
|
|
289
289
|
return r || fl.test(t) ? vl(t.slice(2), r ? 2 : 8) : cl.test(t) ? yt : +t;
|
|
290
290
|
}
|
|
291
|
-
var
|
|
291
|
+
var pl = "Expected a function", hl = Math.max, ml = Math.min;
|
|
292
292
|
function tt(t, s, r) {
|
|
293
|
-
var e, d, o, l,
|
|
293
|
+
var e, d, n, o, l, i, a = 0, h = !1, m = !1, u = !0;
|
|
294
294
|
if (typeof t != "function")
|
|
295
|
-
throw new TypeError(
|
|
296
|
-
s = Ct(s) || 0, st(r) && (
|
|
297
|
-
function
|
|
298
|
-
var
|
|
299
|
-
return e = d = void 0, a = c,
|
|
295
|
+
throw new TypeError(pl);
|
|
296
|
+
s = Ct(s) || 0, st(r) && (h = !!r.leading, m = "maxWait" in r, n = m ? hl(Ct(r.maxWait) || 0, s) : n, u = "trailing" in r ? !!r.trailing : u);
|
|
297
|
+
function S(c) {
|
|
298
|
+
var g = e, j = d;
|
|
299
|
+
return e = d = void 0, a = c, o = t.apply(j, g), o;
|
|
300
300
|
}
|
|
301
|
-
function
|
|
302
|
-
return a = c,
|
|
301
|
+
function W(c) {
|
|
302
|
+
return a = c, l = setTimeout(p, s), h ? S(c) : o;
|
|
303
303
|
}
|
|
304
304
|
function L(c) {
|
|
305
|
-
var
|
|
306
|
-
return
|
|
305
|
+
var g = c - i, j = c - a, _ = s - g;
|
|
306
|
+
return m ? ml(_, n - j) : _;
|
|
307
307
|
}
|
|
308
308
|
function D(c) {
|
|
309
|
-
var
|
|
310
|
-
return i === void 0 ||
|
|
309
|
+
var g = c - i, j = c - a;
|
|
310
|
+
return i === void 0 || g >= s || g < 0 || m && j >= n;
|
|
311
311
|
}
|
|
312
|
-
function
|
|
312
|
+
function p() {
|
|
313
313
|
var c = nt();
|
|
314
314
|
if (D(c))
|
|
315
|
-
return
|
|
316
|
-
|
|
315
|
+
return V(c);
|
|
316
|
+
l = setTimeout(p, L(c));
|
|
317
317
|
}
|
|
318
|
-
function
|
|
319
|
-
return
|
|
318
|
+
function V(c) {
|
|
319
|
+
return l = void 0, u && e ? S(c) : (e = d = void 0, o);
|
|
320
320
|
}
|
|
321
|
-
function
|
|
322
|
-
|
|
321
|
+
function H() {
|
|
322
|
+
l !== void 0 && clearTimeout(l), a = 0, e = i = d = l = void 0;
|
|
323
323
|
}
|
|
324
|
-
function
|
|
325
|
-
return
|
|
324
|
+
function I() {
|
|
325
|
+
return l === void 0 ? o : V(nt());
|
|
326
326
|
}
|
|
327
327
|
function v() {
|
|
328
|
-
var c = nt(),
|
|
329
|
-
if (e = arguments, d = this, i = c,
|
|
330
|
-
if (
|
|
331
|
-
return
|
|
332
|
-
if (
|
|
333
|
-
return clearTimeout(
|
|
328
|
+
var c = nt(), g = D(c);
|
|
329
|
+
if (e = arguments, d = this, i = c, g) {
|
|
330
|
+
if (l === void 0)
|
|
331
|
+
return W(i);
|
|
332
|
+
if (m)
|
|
333
|
+
return clearTimeout(l), l = setTimeout(p, s), S(i);
|
|
334
334
|
}
|
|
335
|
-
return
|
|
335
|
+
return l === void 0 && (l = setTimeout(p, s)), o;
|
|
336
336
|
}
|
|
337
|
-
return v.cancel =
|
|
337
|
+
return v.cancel = H, v.flush = I, v;
|
|
338
338
|
}
|
|
339
339
|
let Me = null;
|
|
340
340
|
function gl() {
|
|
@@ -349,7 +349,7 @@ function bt(t) {
|
|
|
349
349
|
function Rt() {
|
|
350
350
|
Me && (Me.closeMenu(), Me = null);
|
|
351
351
|
}
|
|
352
|
-
const
|
|
352
|
+
const ke = {
|
|
353
353
|
defaultDirection: "br",
|
|
354
354
|
defaultMinWidth: 100,
|
|
355
355
|
defaultMaxWidth: 600,
|
|
@@ -381,16 +381,16 @@ function Lt(t) {
|
|
|
381
381
|
if (s) {
|
|
382
382
|
const d = typeof s == "function" ? s() : s;
|
|
383
383
|
if (d) {
|
|
384
|
-
let
|
|
385
|
-
return
|
|
386
|
-
eleId:
|
|
384
|
+
let n = d.getAttribute("id");
|
|
385
|
+
return n || (n = bl + xl++, d.setAttribute("id", n)), {
|
|
386
|
+
eleId: n,
|
|
387
387
|
container: d,
|
|
388
388
|
isNew: !1
|
|
389
389
|
};
|
|
390
390
|
}
|
|
391
391
|
}
|
|
392
392
|
let e = document.getElementById(rt);
|
|
393
|
-
return e || (e = document.createElement("div"), e.setAttribute("id", rt), e.setAttribute("class", "mx-menu-ghost-host fullscreen"), document.body.appendChild(e)), e.style.zIndex = r?.toString() ||
|
|
393
|
+
return e || (e = document.createElement("div"), e.setAttribute("id", rt), e.setAttribute("class", "mx-menu-ghost-host fullscreen"), document.body.appendChild(e)), e.style.zIndex = r?.toString() || ke.defaultZindex.toString(), {
|
|
394
394
|
eleId: rt,
|
|
395
395
|
container: e,
|
|
396
396
|
isNew: !0
|
|
@@ -407,7 +407,7 @@ function wl(t) {
|
|
|
407
407
|
function xt(t) {
|
|
408
408
|
return typeof t == "number" ? `${t}px` : t;
|
|
409
409
|
}
|
|
410
|
-
const
|
|
410
|
+
const _e = De({
|
|
411
411
|
props: {
|
|
412
412
|
/**
|
|
413
413
|
* Can be VNode or (data: unknown) => VNode
|
|
@@ -433,7 +433,7 @@ function Sl(t, s) {
|
|
|
433
433
|
const r = { ...t };
|
|
434
434
|
return delete r[s], r;
|
|
435
435
|
}
|
|
436
|
-
var
|
|
436
|
+
var _l = Object.defineProperty, kl = (t, s, r) => s in t ? _l(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r, wt = (t, s, r) => kl(t, typeof s != "symbol" ? s + "" : s, r);
|
|
437
437
|
class St {
|
|
438
438
|
constructor(s, r) {
|
|
439
439
|
wt(this, "x", 0), wt(this, "y", 0), this.x = s || 0, this.y = r || 0;
|
|
@@ -445,16 +445,16 @@ class St {
|
|
|
445
445
|
this.x -= s.x, this.y -= s.y;
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
|
-
function
|
|
449
|
-
const { onDown: s, onMove: r, onUp: e } = t, d = new St(),
|
|
450
|
-
let
|
|
451
|
-
function
|
|
452
|
-
a.stopPropagation(),
|
|
448
|
+
function _t(t) {
|
|
449
|
+
const { onDown: s, onMove: r, onUp: e } = t, d = new St(), n = new St();
|
|
450
|
+
let o;
|
|
451
|
+
function l(a) {
|
|
452
|
+
a.stopPropagation(), n.set(a.x, a.y), n.substract(d), r(d, n, a, o);
|
|
453
453
|
}
|
|
454
454
|
function i(a) {
|
|
455
|
-
e(a,
|
|
455
|
+
e(a, o), d.set(0, 0), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", i);
|
|
456
456
|
}
|
|
457
|
-
return (a,
|
|
457
|
+
return (a, h) => s(a, h) ? (o = h, d.set(a.x, a.y), document.addEventListener("mousemove", l), document.addEventListener("mouseup", i), a.stopPropagation(), !0) : !1;
|
|
458
458
|
}
|
|
459
459
|
function Vl(t, s) {
|
|
460
460
|
let r = 0;
|
|
@@ -469,22 +469,22 @@ function Vl(t, s) {
|
|
|
469
469
|
}
|
|
470
470
|
};
|
|
471
471
|
}
|
|
472
|
-
const Ne = [],
|
|
472
|
+
const Ne = [], kt = Vl(100, () => {
|
|
473
473
|
for (const t of Ne)
|
|
474
474
|
t();
|
|
475
475
|
});
|
|
476
476
|
function Ml(t, s, r, e) {
|
|
477
|
-
let d = 0,
|
|
478
|
-
function
|
|
479
|
-
t.value && (s && d !== t.value.offsetWidth && s(t.value.offsetWidth), r &&
|
|
477
|
+
let d = 0, n = 0;
|
|
478
|
+
function o() {
|
|
479
|
+
t.value && (s && d !== t.value.offsetWidth && s(t.value.offsetWidth), r && n !== t.value.offsetHeight && r(t.value.offsetHeight), d = t.value.offsetWidth, n = t.value.offsetHeight);
|
|
480
480
|
}
|
|
481
481
|
return {
|
|
482
482
|
startResizeChecker() {
|
|
483
|
-
|
|
483
|
+
kt.start(), Ne.push(o);
|
|
484
484
|
},
|
|
485
485
|
stopResizeChecker() {
|
|
486
|
-
const
|
|
487
|
-
|
|
486
|
+
const l = Ne.indexOf(o);
|
|
487
|
+
l >= 0 && Ne.splice(l, 1), Ne.length === 0 && kt.stop();
|
|
488
488
|
}
|
|
489
489
|
};
|
|
490
490
|
}
|
|
@@ -556,7 +556,7 @@ const Vt = 140, Il = 70, Ol = /* @__PURE__ */ De({
|
|
|
556
556
|
},
|
|
557
557
|
emits: ["scroll", "resized"],
|
|
558
558
|
setup(t, { expose: s, emit: r }) {
|
|
559
|
-
const e = t, d = r,
|
|
559
|
+
const e = t, d = r, n = b(), o = b(), l = b(), i = b(), a = b(), h = b(), m = b(!1), u = x(() => e.scroll === "horizontal" || e.scroll === "both"), S = x(() => e.scroll === "vertical" || e.scroll === "both"), W = Xe({
|
|
560
560
|
show: !1,
|
|
561
561
|
size: 0,
|
|
562
562
|
sizeRaw: 0,
|
|
@@ -567,145 +567,145 @@ const Vt = 140, Il = 70, Ol = /* @__PURE__ */ De({
|
|
|
567
567
|
sizeRaw: 0,
|
|
568
568
|
pos: 0
|
|
569
569
|
});
|
|
570
|
-
let D = 0,
|
|
570
|
+
let D = 0, p = 0, V = 0, H = 0, I = null;
|
|
571
571
|
const v = { attributes: !0, childList: !0 };
|
|
572
572
|
function c() {
|
|
573
|
-
if (
|
|
574
|
-
if (
|
|
575
|
-
const k =
|
|
576
|
-
|
|
573
|
+
if (n.value) {
|
|
574
|
+
if (W.show) {
|
|
575
|
+
const k = n.value.offsetWidth / n.value.scrollWidth;
|
|
576
|
+
W.sizeRaw = k * n.value.offsetWidth, W.size = k * 100, W.pos = n.value.scrollLeft / (n.value.scrollWidth - n.value.offsetWidth) * (100 - W.size), k >= 1 && (W.show = !1);
|
|
577
577
|
}
|
|
578
578
|
if (L.show) {
|
|
579
|
-
const k =
|
|
580
|
-
L.sizeRaw = k *
|
|
579
|
+
const k = n.value.offsetHeight / n.value.scrollHeight;
|
|
580
|
+
L.sizeRaw = k * n.value.offsetHeight, L.size = k * 100, L.pos = n.value.scrollTop / (n.value.scrollHeight - n.value.offsetHeight) * (100 - L.size), k >= 1 && (L.show = !1);
|
|
581
581
|
}
|
|
582
|
-
d("scroll",
|
|
582
|
+
d("scroll", n.value.scrollLeft, n.value.scrollTop);
|
|
583
583
|
}
|
|
584
584
|
}
|
|
585
|
-
function
|
|
586
|
-
if (!
|
|
585
|
+
function g(k = !1) {
|
|
586
|
+
if (!n.value)
|
|
587
587
|
return;
|
|
588
|
-
let U = u.value,
|
|
589
|
-
const ce = U && (D !==
|
|
588
|
+
let U = u.value, O = S.value;
|
|
589
|
+
const ce = U && (D !== n.value.scrollWidth || V !== n.value.offsetWidth), ye = S && (p !== n.value.scrollHeight || H !== n.value.offsetHeight);
|
|
590
590
|
if (!k && !ce && !ye)
|
|
591
591
|
return;
|
|
592
|
-
const de = window.getComputedStyle(
|
|
593
|
-
(de.overflow === "hidden" || de.overflowX === "hidden") && (U = !1), (de.overflow === "hidden" || de.overflowY === "hidden") && (
|
|
592
|
+
const de = window.getComputedStyle(n.value);
|
|
593
|
+
(de.overflow === "hidden" || de.overflowX === "hidden") && (U = !1), (de.overflow === "hidden" || de.overflowY === "hidden") && (O = !1), W.show = U, L.show = O, c(), V = n.value.offsetWidth, H = n.value.offsetHeight, D = n.value.scrollWidth, p = n.value.scrollHeight, d("resized", D, p);
|
|
594
594
|
}
|
|
595
595
|
function j(k) {
|
|
596
596
|
var U;
|
|
597
|
-
e.scroll == "horizontal" && (k.deltaMode == 0 && ((U =
|
|
598
|
-
left:
|
|
597
|
+
e.scroll == "horizontal" && (k.deltaMode == 0 && ((U = n.value) == null || U.scrollTo({
|
|
598
|
+
left: n.value.scrollLeft + (k.deltaY > 0 ? Vt : -140),
|
|
599
599
|
behavior: "smooth"
|
|
600
600
|
})), k.preventDefault(), k.stopPropagation());
|
|
601
601
|
}
|
|
602
|
-
function
|
|
602
|
+
function _(k) {
|
|
603
603
|
var U;
|
|
604
|
-
k.deltaMode == 0 && ((U =
|
|
605
|
-
left:
|
|
604
|
+
k.deltaMode == 0 && ((U = n.value) == null || U.scrollTo({
|
|
605
|
+
left: n.value.scrollLeft + (k.deltaY > 0 ? Vt : -140),
|
|
606
606
|
behavior: "smooth"
|
|
607
607
|
}), k.preventDefault(), k.stopPropagation());
|
|
608
608
|
}
|
|
609
|
-
function
|
|
609
|
+
function B(k) {
|
|
610
610
|
var U;
|
|
611
|
-
k.deltaMode == 0 && ((U =
|
|
612
|
-
top:
|
|
611
|
+
k.deltaMode == 0 && ((U = n.value) == null || U.scrollTo({
|
|
612
|
+
top: n.value.scrollTop + (k.deltaY > 0 ? Il : -70),
|
|
613
613
|
behavior: "smooth"
|
|
614
614
|
}), k.preventDefault(), k.stopPropagation());
|
|
615
615
|
}
|
|
616
|
-
let
|
|
617
|
-
const f =
|
|
616
|
+
let R = 0, C = 0, Y = 0, T = 0;
|
|
617
|
+
const f = _t({
|
|
618
618
|
onDown(k) {
|
|
619
|
-
return !
|
|
619
|
+
return !l.value || !a.value ? !1 : (R = k.offsetX, C = k.x - k.offsetX - a.value.offsetLeft, k.preventDefault(), m.value = !0, !0);
|
|
620
620
|
},
|
|
621
|
-
onMove(k, U,
|
|
622
|
-
|
|
621
|
+
onMove(k, U, O) {
|
|
622
|
+
n.value && l.value && (F(O.x - R - C), O.preventDefault(), O.stopPropagation());
|
|
623
623
|
},
|
|
624
624
|
onUp() {
|
|
625
|
-
|
|
625
|
+
m.value = !1;
|
|
626
626
|
}
|
|
627
|
-
}),
|
|
627
|
+
}), y = _t({
|
|
628
628
|
onDown(k) {
|
|
629
|
-
return !i.value || !
|
|
629
|
+
return !i.value || !h.value ? !1 : (Y = k.offsetY, T = k.y - k.offsetY - h.value.offsetTop, k.preventDefault(), m.value = !0, !0);
|
|
630
630
|
},
|
|
631
|
-
onMove(k, U,
|
|
632
|
-
|
|
631
|
+
onMove(k, U, O) {
|
|
632
|
+
n.value && i.value && (X(O.y - Y - T), O.preventDefault(), O.stopPropagation());
|
|
633
633
|
},
|
|
634
634
|
onUp() {
|
|
635
|
-
|
|
635
|
+
m.value = !1;
|
|
636
636
|
}
|
|
637
637
|
});
|
|
638
|
-
function
|
|
639
|
-
|
|
638
|
+
function w(k) {
|
|
639
|
+
n.value && (n.value.scrollLeft = k / 100 * (n.value.scrollWidth - n.value.offsetWidth));
|
|
640
640
|
}
|
|
641
641
|
function z(k) {
|
|
642
|
-
|
|
642
|
+
n.value && (n.value.scrollLeft = k / 100 * (n.value.scrollHeight - n.value.offsetHeight));
|
|
643
643
|
}
|
|
644
644
|
function F(k) {
|
|
645
|
-
|
|
645
|
+
n.value && (n.value.scrollLeft = k / (n.value.offsetWidth - W.sizeRaw) * (n.value.scrollWidth - n.value.offsetWidth));
|
|
646
646
|
}
|
|
647
647
|
function X(k) {
|
|
648
|
-
|
|
648
|
+
n.value && (n.value.scrollTop = k / (n.value.offsetHeight - L.sizeRaw) * (n.value.scrollHeight - n.value.offsetHeight));
|
|
649
649
|
}
|
|
650
|
-
function
|
|
651
|
-
e.scrollBarBackgroundClickable && F(k.offsetX -
|
|
650
|
+
function M(k) {
|
|
651
|
+
e.scrollBarBackgroundClickable && F(k.offsetX - W.sizeRaw / 2);
|
|
652
652
|
}
|
|
653
|
-
function
|
|
653
|
+
function se(k) {
|
|
654
654
|
e.scrollBarBackgroundClickable && X(k.offsetY - L.sizeRaw / 2);
|
|
655
655
|
}
|
|
656
656
|
const {
|
|
657
657
|
startResizeChecker: xe,
|
|
658
658
|
stopResizeChecker: N
|
|
659
659
|
} = Ml(
|
|
660
|
-
|
|
661
|
-
() =>
|
|
662
|
-
() =>
|
|
660
|
+
n,
|
|
661
|
+
() => g(),
|
|
662
|
+
() => g()
|
|
663
663
|
);
|
|
664
664
|
return q(() => {
|
|
665
665
|
Se(() => {
|
|
666
|
-
setTimeout(() =>
|
|
666
|
+
setTimeout(() => g(!0), 200), g(!0), xe(), I = new MutationObserver(() => g()), I.observe(n.value, v);
|
|
667
667
|
});
|
|
668
668
|
}), Z(() => {
|
|
669
|
-
N(),
|
|
669
|
+
N(), I && (I.disconnect(), I = null);
|
|
670
670
|
}), s({
|
|
671
671
|
refreshScrollState() {
|
|
672
|
-
|
|
672
|
+
g(!0);
|
|
673
673
|
},
|
|
674
674
|
getScrollContainer() {
|
|
675
|
-
return
|
|
675
|
+
return n.value;
|
|
676
676
|
},
|
|
677
677
|
scrollTo(k, U) {
|
|
678
|
-
var
|
|
679
|
-
(
|
|
678
|
+
var O;
|
|
679
|
+
(O = n.value) == null || O.scrollTo(k, U);
|
|
680
680
|
},
|
|
681
681
|
scrollToTop() {
|
|
682
682
|
var k;
|
|
683
|
-
(k =
|
|
683
|
+
(k = n.value) == null || k.scrollTo(0, 0);
|
|
684
684
|
},
|
|
685
685
|
scrollToBottom() {
|
|
686
686
|
var k;
|
|
687
|
-
(k =
|
|
687
|
+
(k = n.value) == null || k.scrollTo(n.value.scrollWidth, n.value.scrollHeight);
|
|
688
688
|
}
|
|
689
689
|
}), (k, U) => (P(), K("div", {
|
|
690
690
|
ref_key: "scrollrect",
|
|
691
|
-
ref:
|
|
692
|
-
class:
|
|
691
|
+
ref: o,
|
|
692
|
+
class: Be([
|
|
693
693
|
"vue-scroll-rect",
|
|
694
694
|
t.scrollBarAlwaysShow ? "always-show-scrollbar" : "",
|
|
695
695
|
t.scrollBarBackgroundClickable ? "background-clickable" : "",
|
|
696
|
-
|
|
696
|
+
m.value ? "dragging" : ""
|
|
697
697
|
]),
|
|
698
|
-
style:
|
|
698
|
+
style: Re({
|
|
699
699
|
width: t.width ? `${t.width}px` : void 0,
|
|
700
700
|
height: t.height ? `${t.height}px` : void 0
|
|
701
701
|
}),
|
|
702
702
|
onWheel: j
|
|
703
703
|
}, [
|
|
704
|
-
|
|
704
|
+
ue("div", {
|
|
705
705
|
ref_key: "container",
|
|
706
|
-
ref:
|
|
707
|
-
class:
|
|
708
|
-
style:
|
|
706
|
+
ref: n,
|
|
707
|
+
class: Be(["scroll-content", t.scroll, t.containerClass]),
|
|
708
|
+
style: Re({
|
|
709
709
|
maxWidth: t.maxWidth ? `${t.maxWidth}px` : void 0,
|
|
710
710
|
maxHeight: t.maxHeight ? `${t.maxHeight}px` : void 0,
|
|
711
711
|
...t.containerStyle
|
|
@@ -714,29 +714,29 @@ const Vt = 140, Il = 70, Ol = /* @__PURE__ */ De({
|
|
|
714
714
|
}, [
|
|
715
715
|
Ce(k.$slots, "default")
|
|
716
716
|
], 38),
|
|
717
|
-
|
|
717
|
+
W.show ? Ce(k.$slots, "scrollBarX", {
|
|
718
718
|
key: 0,
|
|
719
|
-
scrollBarValue:
|
|
720
|
-
onScroll:
|
|
719
|
+
scrollBarValue: W,
|
|
720
|
+
onScroll: w
|
|
721
721
|
}, () => [
|
|
722
|
-
|
|
722
|
+
ue("div", {
|
|
723
723
|
ref_key: "scrollBarRefX",
|
|
724
|
-
ref:
|
|
724
|
+
ref: l,
|
|
725
725
|
class: "scrollbar horizontal",
|
|
726
|
-
onClick:
|
|
727
|
-
onWheel:
|
|
726
|
+
onClick: M,
|
|
727
|
+
onWheel: _
|
|
728
728
|
}, [
|
|
729
|
-
|
|
729
|
+
ue("div", {
|
|
730
730
|
class: "thumb",
|
|
731
731
|
ref_key: "scrollBarThumbRefX",
|
|
732
732
|
ref: a,
|
|
733
|
-
style:
|
|
733
|
+
style: Re({ left: `${W.pos}%`, width: `${W.size}%` }),
|
|
734
734
|
onMousedown: U[0] || (U[0] = //@ts-ignore
|
|
735
|
-
(...
|
|
736
|
-
onWheel:
|
|
735
|
+
(...O) => E(f) && E(f)(...O)),
|
|
736
|
+
onWheel: _
|
|
737
737
|
}, null, 36)
|
|
738
738
|
], 544)
|
|
739
|
-
]) :
|
|
739
|
+
]) : ie("", !0),
|
|
740
740
|
L.show ? Ce(k.$slots, "scrollBarY", {
|
|
741
741
|
key: 1,
|
|
742
742
|
scrollBarValue: L,
|
|
@@ -747,20 +747,20 @@ const Vt = 140, Il = 70, Ol = /* @__PURE__ */ De({
|
|
|
747
747
|
ref_key: "scrollBarRefY",
|
|
748
748
|
ref: i,
|
|
749
749
|
class: "scrollbar vertical",
|
|
750
|
-
onClick:
|
|
751
|
-
onWheel:
|
|
750
|
+
onClick: se,
|
|
751
|
+
onWheel: B
|
|
752
752
|
}, [
|
|
753
|
-
|
|
753
|
+
ue("div", {
|
|
754
754
|
class: "thumb",
|
|
755
755
|
ref_key: "scrollBarThumbRefY",
|
|
756
|
-
ref:
|
|
757
|
-
style:
|
|
756
|
+
ref: h,
|
|
757
|
+
style: Re({ top: `${L.pos}%`, height: `${L.size}%` }),
|
|
758
758
|
onMousedown: U[1] || (U[1] = //@ts-ignore
|
|
759
|
-
(...
|
|
760
|
-
onWheel:
|
|
759
|
+
(...O) => E(y) && E(y)(...O)),
|
|
760
|
+
onWheel: B
|
|
761
761
|
}, null, 36)
|
|
762
|
-
], 544)) :
|
|
763
|
-
]) :
|
|
762
|
+
], 544)) : ie("", !0)
|
|
763
|
+
]) : ie("", !0)
|
|
764
764
|
], 38));
|
|
765
765
|
}
|
|
766
766
|
}), dt = (t, s) => {
|
|
@@ -772,21 +772,21 @@ const Vt = 140, Il = 70, Ol = /* @__PURE__ */ De({
|
|
|
772
772
|
class: "mx-checked-mark",
|
|
773
773
|
"aria-hidden": "true",
|
|
774
774
|
viewBox: "0 0 1024 1024"
|
|
775
|
-
}, Hl = /* @__PURE__ */
|
|
775
|
+
}, Hl = /* @__PURE__ */ ue("path", { d: "M129.3,428.6L52,512l345,372.5l575-620.8l-69.5-75L400.4,718.2L129.3,428.6z" }, null, -1), Rl = [
|
|
776
776
|
Hl
|
|
777
777
|
];
|
|
778
778
|
function Ll(t, s) {
|
|
779
779
|
return P(), K("svg", Dl, Rl);
|
|
780
780
|
}
|
|
781
|
-
const Pl = /* @__PURE__ */ dt(Wl, [["render", Ll]]), jl = {},
|
|
781
|
+
const Pl = /* @__PURE__ */ dt(Wl, [["render", Ll]]), jl = {}, Tl = {
|
|
782
782
|
class: "mx-right-arrow",
|
|
783
783
|
"aria-hidden": "true",
|
|
784
784
|
viewBox: "0 0 1024 1024"
|
|
785
|
-
},
|
|
786
|
-
|
|
785
|
+
}, Bl = /* @__PURE__ */ ue("path", { d: "M307.018 49.445c11.517 0 23.032 4.394 31.819 13.18L756.404 480.18c8.439 8.438 13.181 19.885 13.181 31.82s-4.741 23.38-13.181 31.82L338.838 961.376c-17.574 17.573-46.065 17.573-63.64-0.001-17.573-17.573-17.573-46.065 0.001-63.64L660.944 512 275.198 126.265c-17.574-17.573-17.574-46.066-0.001-63.64C283.985 53.839 295.501 49.445 307.018 49.445z" }, null, -1), Al = [
|
|
786
|
+
Bl
|
|
787
787
|
];
|
|
788
788
|
function Fl(t, s) {
|
|
789
|
-
return P(), K("svg",
|
|
789
|
+
return P(), K("svg", Tl, Al);
|
|
790
790
|
}
|
|
791
791
|
const El = /* @__PURE__ */ dt(jl, [["render", Fl]]), zl = { class: "mx-item-row" }, Nl = ["xlink:href"], Kl = {
|
|
792
792
|
key: 1,
|
|
@@ -926,183 +926,183 @@ const El = /* @__PURE__ */ dt(jl, [["render", Fl]]), zl = { class: "mx-item-row"
|
|
|
926
926
|
],
|
|
927
927
|
setup(t, { expose: s, emit: r }) {
|
|
928
928
|
const e = t, d = r, {
|
|
929
|
-
clickHandler:
|
|
930
|
-
clickClose:
|
|
931
|
-
clickableWhenHasChildren:
|
|
929
|
+
clickHandler: n,
|
|
930
|
+
clickClose: o,
|
|
931
|
+
clickableWhenHasChildren: l,
|
|
932
932
|
disabled: i,
|
|
933
933
|
hidden: a,
|
|
934
|
-
label:
|
|
935
|
-
icon:
|
|
934
|
+
label: h,
|
|
935
|
+
icon: m,
|
|
936
936
|
iconFontClass: u,
|
|
937
|
-
showRightArrow:
|
|
938
|
-
shortcut:
|
|
937
|
+
showRightArrow: S,
|
|
938
|
+
shortcut: W,
|
|
939
939
|
hasChildren: L
|
|
940
|
-
} = Ae(e), D = b(!1),
|
|
940
|
+
} = Ae(e), D = b(!1), p = b(!1), V = b(), H = me("globalOptions"), I = me("globalHasSlot"), v = me("globalRenderSlot"), c = me("globalCloseMenu"), g = me("menuContext"), j = x(() => typeof h.value == "string" ? h.value : typeof h.value == "function" ? wl(h.value.toString()) : "MenuItem[unknow]");
|
|
941
941
|
we("MenuItemName", j);
|
|
942
|
-
const
|
|
942
|
+
const _ = {
|
|
943
943
|
getSubMenuInstance: () => {
|
|
944
944
|
},
|
|
945
|
-
showSubMenu: () => D.value ? (
|
|
945
|
+
showSubMenu: () => D.value ? (g.markActiveMenuItem(_, !0), !0) : L.value ? (R(), !0) : !1,
|
|
946
946
|
hideSubMenu: () => {
|
|
947
|
-
|
|
947
|
+
g.closeOtherSubMenu();
|
|
948
948
|
},
|
|
949
949
|
isDisabledOrHidden: () => i.value || a.value,
|
|
950
|
-
getElement: () =>
|
|
951
|
-
focus: () =>
|
|
952
|
-
blur: () =>
|
|
953
|
-
click:
|
|
950
|
+
getElement: () => V.value,
|
|
951
|
+
focus: () => p.value = !0,
|
|
952
|
+
blur: () => p.value = !1,
|
|
953
|
+
click: B
|
|
954
954
|
};
|
|
955
|
-
we("menuItemInstance",
|
|
956
|
-
|
|
957
|
-
let
|
|
958
|
-
const f =
|
|
955
|
+
we("menuItemInstance", _), q(() => {
|
|
956
|
+
g.isMenuItemDataCollectedFlag() ? Se(() => {
|
|
957
|
+
let T = 0;
|
|
958
|
+
const f = g.getElement();
|
|
959
959
|
if (f) {
|
|
960
|
-
let
|
|
961
|
-
for (let
|
|
962
|
-
const z = f.children[
|
|
960
|
+
let y = 0;
|
|
961
|
+
for (let w = 0; w < f.children.length; w++) {
|
|
962
|
+
const z = f.children[w];
|
|
963
963
|
if (z.getAttribute("data-type") === "ContextMenuItem") {
|
|
964
|
-
if (z ===
|
|
965
|
-
|
|
964
|
+
if (z === V.value) {
|
|
965
|
+
T = y;
|
|
966
966
|
break;
|
|
967
967
|
}
|
|
968
|
-
|
|
968
|
+
y++;
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
971
|
}
|
|
972
|
-
|
|
973
|
-
}) :
|
|
972
|
+
g.addChildMenuItem(_, T);
|
|
973
|
+
}) : g.addChildMenuItem(_);
|
|
974
974
|
}), Z(() => {
|
|
975
|
-
|
|
975
|
+
g.removeChildMenuItem(_);
|
|
976
976
|
});
|
|
977
|
-
function T
|
|
977
|
+
function B(T) {
|
|
978
978
|
if (!i.value) {
|
|
979
|
-
if (
|
|
980
|
-
const f =
|
|
981
|
-
if (f.classList.contains("mx-context-no-clickable") ||
|
|
979
|
+
if (T) {
|
|
980
|
+
const f = T.target;
|
|
981
|
+
if (f.classList.contains("mx-context-no-clickable") || H.value.ignoreClickClassName && f.classList.contains(H.value.ignoreClickClassName))
|
|
982
982
|
return;
|
|
983
|
-
if (
|
|
984
|
-
|
|
983
|
+
if (H.value.clickCloseClassName && f.classList.contains(H.value.clickCloseClassName)) {
|
|
984
|
+
T.stopPropagation(), c(e.rawMenuItem);
|
|
985
985
|
return;
|
|
986
986
|
}
|
|
987
987
|
}
|
|
988
|
-
L.value ?
|
|
988
|
+
L.value ? l.value ? (typeof n.value == "function" && n.value(T), d("click", T)) : D.value || R() : (typeof n.value == "function" && n.value(T), d("click", T), o.value && c(e.rawMenuItem));
|
|
989
989
|
}
|
|
990
990
|
}
|
|
991
|
-
function
|
|
992
|
-
|
|
991
|
+
function R(T) {
|
|
992
|
+
p.value = !1, g.checkCloseOtherSubMenuTimeOut() || g.closeOtherSubMenu(), i.value || (g.markActiveMenuItem(_), L.value && (T || g.markThisOpenedByKeyBoard(), g.addOpenedSubMenu(C), D.value = !0, Se(() => d("subMenuOpen", _))));
|
|
993
993
|
}
|
|
994
994
|
function C() {
|
|
995
|
-
|
|
995
|
+
p.value = !1, D.value = !1, d("subMenuClose", _);
|
|
996
996
|
}
|
|
997
997
|
function Y() {
|
|
998
998
|
return {
|
|
999
999
|
disabled: i.value,
|
|
1000
|
-
label:
|
|
1001
|
-
icon:
|
|
1000
|
+
label: h.value,
|
|
1001
|
+
icon: m.value,
|
|
1002
1002
|
iconFontClass: u.value,
|
|
1003
|
-
showRightArrow:
|
|
1004
|
-
clickClose:
|
|
1005
|
-
clickableWhenHasChildren:
|
|
1006
|
-
shortcut:
|
|
1007
|
-
theme:
|
|
1003
|
+
showRightArrow: S.value,
|
|
1004
|
+
clickClose: o.value,
|
|
1005
|
+
clickableWhenHasChildren: l.value,
|
|
1006
|
+
shortcut: W.value,
|
|
1007
|
+
theme: H.value.theme,
|
|
1008
1008
|
isOpen: D,
|
|
1009
1009
|
hasChildren: L,
|
|
1010
|
-
onClick:
|
|
1011
|
-
onMouseEnter:
|
|
1010
|
+
onClick: B,
|
|
1011
|
+
onMouseEnter: R,
|
|
1012
1012
|
closeMenu: c
|
|
1013
1013
|
};
|
|
1014
1014
|
}
|
|
1015
|
-
return s(
|
|
1015
|
+
return s(_), (T, f) => E(a) ? ie("", !0) : (P(), K("div", {
|
|
1016
1016
|
key: 0,
|
|
1017
1017
|
class: "mx-context-menu-item-wrapper",
|
|
1018
1018
|
ref_key: "menuItemRef",
|
|
1019
|
-
ref:
|
|
1019
|
+
ref: V,
|
|
1020
1020
|
"data-type": "ContextMenuItem"
|
|
1021
1021
|
}, [
|
|
1022
|
-
E(
|
|
1022
|
+
E(I)("itemRender") ? (P(), ve(E(_e), {
|
|
1023
1023
|
key: 0,
|
|
1024
1024
|
vnode: () => E(v)("itemRender", Y())
|
|
1025
|
-
}, null, 8, ["vnode"])) : t.customRender ? (P(), ve(E(
|
|
1025
|
+
}, null, 8, ["vnode"])) : t.customRender ? (P(), ve(E(_e), {
|
|
1026
1026
|
key: 1,
|
|
1027
1027
|
vnode: t.customRender,
|
|
1028
1028
|
data: Y()
|
|
1029
1029
|
}, null, 8, ["vnode", "data"])) : (P(), K("div", {
|
|
1030
1030
|
key: 2,
|
|
1031
|
-
class:
|
|
1031
|
+
class: Be([
|
|
1032
1032
|
"mx-context-menu-item",
|
|
1033
1033
|
E(i) ? "disabled" : "",
|
|
1034
|
-
|
|
1034
|
+
p.value ? "keyboard-focus" : "",
|
|
1035
1035
|
t.customClass ? " " + t.customClass : "",
|
|
1036
1036
|
D.value ? "open" : ""
|
|
1037
1037
|
]),
|
|
1038
|
-
onClick:
|
|
1039
|
-
onMouseenter:
|
|
1038
|
+
onClick: B,
|
|
1039
|
+
onMouseenter: R
|
|
1040
1040
|
}, [
|
|
1041
|
-
Ce(
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
class:
|
|
1041
|
+
Ce(T.$slots, "default", {}, () => [
|
|
1042
|
+
ue("div", zl, [
|
|
1043
|
+
ue("div", {
|
|
1044
|
+
class: Be([
|
|
1045
1045
|
"mx-icon-placeholder",
|
|
1046
1046
|
t.preserveIconWidth ? "preserve-width" : ""
|
|
1047
1047
|
])
|
|
1048
1048
|
}, [
|
|
1049
|
-
Ce(
|
|
1050
|
-
E(
|
|
1049
|
+
Ce(T.$slots, "icon", {}, () => [
|
|
1050
|
+
E(I)("itemIconRender") ? (P(), ve(E(_e), {
|
|
1051
1051
|
key: 0,
|
|
1052
1052
|
vnode: () => E(v)("itemIconRender", Y())
|
|
1053
1053
|
}, null, 8, ["vnode"])) : typeof t.svgIcon == "string" && t.svgIcon ? (P(), K("svg", ut({
|
|
1054
1054
|
key: 1,
|
|
1055
1055
|
class: "icon svg"
|
|
1056
1056
|
}, t.svgProps), [
|
|
1057
|
-
|
|
1058
|
-
], 16)) : typeof E(
|
|
1057
|
+
ue("use", { "xlink:href": t.svgIcon }, null, 8, Nl)
|
|
1058
|
+
], 16)) : typeof E(m) != "string" ? (P(), ve(E(_e), {
|
|
1059
1059
|
key: 2,
|
|
1060
|
-
vnode: E(
|
|
1061
|
-
data: E(
|
|
1062
|
-
}, null, 8, ["vnode", "data"])) : typeof E(
|
|
1060
|
+
vnode: E(m),
|
|
1061
|
+
data: E(m)
|
|
1062
|
+
}, null, 8, ["vnode", "data"])) : typeof E(m) == "string" && E(m) !== "" ? (P(), K("i", {
|
|
1063
1063
|
key: 3,
|
|
1064
|
-
class:
|
|
1065
|
-
}, null, 2)) :
|
|
1064
|
+
class: Be(E(m) + " icon " + E(u) + " " + E(H).iconFontClass)
|
|
1065
|
+
}, null, 2)) : ie("", !0)
|
|
1066
1066
|
]),
|
|
1067
|
-
t.checked ? Ce(
|
|
1068
|
-
E(
|
|
1067
|
+
t.checked ? Ce(T.$slots, "check", { key: 0 }, () => [
|
|
1068
|
+
E(I)("itemCheckRender") ? (P(), ve(E(_e), {
|
|
1069
1069
|
key: 0,
|
|
1070
1070
|
vnode: () => E(v)("itemCheckRender", Y())
|
|
1071
|
-
}, null, 8, ["vnode"])) :
|
|
1071
|
+
}, null, 8, ["vnode"])) : ie("", !0),
|
|
1072
1072
|
Ve(Pl)
|
|
1073
|
-
]) :
|
|
1073
|
+
]) : ie("", !0)
|
|
1074
1074
|
], 2),
|
|
1075
|
-
Ce(
|
|
1076
|
-
E(
|
|
1075
|
+
Ce(T.$slots, "label", {}, () => [
|
|
1076
|
+
E(I)("itemLabelRender") ? (P(), ve(E(_e), {
|
|
1077
1077
|
key: 0,
|
|
1078
1078
|
vnode: () => E(v)("itemLabelRender", Y())
|
|
1079
|
-
}, null, 8, ["vnode"])) : typeof E(
|
|
1079
|
+
}, null, 8, ["vnode"])) : typeof E(h) == "string" ? (P(), K("span", Kl, Ie(E(h)), 1)) : (P(), ve(E(_e), {
|
|
1080
1080
|
key: 2,
|
|
1081
|
-
vnode: E(
|
|
1082
|
-
data: E(
|
|
1081
|
+
vnode: E(h),
|
|
1082
|
+
data: E(h)
|
|
1083
1083
|
}, null, 8, ["vnode", "data"]))
|
|
1084
1084
|
])
|
|
1085
1085
|
]),
|
|
1086
|
-
|
|
1087
|
-
E(
|
|
1088
|
-
E(
|
|
1086
|
+
ue("div", Gl, [
|
|
1087
|
+
E(W) || T.$slots.shortcut ? Ce(T.$slots, "shortcut", { key: 0 }, () => [
|
|
1088
|
+
E(I)("itemShortcutRender") ? (P(), ve(E(_e), {
|
|
1089
1089
|
key: 0,
|
|
1090
1090
|
vnode: () => E(v)("itemShortcutRender", Y())
|
|
1091
|
-
}, null, 8, ["vnode"])) :
|
|
1092
|
-
|
|
1093
|
-
]) :
|
|
1094
|
-
E(
|
|
1095
|
-
E(
|
|
1091
|
+
}, null, 8, ["vnode"])) : ie("", !0),
|
|
1092
|
+
ue("span", Ul, Ie(E(W)), 1)
|
|
1093
|
+
]) : ie("", !0),
|
|
1094
|
+
E(S) ? Ce(T.$slots, "rightArrow", { key: 1 }, () => [
|
|
1095
|
+
E(I)("itemRightArrowRender") ? (P(), ve(E(_e), {
|
|
1096
1096
|
key: 0,
|
|
1097
1097
|
vnode: () => E(v)("itemRightArrowRender", Y())
|
|
1098
|
-
}, null, 8, ["vnode"])) :
|
|
1098
|
+
}, null, 8, ["vnode"])) : ie("", !0),
|
|
1099
1099
|
Ve(El)
|
|
1100
|
-
]) :
|
|
1100
|
+
]) : ie("", !0)
|
|
1101
1101
|
])
|
|
1102
1102
|
])
|
|
1103
1103
|
], 34)),
|
|
1104
|
-
Ce(
|
|
1105
|
-
context:
|
|
1104
|
+
Ce(T.$slots, "submenu", {
|
|
1105
|
+
context: _,
|
|
1106
1106
|
show: D.value
|
|
1107
1107
|
})
|
|
1108
1108
|
], 512));
|
|
@@ -1110,7 +1110,7 @@ const El = /* @__PURE__ */ dt(jl, [["render", Fl]]), zl = { class: "mx-item-row"
|
|
|
1110
1110
|
}), Xl = De({
|
|
1111
1111
|
name: "ContextMenuSperator",
|
|
1112
1112
|
components: {
|
|
1113
|
-
VNodeRender:
|
|
1113
|
+
VNodeRender: _e
|
|
1114
1114
|
},
|
|
1115
1115
|
setup() {
|
|
1116
1116
|
const t = me("globalHasSlot"), s = me("globalRenderSlot");
|
|
@@ -1123,9 +1123,9 @@ const El = /* @__PURE__ */ dt(jl, [["render", Fl]]), zl = { class: "mx-item-row"
|
|
|
1123
1123
|
key: 1,
|
|
1124
1124
|
class: "mx-context-menu-item-sperator mx-context-no-clickable"
|
|
1125
1125
|
};
|
|
1126
|
-
function ql(t, s, r, e, d,
|
|
1127
|
-
const
|
|
1128
|
-
return t.globalHasSlot("separatorRender") ? (P(), ve(
|
|
1126
|
+
function ql(t, s, r, e, d, n) {
|
|
1127
|
+
const o = Ye("VNodeRender");
|
|
1128
|
+
return t.globalHasSlot("separatorRender") ? (P(), ve(o, {
|
|
1129
1129
|
key: 0,
|
|
1130
1130
|
vnode: () => t.globalRenderSlot("separatorRender", {})
|
|
1131
1131
|
}, null, 8, ["vnode"])) : (P(), K("div", Yl));
|
|
@@ -1190,28 +1190,28 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1190
1190
|
},
|
|
1191
1191
|
emits: ["closeAnimFinished"],
|
|
1192
1192
|
setup(t, { expose: s, emit: r }) {
|
|
1193
|
-
const e = t, d = r,
|
|
1193
|
+
const e = t, d = r, n = b(!1), o = me("globalGetMenuHostId", ""), l = me("menuContext"), i = me("globalOptions");
|
|
1194
1194
|
me("globalHasSlot"), me("globalRenderSlot");
|
|
1195
|
-
const a = b("UnknowOrRoot"),
|
|
1196
|
-
let c = null,
|
|
1195
|
+
const a = b("UnknowOrRoot"), h = me("MenuItemName", a), { zIndex: m, getParentWidth: u, getParentHeight: S, getZoom: W } = l, { adjustPosition: L } = Ae(e), D = b(), p = b(), V = b(), H = [], I = me("globalSetCurrentSubMenu"), v = [];
|
|
1196
|
+
let c = null, g = 0;
|
|
1197
1197
|
function j() {
|
|
1198
1198
|
c && c.blur();
|
|
1199
1199
|
}
|
|
1200
|
-
function
|
|
1200
|
+
function _(N, k) {
|
|
1201
1201
|
if (N) {
|
|
1202
1202
|
for (let U = k !== void 0 ? k : 0; U < v.length; U++)
|
|
1203
1203
|
if (!v[U].isDisabledOrHidden()) {
|
|
1204
|
-
|
|
1204
|
+
B(U);
|
|
1205
1205
|
break;
|
|
1206
1206
|
}
|
|
1207
1207
|
} else
|
|
1208
1208
|
for (let U = k !== void 0 ? k : v.length - 1; U >= 0; U--)
|
|
1209
1209
|
if (!v[U].isDisabledOrHidden()) {
|
|
1210
|
-
|
|
1210
|
+
B(U);
|
|
1211
1211
|
break;
|
|
1212
1212
|
}
|
|
1213
1213
|
}
|
|
1214
|
-
function
|
|
1214
|
+
function B(N) {
|
|
1215
1215
|
if (c && j(), N !== void 0 && (c = v[Math.max(0, Math.min(N, v.length - 1))]), !c)
|
|
1216
1216
|
return;
|
|
1217
1217
|
c.focus();
|
|
@@ -1222,13 +1222,13 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1222
1222
|
inline: "nearest"
|
|
1223
1223
|
});
|
|
1224
1224
|
}
|
|
1225
|
-
function
|
|
1226
|
-
|
|
1225
|
+
function R() {
|
|
1226
|
+
I(C);
|
|
1227
1227
|
}
|
|
1228
1228
|
const C = {
|
|
1229
|
-
el:
|
|
1230
|
-
name:
|
|
1231
|
-
isTopLevel: () =>
|
|
1229
|
+
el: V,
|
|
1230
|
+
name: h,
|
|
1231
|
+
isTopLevel: () => l.getParentContext() === null,
|
|
1232
1232
|
closeSelfAndActiveParent: () => {
|
|
1233
1233
|
const N = f.getParentContext();
|
|
1234
1234
|
if (N) {
|
|
@@ -1243,41 +1243,41 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1243
1243
|
var N;
|
|
1244
1244
|
return (N = f.getParentContext()) == null ? void 0 : N.closeOtherSubMenu();
|
|
1245
1245
|
},
|
|
1246
|
-
moveCurrentItemFirst: () =>
|
|
1247
|
-
moveCurrentItemLast: () =>
|
|
1248
|
-
moveCurrentItemDown: () =>
|
|
1249
|
-
moveCurrentItemUp: () =>
|
|
1250
|
-
focusCurrentItem: () =>
|
|
1246
|
+
moveCurrentItemFirst: () => _(!0),
|
|
1247
|
+
moveCurrentItemLast: () => _(!1),
|
|
1248
|
+
moveCurrentItemDown: () => _(!0, c ? v.indexOf(c) + 1 : 0),
|
|
1249
|
+
moveCurrentItemUp: () => _(!1, c ? v.indexOf(c) - 1 : 0),
|
|
1250
|
+
focusCurrentItem: () => B(),
|
|
1251
1251
|
openCurrentItemSubMenu: () => c ? c?.showSubMenu() : !1,
|
|
1252
1252
|
triggerCurrentItemClick: (N) => c?.click(N)
|
|
1253
1253
|
};
|
|
1254
|
-
let Y = !1,
|
|
1254
|
+
let Y = !1, T = !1;
|
|
1255
1255
|
const f = {
|
|
1256
|
-
zIndex:
|
|
1257
|
-
container:
|
|
1258
|
-
adjustPadding: i.value.adjustPadding ||
|
|
1256
|
+
zIndex: m + 1,
|
|
1257
|
+
container: l.container,
|
|
1258
|
+
adjustPadding: i.value.adjustPadding || ke.defaultAdjustPadding,
|
|
1259
1259
|
getParentWidth: () => {
|
|
1260
1260
|
var N;
|
|
1261
|
-
return ((N =
|
|
1261
|
+
return ((N = V.value) == null ? void 0 : N.offsetWidth) || 0;
|
|
1262
1262
|
},
|
|
1263
1263
|
getParentHeight: () => {
|
|
1264
1264
|
var N;
|
|
1265
|
-
return ((N =
|
|
1265
|
+
return ((N = V.value) == null ? void 0 : N.offsetHeight) || 0;
|
|
1266
1266
|
},
|
|
1267
|
-
getPositon: () => [
|
|
1268
|
-
getZoom: () => i.value.zoom ||
|
|
1267
|
+
getPositon: () => [M.value.x, M.value.y],
|
|
1268
|
+
getZoom: () => i.value.zoom || ke.defaultZoom,
|
|
1269
1269
|
addOpenedSubMenu(N) {
|
|
1270
|
-
|
|
1270
|
+
H.push(N);
|
|
1271
1271
|
},
|
|
1272
1272
|
closeOtherSubMenu() {
|
|
1273
|
-
|
|
1273
|
+
H.forEach((N) => N()), H.splice(0, H.length), I(C);
|
|
1274
1274
|
},
|
|
1275
1275
|
checkCloseOtherSubMenuTimeOut() {
|
|
1276
|
-
return
|
|
1276
|
+
return g ? (clearTimeout(g), g = 0, !0) : !1;
|
|
1277
1277
|
},
|
|
1278
1278
|
closeOtherSubMenuWithTimeOut() {
|
|
1279
|
-
|
|
1280
|
-
|
|
1279
|
+
g = setTimeout(() => {
|
|
1280
|
+
g = 0, this.closeOtherSubMenu();
|
|
1281
1281
|
}, 200);
|
|
1282
1282
|
},
|
|
1283
1283
|
addChildMenuItem: (N, k) => {
|
|
@@ -1288,26 +1288,26 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1288
1288
|
};
|
|
1289
1289
|
},
|
|
1290
1290
|
markActiveMenuItem: (N, k = !1) => {
|
|
1291
|
-
j(), c = N, k &&
|
|
1291
|
+
j(), c = N, k && B();
|
|
1292
1292
|
},
|
|
1293
1293
|
markThisOpenedByKeyBoard: () => {
|
|
1294
1294
|
Y = !0;
|
|
1295
1295
|
},
|
|
1296
1296
|
isOpenedByKeyBoardFlag: () => Y ? (Y = !1, !0) : !1,
|
|
1297
|
-
isMenuItemDataCollectedFlag: () =>
|
|
1298
|
-
getElement: () =>
|
|
1299
|
-
getParentContext: () =>
|
|
1297
|
+
isMenuItemDataCollectedFlag: () => T,
|
|
1298
|
+
getElement: () => V.value || null,
|
|
1299
|
+
getParentContext: () => l,
|
|
1300
1300
|
getSubMenuInstanceContext: () => C
|
|
1301
1301
|
};
|
|
1302
1302
|
we("menuContext", f);
|
|
1303
|
-
const
|
|
1303
|
+
const y = {
|
|
1304
1304
|
getChildItem: (N) => v[N],
|
|
1305
|
-
getMenuDimensions: () =>
|
|
1306
|
-
width:
|
|
1307
|
-
height:
|
|
1305
|
+
getMenuDimensions: () => p.value ? {
|
|
1306
|
+
width: p.value.offsetWidth,
|
|
1307
|
+
height: p.value.offsetHeight
|
|
1308
1308
|
} : { width: 0, height: 0 },
|
|
1309
|
-
getSubmenuRoot: () =>
|
|
1310
|
-
getMenu: () =>
|
|
1309
|
+
getSubmenuRoot: () => p.value,
|
|
1310
|
+
getMenu: () => V.value,
|
|
1311
1311
|
getScrollValue: () => {
|
|
1312
1312
|
var N, k;
|
|
1313
1313
|
return ((k = (N = D.value) == null ? void 0 : N.getScrollContainer()) == null ? void 0 : k.scrollTop) || 0;
|
|
@@ -1318,40 +1318,40 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1318
1318
|
},
|
|
1319
1319
|
getScrollHeight: () => z.value,
|
|
1320
1320
|
adjustPosition: () => {
|
|
1321
|
-
|
|
1321
|
+
se();
|
|
1322
1322
|
},
|
|
1323
1323
|
getMaxHeight: () => F.value,
|
|
1324
|
-
getPosition: () =>
|
|
1324
|
+
getPosition: () => M.value,
|
|
1325
1325
|
setPosition: (N, k) => {
|
|
1326
|
-
|
|
1326
|
+
M.value.x = N, M.value.y = k;
|
|
1327
1327
|
}
|
|
1328
|
-
},
|
|
1329
|
-
|
|
1330
|
-
const z = b(0), F = b(0), X = b(!1),
|
|
1331
|
-
function
|
|
1328
|
+
}, w = me("menuItemInstance", void 0);
|
|
1329
|
+
w && (w.getSubMenuInstance = () => y);
|
|
1330
|
+
const z = b(0), F = b(0), X = b(!1), M = b({ x: 0, y: 0 });
|
|
1331
|
+
function se() {
|
|
1332
1332
|
Se(() => {
|
|
1333
|
-
const N =
|
|
1333
|
+
const N = V.value, k = p.value;
|
|
1334
1334
|
if (N && k && D.value) {
|
|
1335
|
-
const { container: U } =
|
|
1336
|
-
let
|
|
1337
|
-
e.direction.includes("l") ?
|
|
1338
|
-
var
|
|
1339
|
-
|
|
1340
|
-
const
|
|
1341
|
-
z.value = e.maxHeight ? Math.min(
|
|
1342
|
-
const ot =
|
|
1343
|
-
if (X.value =
|
|
1344
|
-
const Fe =
|
|
1345
|
-
Fe > Ee ?
|
|
1335
|
+
const { container: U } = l, O = u?.() ?? 0, ce = S?.() ?? 0, ye = getComputedStyle(k), de = parseFloat(ye.paddingLeft), He = parseFloat(ye.paddingTop), Pe = ce > 0 ? He : 0, qe = document.documentElement.scrollHeight / W(), Ze = document.documentElement.scrollWidth / W(), Qe = Math.min(Ze, U.offsetWidth), lt = Math.min(qe, U.offsetHeight);
|
|
1336
|
+
let je = Ge(N, U), G = Ke(N, U);
|
|
1337
|
+
e.direction.includes("l") ? M.value.x -= N.offsetWidth + de : e.direction.includes("r") ? M.value.x += O + de : (M.value.x += O / 2, M.value.x -= (N.offsetWidth + de) / 2), e.direction.includes("t") ? M.value.y -= (N.offsetHeight + He * 2) / W() : e.direction.includes("b") ? M.value.y -= He / W() : M.value.y -= (N.offsetHeight + He) / 2 / W(), Se(() => {
|
|
1338
|
+
var ae, fe;
|
|
1339
|
+
je = Ge(N, U), G = Ke(N, U);
|
|
1340
|
+
const he = ((fe = (ae = D.value) == null ? void 0 : ae.getScrollContainer()) == null ? void 0 : fe.scrollHeight) || 0, Te = e.maxHeight;
|
|
1341
|
+
z.value = e.maxHeight ? Math.min(he, e.maxHeight) : he;
|
|
1342
|
+
const ot = je + N.offsetWidth - Qe, pt = G + z.value + Pe * 2 - lt;
|
|
1343
|
+
if (X.value = pt > 0, L.value && ot > 0) {
|
|
1344
|
+
const Fe = O + N.offsetWidth - de, Ee = je;
|
|
1345
|
+
Fe > Ee ? M.value.x -= Ee : M.value.x -= Fe;
|
|
1346
1346
|
}
|
|
1347
1347
|
if (X.value) {
|
|
1348
1348
|
if (L.value) {
|
|
1349
|
-
const Fe =
|
|
1350
|
-
Fe > Ee ?
|
|
1349
|
+
const Fe = pt, Ee = G;
|
|
1350
|
+
Fe > Ee ? M.value.y -= Ee - Pe : M.value.y -= Fe - Pe;
|
|
1351
1351
|
}
|
|
1352
|
-
F.value = lt - (
|
|
1352
|
+
F.value = lt - (M.value.y + He);
|
|
1353
1353
|
} else
|
|
1354
|
-
F.value =
|
|
1354
|
+
F.value = Te || 0;
|
|
1355
1355
|
});
|
|
1356
1356
|
}
|
|
1357
1357
|
});
|
|
@@ -1360,40 +1360,40 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1360
1360
|
var N;
|
|
1361
1361
|
const k = (N = e.parentMenuItemContext) == null ? void 0 : N.getElement();
|
|
1362
1362
|
if (k) {
|
|
1363
|
-
const U = Ge(k,
|
|
1364
|
-
|
|
1363
|
+
const U = Ge(k, l.container), O = Ke(k, l.container);
|
|
1364
|
+
M.value.x = U, M.value.y = O;
|
|
1365
1365
|
} else {
|
|
1366
|
-
const [U,
|
|
1367
|
-
|
|
1366
|
+
const [U, O] = l.getPositon();
|
|
1367
|
+
M.value.x = U, M.value.y = O;
|
|
1368
1368
|
}
|
|
1369
1369
|
Se(() => {
|
|
1370
1370
|
var U;
|
|
1371
|
-
|
|
1372
|
-
}),
|
|
1371
|
+
I(C), (U = V.value) == null || U.focus({ preventScroll: !0 }), l.isOpenedByKeyBoardFlag() && Se(() => _(!0)), T = !0;
|
|
1372
|
+
}), se();
|
|
1373
1373
|
}
|
|
1374
1374
|
return A(() => e.show, (N) => {
|
|
1375
1375
|
N && xe();
|
|
1376
1376
|
}), q(() => {
|
|
1377
|
-
|
|
1377
|
+
n.value = !0, e.show ? xe() : se();
|
|
1378
1378
|
}), Z(() => {
|
|
1379
|
-
|
|
1379
|
+
n.value = !1, w && (w.getSubMenuInstance = () => {
|
|
1380
1380
|
});
|
|
1381
|
-
}), s(
|
|
1381
|
+
}), s(y), (N, k) => {
|
|
1382
1382
|
const U = Ye("ContextSubMenu", !0);
|
|
1383
|
-
return
|
|
1383
|
+
return n.value ? (P(), ve(It, {
|
|
1384
1384
|
key: 0,
|
|
1385
|
-
to: `#${E(
|
|
1385
|
+
to: `#${E(o)}`
|
|
1386
1386
|
}, [
|
|
1387
|
-
Ve(
|
|
1387
|
+
Ve(Tt, ut({ appear: "" }, E(i).menuTransitionProps || {
|
|
1388
1388
|
duration: 10
|
|
1389
1389
|
}, {
|
|
1390
|
-
onAfterLeave: k[0] || (k[0] = (
|
|
1390
|
+
onAfterLeave: k[0] || (k[0] = (O) => d("closeAnimFinished"))
|
|
1391
1391
|
}), {
|
|
1392
|
-
default:
|
|
1392
|
+
default: Le(() => [
|
|
1393
1393
|
t.show ? (P(), K("div", ut({
|
|
1394
1394
|
key: 0,
|
|
1395
1395
|
ref_key: "submenuRoot",
|
|
1396
|
-
ref:
|
|
1396
|
+
ref: p
|
|
1397
1397
|
}, N.$attrs, {
|
|
1398
1398
|
class: [
|
|
1399
1399
|
"mx-context-menu",
|
|
@@ -1401,14 +1401,14 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1401
1401
|
E(i).theme ?? ""
|
|
1402
1402
|
],
|
|
1403
1403
|
style: {
|
|
1404
|
-
maxWidth: t.maxWidth ? E(xt)(t.maxWidth) : `${E(
|
|
1405
|
-
minWidth: t.minWidth ? E(xt)(t.minWidth) : `${E(
|
|
1406
|
-
zIndex: E(
|
|
1407
|
-
left: `${
|
|
1408
|
-
top: `${
|
|
1404
|
+
maxWidth: t.maxWidth ? E(xt)(t.maxWidth) : `${E(ke).defaultMaxWidth}px`,
|
|
1405
|
+
minWidth: t.minWidth ? E(xt)(t.minWidth) : `${E(ke).defaultMinWidth}px`,
|
|
1406
|
+
zIndex: E(m),
|
|
1407
|
+
left: `${M.value.x}px`,
|
|
1408
|
+
top: `${M.value.y}px`
|
|
1409
1409
|
},
|
|
1410
1410
|
"data-type": "ContextSubMenu",
|
|
1411
|
-
onClick:
|
|
1411
|
+
onClick: R
|
|
1412
1412
|
}), [
|
|
1413
1413
|
Ve(E(Ol), {
|
|
1414
1414
|
ref_key: "scrollRectRef",
|
|
@@ -1417,73 +1417,73 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1417
1417
|
maxHeight: F.value,
|
|
1418
1418
|
containerClass: "mx-context-menu-scroll"
|
|
1419
1419
|
}, {
|
|
1420
|
-
default:
|
|
1421
|
-
|
|
1422
|
-
class:
|
|
1420
|
+
default: Le(() => [
|
|
1421
|
+
ue("div", {
|
|
1422
|
+
class: Be(["mx-context-menu-items"]),
|
|
1423
1423
|
ref_key: "menu",
|
|
1424
|
-
ref:
|
|
1424
|
+
ref: V
|
|
1425
1425
|
}, [
|
|
1426
1426
|
Ce(N.$slots, "default", {}, () => [
|
|
1427
|
-
(P(!0), K(at, null, ct(t.items, (
|
|
1428
|
-
|
|
1429
|
-
|
|
1427
|
+
(P(!0), K(at, null, ct(t.items, (O, ce) => (P(), K(at, { key: ce }, [
|
|
1428
|
+
O.hidden !== !0 && O.divided === "up" ? (P(), ve(Ue, { key: 0 })) : ie("", !0),
|
|
1429
|
+
O.hidden !== !0 && O.divided === "self" ? (P(), ve(Ue, { key: 1 })) : (P(), ve(ft, {
|
|
1430
1430
|
key: 2,
|
|
1431
|
-
clickHandler:
|
|
1432
|
-
disabled: typeof
|
|
1433
|
-
hidden: typeof
|
|
1434
|
-
icon:
|
|
1435
|
-
iconFontClass:
|
|
1436
|
-
svgIcon:
|
|
1437
|
-
svgProps:
|
|
1438
|
-
label:
|
|
1439
|
-
customRender:
|
|
1440
|
-
customClass:
|
|
1441
|
-
checked: typeof
|
|
1442
|
-
shortcut:
|
|
1443
|
-
clickClose:
|
|
1444
|
-
clickableWhenHasChildren:
|
|
1445
|
-
preserveIconWidth:
|
|
1446
|
-
showRightArrow:
|
|
1447
|
-
hasChildren:
|
|
1448
|
-
rawMenuItem:
|
|
1431
|
+
clickHandler: O.onClick ? (ye) => O.onClick(ye) : void 0,
|
|
1432
|
+
disabled: typeof O.disabled == "object" ? O.disabled.value : O.disabled,
|
|
1433
|
+
hidden: typeof O.hidden == "object" ? O.hidden.value : O.hidden,
|
|
1434
|
+
icon: O.icon,
|
|
1435
|
+
iconFontClass: O.iconFontClass,
|
|
1436
|
+
svgIcon: O.svgIcon,
|
|
1437
|
+
svgProps: O.svgProps,
|
|
1438
|
+
label: O.label,
|
|
1439
|
+
customRender: O.customRender,
|
|
1440
|
+
customClass: O.customClass,
|
|
1441
|
+
checked: typeof O.checked == "object" ? O.checked.value : O.checked,
|
|
1442
|
+
shortcut: O.shortcut,
|
|
1443
|
+
clickClose: O.clickClose,
|
|
1444
|
+
clickableWhenHasChildren: O.clickableWhenHasChildren,
|
|
1445
|
+
preserveIconWidth: O.preserveIconWidth !== void 0 ? O.preserveIconWidth : E(i).preserveIconWidth,
|
|
1446
|
+
showRightArrow: O.children && O.children.length > 0,
|
|
1447
|
+
hasChildren: O.children && O.children.length > 0,
|
|
1448
|
+
rawMenuItem: O,
|
|
1449
1449
|
onSubMenuOpen: (ye) => {
|
|
1450
1450
|
var de;
|
|
1451
|
-
return (de =
|
|
1451
|
+
return (de = O.onSubMenuOpen) == null ? void 0 : de.call(O, ye);
|
|
1452
1452
|
},
|
|
1453
1453
|
onSubMenuClose: (ye) => {
|
|
1454
1454
|
var de;
|
|
1455
|
-
return (de =
|
|
1455
|
+
return (de = O.onSubMenuClose) == null ? void 0 : de.call(O, ye);
|
|
1456
1456
|
}
|
|
1457
1457
|
}, Ot({ _: 2 }, [
|
|
1458
|
-
|
|
1458
|
+
O.children && O.children.length > 0 ? {
|
|
1459
1459
|
name: "submenu",
|
|
1460
|
-
fn:
|
|
1460
|
+
fn: Le(({ context: ye, show: de }) => [
|
|
1461
1461
|
Ve(U, {
|
|
1462
1462
|
show: de,
|
|
1463
1463
|
parentMenuItemContext: ye,
|
|
1464
|
-
items:
|
|
1465
|
-
maxWidth:
|
|
1466
|
-
minWidth:
|
|
1467
|
-
maxHeight:
|
|
1468
|
-
adjustPosition:
|
|
1469
|
-
direction:
|
|
1464
|
+
items: O.children,
|
|
1465
|
+
maxWidth: O.maxWidth,
|
|
1466
|
+
minWidth: O.minWidth,
|
|
1467
|
+
maxHeight: O.maxHeight,
|
|
1468
|
+
adjustPosition: O.adjustSubMenuPosition !== void 0 ? O.adjustSubMenuPosition : E(i).adjustPosition,
|
|
1469
|
+
direction: O.direction !== void 0 ? O.direction : E(i).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
|
-
|
|
1475
|
+
O.hidden !== !0 && (O.divided === "down" || O.divided === !0) ? (P(), ve(Ue, { key: 3 })) : ie("", !0)
|
|
1476
1476
|
], 64))), 128))
|
|
1477
1477
|
])
|
|
1478
1478
|
], 512)
|
|
1479
1479
|
]),
|
|
1480
1480
|
_: 3
|
|
1481
1481
|
}, 8, ["maxHeight"])
|
|
1482
|
-
], 16)) :
|
|
1482
|
+
], 16)) : ie("", !0)
|
|
1483
1483
|
]),
|
|
1484
1484
|
_: 3
|
|
1485
1485
|
}, 16)
|
|
1486
|
-
], 8, ["to"])) :
|
|
1486
|
+
], 8, ["to"])) : ie("", !0);
|
|
1487
1487
|
};
|
|
1488
1488
|
}
|
|
1489
1489
|
}), Pt = /* @__PURE__ */ De({
|
|
@@ -1520,8 +1520,8 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1520
1520
|
},
|
|
1521
1521
|
emits: ["close", "closeAnimFinished"],
|
|
1522
1522
|
setup(t, { expose: s, emit: r }) {
|
|
1523
|
-
const e = t, d = r,
|
|
1524
|
-
options:
|
|
1523
|
+
const e = t, d = r, n = Wt(), o = b(), {
|
|
1524
|
+
options: l,
|
|
1525
1525
|
show: i,
|
|
1526
1526
|
container: a
|
|
1527
1527
|
} = Ae(e);
|
|
@@ -1530,95 +1530,95 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1530
1530
|
}), Z(() => {
|
|
1531
1531
|
D();
|
|
1532
1532
|
}), A(i, (c) => {
|
|
1533
|
-
c ? u() : (bt(
|
|
1533
|
+
c ? u() : (bt(h), D());
|
|
1534
1534
|
});
|
|
1535
|
-
const
|
|
1536
|
-
closeMenu:
|
|
1537
|
-
isClosed:
|
|
1538
|
-
getMenuRef: () =>
|
|
1535
|
+
const h = {
|
|
1536
|
+
closeMenu: S,
|
|
1537
|
+
isClosed: W,
|
|
1538
|
+
getMenuRef: () => o.value,
|
|
1539
1539
|
getMenuDimensions: () => {
|
|
1540
1540
|
var c;
|
|
1541
|
-
return ((c =
|
|
1541
|
+
return ((c = o.value) == null ? void 0 : c.getMenuDimensions()) ?? { width: 0, height: 0 };
|
|
1542
1542
|
}
|
|
1543
1543
|
};
|
|
1544
|
-
let
|
|
1544
|
+
let m = !1;
|
|
1545
1545
|
function u() {
|
|
1546
|
-
L(), yl(
|
|
1546
|
+
L(), yl(h);
|
|
1547
1547
|
}
|
|
1548
|
-
function
|
|
1549
|
-
|
|
1548
|
+
function S(c) {
|
|
1549
|
+
m = !0, d("close", c), l.value.menuTransitionProps || d("closeAnimFinished"), bt(h);
|
|
1550
1550
|
}
|
|
1551
|
-
function
|
|
1552
|
-
return
|
|
1551
|
+
function W() {
|
|
1552
|
+
return m;
|
|
1553
1553
|
}
|
|
1554
1554
|
function L() {
|
|
1555
1555
|
setTimeout(() => {
|
|
1556
|
-
document.addEventListener("click",
|
|
1556
|
+
document.addEventListener("click", I, !0), document.addEventListener("contextmenu", I, !0), document.addEventListener("scroll", H, !0), !e.isFullScreenContainer && a.value && a.value.addEventListener("scroll", H, !0), l.value.keyboardControl !== !1 && document.addEventListener("keydown", V, !0);
|
|
1557
1557
|
}, 50);
|
|
1558
1558
|
}
|
|
1559
1559
|
function D() {
|
|
1560
|
-
document.removeEventListener("contextmenu",
|
|
1560
|
+
document.removeEventListener("contextmenu", I, !0), document.removeEventListener("click", I, !0), document.removeEventListener("scroll", H, !0), !e.isFullScreenContainer && a.value && a.value.removeEventListener("scroll", H, !0), l.value.keyboardControl !== !1 && document.removeEventListener("keydown", V, !0);
|
|
1561
1561
|
}
|
|
1562
|
-
const
|
|
1563
|
-
we("globalSetCurrentSubMenu", (c) =>
|
|
1564
|
-
function
|
|
1565
|
-
var
|
|
1562
|
+
const p = b();
|
|
1563
|
+
we("globalSetCurrentSubMenu", (c) => p.value = c), we("globalGetMenuHostId", a.value.id);
|
|
1564
|
+
function V(c) {
|
|
1565
|
+
var g, j, _, B, R, C, Y, T, f, y, w, z, F;
|
|
1566
1566
|
let X = !0;
|
|
1567
1567
|
switch (c.key) {
|
|
1568
1568
|
case "Escape": {
|
|
1569
|
-
((
|
|
1569
|
+
((g = p.value) == null ? void 0 : g.isTopLevel()) === !1 ? (j = p.value) == null || j.closeCurrentSubMenu() : S();
|
|
1570
1570
|
break;
|
|
1571
1571
|
}
|
|
1572
1572
|
case "ArrowDown":
|
|
1573
|
-
(
|
|
1573
|
+
(_ = p.value) == null || _.moveCurrentItemDown();
|
|
1574
1574
|
break;
|
|
1575
1575
|
case "ArrowUp":
|
|
1576
|
-
(
|
|
1576
|
+
(B = p.value) == null || B.moveCurrentItemUp();
|
|
1577
1577
|
break;
|
|
1578
1578
|
case "Home":
|
|
1579
|
-
(
|
|
1579
|
+
(R = p.value) == null || R.moveCurrentItemFirst();
|
|
1580
1580
|
break;
|
|
1581
1581
|
case "End":
|
|
1582
|
-
(C =
|
|
1582
|
+
(C = p.value) == null || C.moveCurrentItemLast();
|
|
1583
1583
|
break;
|
|
1584
1584
|
case "ArrowLeft": {
|
|
1585
|
-
(Y =
|
|
1585
|
+
(Y = p.value) != null && Y.closeSelfAndActiveParent() || (f = (T = l.value).onKeyFocusMoveLeft) == null || f.call(T);
|
|
1586
1586
|
break;
|
|
1587
1587
|
}
|
|
1588
1588
|
case "ArrowRight":
|
|
1589
|
-
(
|
|
1589
|
+
(y = p.value) != null && y.openCurrentItemSubMenu() || (z = (w = l.value).onKeyFocusMoveRight) == null || z.call(w);
|
|
1590
1590
|
break;
|
|
1591
1591
|
case "Enter":
|
|
1592
|
-
(F =
|
|
1592
|
+
(F = p.value) == null || F.triggerCurrentItemClick(c);
|
|
1593
1593
|
break;
|
|
1594
1594
|
default:
|
|
1595
1595
|
X = !1;
|
|
1596
1596
|
break;
|
|
1597
1597
|
}
|
|
1598
|
-
X &&
|
|
1598
|
+
X && p.value && (c.stopPropagation(), c.preventDefault());
|
|
1599
1599
|
}
|
|
1600
|
-
function
|
|
1601
|
-
|
|
1600
|
+
function H(c) {
|
|
1601
|
+
l.value.closeWhenScroll !== !1 && v(c.target, null);
|
|
1602
1602
|
}
|
|
1603
|
-
function
|
|
1603
|
+
function I(c) {
|
|
1604
1604
|
v(c.target, c);
|
|
1605
1605
|
}
|
|
1606
|
-
function v(c,
|
|
1607
|
-
for (var j,
|
|
1606
|
+
function v(c, g) {
|
|
1607
|
+
for (var j, _; c; ) {
|
|
1608
1608
|
if (c.classList && c.classList.contains("mx-context-menu"))
|
|
1609
1609
|
return;
|
|
1610
1610
|
c = c.parentNode;
|
|
1611
1611
|
}
|
|
1612
|
-
|
|
1612
|
+
g ? l.value.clickCloseOnOutside !== !1 ? (D(), S()) : (_ = (j = l.value).onClickOnOutside) == null || _.call(j, g) : (D(), S());
|
|
1613
1613
|
}
|
|
1614
|
-
return we("globalOptions",
|
|
1615
|
-
zIndex:
|
|
1614
|
+
return we("globalOptions", l), we("globalCloseMenu", S), we("globalIsFullScreenContainer", e.isFullScreenContainer), we("globalHasSlot", (c) => n[c] !== void 0), we("globalRenderSlot", (c, g) => Ce(n, c, { ...g }, () => [Je("span", "Render slot failed")], !1)), we("menuContext", {
|
|
1615
|
+
zIndex: l.value.zIndex || ke.defaultZindex,
|
|
1616
1616
|
container: a.value,
|
|
1617
1617
|
adjustPadding: { x: 0, y: 0 },
|
|
1618
|
-
getZoom: () =>
|
|
1618
|
+
getZoom: () => l.value.zoom || ke.defaultZoom,
|
|
1619
1619
|
getParentWidth: () => 0,
|
|
1620
1620
|
getParentHeight: () => 0,
|
|
1621
|
-
getPositon: () => [
|
|
1621
|
+
getPositon: () => [l.value.x, l.value.y],
|
|
1622
1622
|
closeOtherSubMenuWithTimeOut: () => {
|
|
1623
1623
|
},
|
|
1624
1624
|
checkCloseOtherSubMenuTimeOut: () => !1,
|
|
@@ -1639,19 +1639,19 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1639
1639
|
},
|
|
1640
1640
|
isOpenedByKeyBoardFlag: () => !1,
|
|
1641
1641
|
isMenuItemDataCollectedFlag: () => !1
|
|
1642
|
-
}), s(
|
|
1642
|
+
}), s(h), (c, g) => (P(), ve(vt, {
|
|
1643
1643
|
ref_key: "submenuInstance",
|
|
1644
|
-
ref:
|
|
1644
|
+
ref: o,
|
|
1645
1645
|
show: E(i),
|
|
1646
|
-
items: E(
|
|
1647
|
-
adjustPosition: E(
|
|
1648
|
-
maxWidth: E(
|
|
1649
|
-
minWidth: E(
|
|
1650
|
-
maxHeight: E(
|
|
1651
|
-
direction: E(
|
|
1652
|
-
onCloseAnimFinished:
|
|
1646
|
+
items: E(l).items,
|
|
1647
|
+
adjustPosition: E(l).adjustPosition,
|
|
1648
|
+
maxWidth: E(l).maxWidth || E(ke).defaultMaxWidth,
|
|
1649
|
+
minWidth: E(l).minWidth || E(ke).defaultMinWidth,
|
|
1650
|
+
maxHeight: E(l).maxHeight,
|
|
1651
|
+
direction: E(l).direction || E(ke).defaultDirection,
|
|
1652
|
+
onCloseAnimFinished: g[0] || (g[0] = (j) => d("closeAnimFinished"))
|
|
1653
1653
|
}, {
|
|
1654
|
-
default:
|
|
1654
|
+
default: Le(() => [
|
|
1655
1655
|
Ce(c.$slots, "default")
|
|
1656
1656
|
]),
|
|
1657
1657
|
_: 3
|
|
@@ -1677,38 +1677,38 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1677
1677
|
},
|
|
1678
1678
|
emits: ["update:show", "close"],
|
|
1679
1679
|
setup(t, { expose: s, emit: r }) {
|
|
1680
|
-
const e = r, d = t, { options:
|
|
1681
|
-
function u(
|
|
1682
|
-
var
|
|
1683
|
-
e("update:show", !1), e("close"), (L = (
|
|
1680
|
+
const e = r, d = t, { options: n, show: o } = Ae(d), { isNew: l, container: i, eleId: a } = Lt(n.value), h = b(null), m = Wt();
|
|
1681
|
+
function u(S) {
|
|
1682
|
+
var W, L;
|
|
1683
|
+
e("update:show", !1), e("close"), (L = (W = n.value).onClose) == null || L.call(W, S);
|
|
1684
1684
|
}
|
|
1685
1685
|
return s({
|
|
1686
1686
|
closeMenu: () => e("update:show", !1),
|
|
1687
|
-
isClosed: () => !
|
|
1687
|
+
isClosed: () => !o.value,
|
|
1688
1688
|
getMenuRef: () => {
|
|
1689
|
-
var
|
|
1690
|
-
return (
|
|
1689
|
+
var S;
|
|
1690
|
+
return (S = h.value) == null ? void 0 : S.getMenuRef();
|
|
1691
1691
|
},
|
|
1692
1692
|
getMenuDimensions: () => {
|
|
1693
|
-
var
|
|
1694
|
-
return ((
|
|
1693
|
+
var S;
|
|
1694
|
+
return ((S = h.value) == null ? void 0 : S.getMenuDimensions()) ?? { width: 0, height: 0 };
|
|
1695
1695
|
}
|
|
1696
|
-
}), (
|
|
1696
|
+
}), (S, W) => (P(), ve(It, {
|
|
1697
1697
|
to: `#${E(a)}`
|
|
1698
1698
|
}, [
|
|
1699
1699
|
Ve(Pt, {
|
|
1700
1700
|
ref_key: "menuRef",
|
|
1701
|
-
ref:
|
|
1702
|
-
options: E(
|
|
1703
|
-
show: E(
|
|
1701
|
+
ref: h,
|
|
1702
|
+
options: E(n),
|
|
1703
|
+
show: E(o),
|
|
1704
1704
|
container: E(i),
|
|
1705
|
-
isFullScreenContainer: !E(
|
|
1705
|
+
isFullScreenContainer: !E(l),
|
|
1706
1706
|
onClose: u
|
|
1707
1707
|
}, Ot({ _: 2 }, [
|
|
1708
|
-
ct(E(
|
|
1708
|
+
ct(E(m), (L, D) => ({
|
|
1709
1709
|
name: D,
|
|
1710
|
-
fn:
|
|
1711
|
-
Ce(
|
|
1710
|
+
fn: Le((p) => [
|
|
1711
|
+
Ce(S.$slots, D, Bt(At(p)))
|
|
1712
1712
|
])
|
|
1713
1713
|
}))
|
|
1714
1714
|
]), 1032, ["options", "show", "container", "isFullScreenContainer"])
|
|
@@ -1852,7 +1852,7 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1852
1852
|
}
|
|
1853
1853
|
},
|
|
1854
1854
|
setup(t, s) {
|
|
1855
|
-
const r = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: d, minWidth:
|
|
1855
|
+
const r = me("globalOptions"), { adjustSubMenuPosition: e, maxWidth: d, minWidth: n, maxHeight: o } = Ae(t), l = typeof e.value < "u" ? e.value : r.value.adjustPosition, i = b(), a = b();
|
|
1856
1856
|
return s.expose({
|
|
1857
1857
|
getSubMenuRef: () => i.value,
|
|
1858
1858
|
getMenuItemRef: () => a.value
|
|
@@ -1867,14 +1867,14 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1867
1867
|
hasChildren: typeof s.slots.default !== void 0
|
|
1868
1868
|
}, s.slots.default ? {
|
|
1869
1869
|
//Create SubMenu
|
|
1870
|
-
submenu: (
|
|
1870
|
+
submenu: (h) => Je(vt, {
|
|
1871
1871
|
ref: i,
|
|
1872
|
-
show:
|
|
1872
|
+
show: h.show,
|
|
1873
1873
|
maxWidth: d.value,
|
|
1874
|
-
minWidth:
|
|
1875
|
-
maxHeight:
|
|
1876
|
-
adjustPosition:
|
|
1877
|
-
parentMenuItemContext:
|
|
1874
|
+
minWidth: n.value,
|
|
1875
|
+
maxHeight: o.value,
|
|
1876
|
+
adjustPosition: l,
|
|
1877
|
+
parentMenuItemContext: h.context
|
|
1878
1878
|
}, {
|
|
1879
1879
|
default: s.slots.default
|
|
1880
1880
|
}),
|
|
@@ -1884,20 +1884,20 @@ const Ue = /* @__PURE__ */ dt(Xl, [["render", ql]]), vt = /* @__PURE__ */ De({
|
|
|
1884
1884
|
}
|
|
1885
1885
|
});
|
|
1886
1886
|
function Jl(t, s, r, e) {
|
|
1887
|
-
const d = b(!0),
|
|
1887
|
+
const d = b(!0), n = Je(Pt, {
|
|
1888
1888
|
options: t,
|
|
1889
1889
|
show: d,
|
|
1890
1890
|
container: s,
|
|
1891
1891
|
isFullScreenContainer: !r,
|
|
1892
1892
|
onCloseAnimFinished: () => {
|
|
1893
|
-
|
|
1893
|
+
ht(null, s);
|
|
1894
1894
|
},
|
|
1895
|
-
onClose: (
|
|
1896
|
-
var
|
|
1897
|
-
(
|
|
1895
|
+
onClose: (o) => {
|
|
1896
|
+
var l;
|
|
1897
|
+
(l = t.onClose) == null || l.call(t, o), d.value = !1;
|
|
1898
1898
|
}
|
|
1899
1899
|
}, e);
|
|
1900
|
-
return
|
|
1900
|
+
return ht(n, s), n.component;
|
|
1901
1901
|
}
|
|
1902
1902
|
function Mt(t, s) {
|
|
1903
1903
|
const r = Lt(t);
|
|
@@ -1988,15 +1988,15 @@ const Oe = {
|
|
|
1988
1988
|
function We() {
|
|
1989
1989
|
return {
|
|
1990
1990
|
processMenus: (s, r) => {
|
|
1991
|
-
const e = (d) => d.map((
|
|
1992
|
-
const
|
|
1993
|
-
return
|
|
1994
|
-
if (
|
|
1995
|
-
|
|
1991
|
+
const e = (d) => d.map((n) => {
|
|
1992
|
+
const o = { ...n };
|
|
1993
|
+
return o.children && o.children.length > 0 ? o.children = e(o.children) : o.onClick || (o.onClick = (l) => {
|
|
1994
|
+
if (o.disabled) {
|
|
1995
|
+
l?.preventDefault();
|
|
1996
1996
|
return;
|
|
1997
1997
|
}
|
|
1998
|
-
r(
|
|
1999
|
-
}),
|
|
1998
|
+
r(o, l);
|
|
1999
|
+
}), o;
|
|
2000
2000
|
});
|
|
2001
2001
|
return e(s);
|
|
2002
2002
|
}
|
|
@@ -2025,87 +2025,87 @@ const $l = /* @__PURE__ */ Object.assign({
|
|
|
2025
2025
|
},
|
|
2026
2026
|
setup(t, { expose: s }) {
|
|
2027
2027
|
s();
|
|
2028
|
-
const { isNotEmpty: r, isArray: e } = Q, d = t,
|
|
2029
|
-
let
|
|
2030
|
-
const
|
|
2028
|
+
const { isNotEmpty: r, isArray: e } = Q, d = t, n = ne(), o = re(n), l = b(null), i = x(() => d.propValue || {}), a = x(() => d.element || {}), h = x(() => a.value.events || []), m = b(!0), u = b(null);
|
|
2029
|
+
let S, W = null, L = !0, D = !1;
|
|
2030
|
+
const p = o[i.value.urlCK], V = x(() => r(i.value.url) ? i.value.url : r(i.value.urlCK) && p.value || "");
|
|
2031
2031
|
A(
|
|
2032
2032
|
() => a.value?.style?.display,
|
|
2033
|
-
(
|
|
2034
|
-
|
|
2033
|
+
(T) => {
|
|
2034
|
+
T ? m.value = !1 : m.value = !0;
|
|
2035
2035
|
}
|
|
2036
2036
|
), A(
|
|
2037
2037
|
() => i.value.flipVertical,
|
|
2038
|
-
() =>
|
|
2038
|
+
() => I()
|
|
2039
2039
|
), A(
|
|
2040
2040
|
() => i.value.flipHorizontal,
|
|
2041
|
-
() =>
|
|
2041
|
+
() => I()
|
|
2042
2042
|
), A(
|
|
2043
|
-
() =>
|
|
2044
|
-
(
|
|
2045
|
-
L = !0,
|
|
2043
|
+
() => V.value,
|
|
2044
|
+
(T) => {
|
|
2045
|
+
L = !0, S = null, D = !1, v();
|
|
2046
2046
|
}
|
|
2047
2047
|
);
|
|
2048
|
-
const
|
|
2049
|
-
const { width:
|
|
2050
|
-
u.value.width =
|
|
2051
|
-
D = !0,
|
|
2052
|
-
},
|
|
2053
|
-
},
|
|
2054
|
-
const
|
|
2055
|
-
|
|
2056
|
-
}, v = tt(
|
|
2057
|
-
A([() => a.value?.style?.height, () => a.value?.style?.width], ([
|
|
2058
|
-
|
|
2048
|
+
const H = () => {
|
|
2049
|
+
const { width: T, height: f } = a.value.style;
|
|
2050
|
+
u.value.width = T, u.value.height = f, L && V.value ? (L = !1, S = document.createElement("img"), S.onload = () => {
|
|
2051
|
+
D = !0, W.drawImage(S, 0, 0, T, f), I();
|
|
2052
|
+
}, S.src = V.value) : I();
|
|
2053
|
+
}, I = () => {
|
|
2054
|
+
const T = i.value.flipVertical, f = i.value.flipHorizontal, { width: y, height: w } = a.value.style, z = f ? -1 : 1, F = T ? -1 : 1;
|
|
2055
|
+
W.clearRect(0, 0, y, w), D && S && (W.translate(y / 2 - y * z / 2, w / 2 - w * F / 2), W.scale(z, F), W.drawImage(S, 0, 0, y, w), W.setTransform(1, 0, 0, 1, 0, 0));
|
|
2056
|
+
}, v = tt(H, 500);
|
|
2057
|
+
A([() => a.value?.style?.height, () => a.value?.style?.width], ([T, f]) => {
|
|
2058
|
+
W && (L = !0, S = null, D = !1, v());
|
|
2059
2059
|
}, { immediate: !0 });
|
|
2060
|
-
const c = (
|
|
2061
|
-
|
|
2062
|
-
},
|
|
2063
|
-
|
|
2064
|
-
}, j = le(),
|
|
2060
|
+
const c = (T) => {
|
|
2061
|
+
l.value?.handleClick(T);
|
|
2062
|
+
}, g = (T) => {
|
|
2063
|
+
l.value?.handleDblClick(T);
|
|
2064
|
+
}, j = le(), _ = oe(), B = ee(i, a, j, _);
|
|
2065
2065
|
J(() => {
|
|
2066
|
-
|
|
2066
|
+
l.value = te(h.value, d.designStatus, B), l.value?.beforeMount();
|
|
2067
2067
|
}), q(() => {
|
|
2068
|
-
|
|
2068
|
+
W = u.value?.getContext("2d"), v(), l.value?.mounted();
|
|
2069
2069
|
}), Z(() => {
|
|
2070
|
-
|
|
2070
|
+
l.value?.beforeUnmount();
|
|
2071
2071
|
}), $(() => {
|
|
2072
|
-
|
|
2072
|
+
l.value?.unmounted();
|
|
2073
2073
|
});
|
|
2074
|
-
const { processMenus:
|
|
2075
|
-
return
|
|
2076
|
-
}, set img(
|
|
2077
|
-
|
|
2074
|
+
const { processMenus: R } = We(), Y = { isNotEmpty: r, isArray: e, props: d, dataCache: n, smartData: o, eventHandler: l, propValue: i, element: a, events: h, isVisible: m, canvas: u, get img() {
|
|
2075
|
+
return S;
|
|
2076
|
+
}, set img(T) {
|
|
2077
|
+
S = T;
|
|
2078
2078
|
}, get ctx() {
|
|
2079
|
-
return
|
|
2080
|
-
}, set ctx(
|
|
2081
|
-
|
|
2079
|
+
return W;
|
|
2080
|
+
}, set ctx(T) {
|
|
2081
|
+
W = T;
|
|
2082
2082
|
}, get isFirst() {
|
|
2083
2083
|
return L;
|
|
2084
|
-
}, set isFirst(
|
|
2085
|
-
L =
|
|
2084
|
+
}, set isFirst(T) {
|
|
2085
|
+
L = T;
|
|
2086
2086
|
}, get loadSuccess() {
|
|
2087
2087
|
return D;
|
|
2088
|
-
}, set loadSuccess(
|
|
2089
|
-
D =
|
|
2090
|
-
}, urlData:
|
|
2091
|
-
|
|
2088
|
+
}, set loadSuccess(T) {
|
|
2089
|
+
D = T;
|
|
2090
|
+
}, urlData: p, url: V, drawImage: H, mirrorFlip: I, debouncedDraw: v, clickHandler: c, dblclickHandler: g, router: j, route: _, compContext: B, processMenus: R, openContextMenu: (T) => {
|
|
2091
|
+
T.preventDefault();
|
|
2092
2092
|
let f = i.value.menuItems || [];
|
|
2093
2093
|
if (e(f) && f.length > 0) {
|
|
2094
|
-
let
|
|
2095
|
-
|
|
2096
|
-
|
|
2094
|
+
let y = [];
|
|
2095
|
+
y = R(f, function(w, z) {
|
|
2096
|
+
l.value?.handleContextMenu(T, w.value);
|
|
2097
2097
|
}), Oe.showContextMenu({
|
|
2098
|
-
x:
|
|
2099
|
-
y:
|
|
2100
|
-
items:
|
|
2098
|
+
x: T.x,
|
|
2099
|
+
y: T.y,
|
|
2100
|
+
items: y
|
|
2101
2101
|
});
|
|
2102
2102
|
}
|
|
2103
|
-
}, computed:
|
|
2103
|
+
}, computed: x, onMounted: q, ref: b, watch: A, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useEventHandler() {
|
|
2104
2104
|
return te;
|
|
2105
2105
|
}, get useDataCacheStore() {
|
|
2106
|
-
return
|
|
2106
|
+
return ne;
|
|
2107
2107
|
}, get createSmartAccessor() {
|
|
2108
|
-
return
|
|
2108
|
+
return re;
|
|
2109
2109
|
}, get CreateCompContext() {
|
|
2110
2110
|
return ee;
|
|
2111
2111
|
}, get CommonUtils() {
|
|
@@ -2124,7 +2124,7 @@ const $l = /* @__PURE__ */ Object.assign({
|
|
|
2124
2124
|
return Object.defineProperty(Y, "__isScriptSetup", { enumerable: !1, value: !0 }), Y;
|
|
2125
2125
|
}
|
|
2126
2126
|
});
|
|
2127
|
-
function eo(t, s, r, e, d,
|
|
2127
|
+
function eo(t, s, r, e, d, n) {
|
|
2128
2128
|
return e.isVisible ? (P(), K("div", {
|
|
2129
2129
|
key: 0,
|
|
2130
2130
|
class: "picture-container",
|
|
@@ -2132,10 +2132,10 @@ function eo(t, s, r, e, d, o) {
|
|
|
2132
2132
|
onDblclick: e.dblclickHandler,
|
|
2133
2133
|
onContextmenu: e.openContextMenu
|
|
2134
2134
|
}, [
|
|
2135
|
-
|
|
2136
|
-
], 32)) :
|
|
2135
|
+
ue("canvas", { ref: "canvas" }, null, 512)
|
|
2136
|
+
], 32)) : ie("", !0);
|
|
2137
2137
|
}
|
|
2138
|
-
const to = /* @__PURE__ */
|
|
2138
|
+
const to = /* @__PURE__ */ pe($l, [["render", eo], ["__scopeId", "data-v-b63faafe"], ["__file", "Component.vue"]]);
|
|
2139
2139
|
function be(t, s, r, e) {
|
|
2140
2140
|
const d = Xe({
|
|
2141
2141
|
dataColor: null,
|
|
@@ -2146,13 +2146,13 @@ function be(t, s, r, e) {
|
|
|
2146
2146
|
// 线颜色
|
|
2147
2147
|
fillColor: null
|
|
2148
2148
|
// 填充颜色
|
|
2149
|
-
}),
|
|
2150
|
-
return A(() =>
|
|
2149
|
+
}), n = s[t.value.colorCK], o = (i, a, h) => e.hasOwnPathInObject(i, a) ? e.getValueByPath(i, a) : h, l = (i, a) => e.isNotEmpty(a) && r ? r[a] ? r[a][i] : null : i;
|
|
2150
|
+
return A(() => n?.value, (i) => {
|
|
2151
2151
|
if (e.isObject(i) && e.isNotEmpty(t.value.colorCK)) {
|
|
2152
2152
|
if (!t.value.dycFlag)
|
|
2153
2153
|
return;
|
|
2154
2154
|
let a;
|
|
2155
|
-
e.isNotEmpty(t.value.fColorKey) && (a =
|
|
2155
|
+
e.isNotEmpty(t.value.fColorKey) && (a = o(i, t.value.fColorKey, null), d.dataColor = l(a, t.value.fColorRule)), e.isNotEmpty(t.value.bgColorKey) && (a = o(i, t.value.bgColorKey, null), d.backgroundColor = l(a, t.value.bgColorRule)), e.isNotEmpty(t.value.lineColorKey) && (a = o(i, t.value.lineColorKey, null), d.lineColor = l(a, t.value.lineColorRule)), e.isNotEmpty(t.value.fillColorKey) && (a = o(i, t.value.fillColorKey, null), d.fillColor = l(a, t.value.fillColorRule));
|
|
2156
2156
|
}
|
|
2157
2157
|
}, { immediate: !0 }), { dynamicColor: d };
|
|
2158
2158
|
}
|
|
@@ -2179,36 +2179,36 @@ const lo = /* @__PURE__ */ Object.assign({
|
|
|
2179
2179
|
},
|
|
2180
2180
|
setup(t, { expose: s }) {
|
|
2181
2181
|
s();
|
|
2182
|
-
const r = t, e =
|
|
2182
|
+
const r = t, e = ne(), d = re(e), n = b(null), o = x(() => r.propValue || {}), l = x(() => r.element || {}), i = x(() => l.value.events || []), a = le(), h = oe(), m = ee(o, l, a, h);
|
|
2183
2183
|
J(() => {
|
|
2184
|
-
|
|
2184
|
+
n.value = te(i.value, r.designStatus, m), n.value?.beforeMount();
|
|
2185
2185
|
}), q(() => {
|
|
2186
|
-
|
|
2186
|
+
V(), n.value?.mounted();
|
|
2187
2187
|
}), Z(() => {
|
|
2188
|
-
|
|
2188
|
+
n.value?.beforeUnmount();
|
|
2189
2189
|
}), $(() => {
|
|
2190
|
-
|
|
2190
|
+
n.value?.unmounted();
|
|
2191
2191
|
});
|
|
2192
|
-
const { dynamicColor: u } = be(
|
|
2193
|
-
A(() =>
|
|
2194
|
-
|
|
2195
|
-
}), A(() =>
|
|
2196
|
-
|
|
2192
|
+
const { dynamicColor: u } = be(o, d, e.rules, Q), S = x(() => u.fillColor ? u.fillColor : o.value.fillColor ? o.value.fillColor : "none"), W = x(() => u.lineColor ? u.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), L = b(0), D = b(0), p = b(0);
|
|
2193
|
+
A(() => l.value.style.width, (v) => {
|
|
2194
|
+
V();
|
|
2195
|
+
}), A(() => l.value.style.height, (v) => {
|
|
2196
|
+
V();
|
|
2197
2197
|
});
|
|
2198
|
-
const
|
|
2199
|
-
const { width: v, height: c } =
|
|
2200
|
-
|
|
2201
|
-
},
|
|
2202
|
-
L.value = 0.5 * v, D.value = 0.5 * c,
|
|
2203
|
-
},
|
|
2198
|
+
const V = () => {
|
|
2199
|
+
const { width: v, height: c } = l.value.style;
|
|
2200
|
+
H(v, c);
|
|
2201
|
+
}, H = (v, c) => {
|
|
2202
|
+
L.value = 0.5 * v, D.value = 0.5 * c, p.value = 0.45 * c;
|
|
2203
|
+
}, I = { props: r, dataCache: e, smartData: d, eventHandler: n, propValue: o, element: l, events: i, router: a, route: h, compContext: m, dynamicColor: u, showFillColor: S, showLineColor: W, cx: L, cy: D, cr: p, draw: V, drawChart: H, get useEventHandler() {
|
|
2204
2204
|
return te;
|
|
2205
2205
|
}, get useDataCacheStore() {
|
|
2206
|
-
return
|
|
2206
|
+
return ne;
|
|
2207
2207
|
}, get createSmartAccessor() {
|
|
2208
|
-
return
|
|
2208
|
+
return re;
|
|
2209
2209
|
}, get CreateCompContext() {
|
|
2210
2210
|
return ee;
|
|
2211
|
-
}, ref: b, computed:
|
|
2211
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
2212
2212
|
return oe;
|
|
2213
2213
|
}, get useRouter() {
|
|
2214
2214
|
return le;
|
|
@@ -2217,17 +2217,17 @@ const lo = /* @__PURE__ */ Object.assign({
|
|
|
2217
2217
|
}, get CommonUtils() {
|
|
2218
2218
|
return Q;
|
|
2219
2219
|
} };
|
|
2220
|
-
return Object.defineProperty(
|
|
2220
|
+
return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
|
|
2221
2221
|
}
|
|
2222
2222
|
});
|
|
2223
|
-
function oo(t, s, r, e, d,
|
|
2223
|
+
function oo(t, s, r, e, d, n) {
|
|
2224
2224
|
return P(), K("div", { class: "svg-container" }, [
|
|
2225
2225
|
(P(), K("svg", {
|
|
2226
2226
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2227
2227
|
width: e.element.style.width,
|
|
2228
2228
|
height: e.element.style.height
|
|
2229
2229
|
}, [
|
|
2230
|
-
|
|
2230
|
+
ue("circle", {
|
|
2231
2231
|
cx: e.cx,
|
|
2232
2232
|
cy: e.cy,
|
|
2233
2233
|
r: e.cr,
|
|
@@ -2238,7 +2238,7 @@ function oo(t, s, r, e, d, o) {
|
|
|
2238
2238
|
], 8, ["width", "height"]))
|
|
2239
2239
|
]);
|
|
2240
2240
|
}
|
|
2241
|
-
const no = /* @__PURE__ */
|
|
2241
|
+
const no = /* @__PURE__ */ pe(lo, [["render", oo], ["__scopeId", "data-v-ecab498d"], ["__file", "Component.vue"]]), ro = /* @__PURE__ */ Object.assign({
|
|
2242
2242
|
name: "SVGDataText"
|
|
2243
2243
|
}, {
|
|
2244
2244
|
__name: "Component",
|
|
@@ -2265,128 +2265,128 @@ const no = /* @__PURE__ */ he(lo, [["render", oo], ["__scopeId", "data-v-ecab498
|
|
|
2265
2265
|
formatDate: r,
|
|
2266
2266
|
getDate: e,
|
|
2267
2267
|
getWeek: d,
|
|
2268
|
-
isNotEmpty:
|
|
2269
|
-
isNumber:
|
|
2270
|
-
isObject:
|
|
2268
|
+
isNotEmpty: n,
|
|
2269
|
+
isNumber: o,
|
|
2270
|
+
isObject: l,
|
|
2271
2271
|
isValid: i,
|
|
2272
2272
|
hasOwnPathInObject: a,
|
|
2273
|
-
getValueByPath:
|
|
2274
|
-
} = Q,
|
|
2275
|
-
let j = null,
|
|
2276
|
-
const
|
|
2277
|
-
let
|
|
2278
|
-
const C = D[u.value.dataCK], Y = D[u.value.timeCK],
|
|
2273
|
+
getValueByPath: h
|
|
2274
|
+
} = Q, m = t, u = x(() => m.propValue || {}), S = x(() => m.element || {}), W = x(() => S.value.events || []), L = ne(), D = re(L), p = b(null), V = b(0), H = b(0), I = b(""), v = b(""), c = b(!1), g = b("");
|
|
2275
|
+
let j = null, _ = null;
|
|
2276
|
+
const B = b("");
|
|
2277
|
+
let R = null;
|
|
2278
|
+
const C = D[u.value.dataCK], Y = D[u.value.timeCK], T = (G, ae, fe) => a(G, ae) ? h(G, ae) : fe;
|
|
2279
2279
|
function f(G) {
|
|
2280
|
-
|
|
2280
|
+
l(G) ? (j = T(G, u.value.valueKey, null), _ = T(G, u.value.timeKey, null)) : j = G;
|
|
2281
2281
|
}
|
|
2282
|
-
function
|
|
2283
|
-
f(G),
|
|
2282
|
+
function y(G) {
|
|
2283
|
+
f(G), g.value = ye(j);
|
|
2284
2284
|
}
|
|
2285
2285
|
A(() => C.value, (G) => {
|
|
2286
|
-
i(G) &&
|
|
2286
|
+
i(G) && y(G);
|
|
2287
2287
|
}), A(() => Y.value, (G) => {
|
|
2288
|
-
|
|
2288
|
+
n(u.value.timeCK) && i(G) && (n(u.value.timeKey) ? l(G) && (_ = T(G, u.value.timeKey, null)) : _ = G);
|
|
2289
2289
|
});
|
|
2290
|
-
const { dynamicColor:
|
|
2291
|
-
|
|
2292
|
-
},
|
|
2293
|
-
|
|
2290
|
+
const { dynamicColor: w } = be(u, D, L.rules, Q), z = x(() => w.dataColor ? w.dataColor : u.value.fontColor ? u.value.fontColor : "none"), F = x(() => w.backgroundColor ? w.backgroundColor : u.value.fillColor ? u.value.fillColor : "none"), X = (G) => {
|
|
2291
|
+
p.value?.setParam(G);
|
|
2292
|
+
}, M = (G) => {
|
|
2293
|
+
p.value?.handleDblClick(G);
|
|
2294
2294
|
};
|
|
2295
|
-
A(() =>
|
|
2296
|
-
|
|
2297
|
-
}), A(() =>
|
|
2298
|
-
|
|
2295
|
+
A(() => S.value.style.width, (G) => {
|
|
2296
|
+
O();
|
|
2297
|
+
}), A(() => S.value.style.height, (G) => {
|
|
2298
|
+
O();
|
|
2299
2299
|
}), A(() => u.value.horizontalAlign, (G) => {
|
|
2300
|
-
|
|
2300
|
+
O();
|
|
2301
2301
|
}), A(() => u.value.offsetX, (G) => {
|
|
2302
|
-
|
|
2302
|
+
O();
|
|
2303
2303
|
});
|
|
2304
|
-
const
|
|
2305
|
-
|
|
2304
|
+
const se = x(() => m.designStatus ? !0 : u.value.showTooltip ? !c.value : !0), xe = x(() => u.value.tooltipPlacement || "bottom-start"), N = x(() => u.value.tooltipEffect || "dark"), k = (G) => {
|
|
2305
|
+
m.designStatus || (U(), n(B.value) ? c.value = !0 : c.value = !1);
|
|
2306
2306
|
}, U = () => {
|
|
2307
|
-
if (
|
|
2308
|
-
let G = e(
|
|
2307
|
+
if (B.value = "", u.value.showTooltip && _ && o(_)) {
|
|
2308
|
+
let G = e(_), ae = "";
|
|
2309
2309
|
if (G) {
|
|
2310
|
-
|
|
2311
|
-
let fe = "数值:" +
|
|
2312
|
-
|
|
2310
|
+
ae = r(G, "yyyy-MM-dd HH:mm:ss");
|
|
2311
|
+
let fe = "数值:" + g.value, he = "时间:" + ae;
|
|
2312
|
+
B.value = fe + "<br/>" + he;
|
|
2313
2313
|
}
|
|
2314
2314
|
}
|
|
2315
|
-
},
|
|
2316
|
-
const { width: G, height:
|
|
2317
|
-
ce(G,
|
|
2318
|
-
}, ce = (G,
|
|
2319
|
-
let fe =
|
|
2320
|
-
fe == "center" ? (v.value = "middle",
|
|
2315
|
+
}, O = () => {
|
|
2316
|
+
const { width: G, height: ae } = m.element.style;
|
|
2317
|
+
ce(G, ae);
|
|
2318
|
+
}, ce = (G, ae) => {
|
|
2319
|
+
let fe = m.propValue.horizontalAlign || "left", he = m.propValue.offsetX || 0;
|
|
2320
|
+
fe == "center" ? (v.value = "middle", V.value = G * 0.5) : fe == "right" ? (V.value = G - he, v.value = "end") : (V.value = 0 + he, v.value = "start"), I.value = "central", H.value = ae * 0.5;
|
|
2321
2321
|
}, ye = (G) => {
|
|
2322
|
-
let
|
|
2323
|
-
if (
|
|
2324
|
-
let fe = u.value.fractionDigits || 0,
|
|
2325
|
-
|
|
2322
|
+
let ae = G;
|
|
2323
|
+
if (o(G)) {
|
|
2324
|
+
let fe = u.value.fractionDigits || 0, he = u.value.factor;
|
|
2325
|
+
o(he) && (he = Number(he), G = Number(G) * he), ae = de(Number(G), fe);
|
|
2326
2326
|
} else
|
|
2327
|
-
|
|
2328
|
-
return
|
|
2329
|
-
}, de = (G,
|
|
2327
|
+
ae + "" == "undefined" && (ae = "");
|
|
2328
|
+
return n(u.value.unit) && (ae = ae + u.value.unit), ae;
|
|
2329
|
+
}, de = (G, ae) => {
|
|
2330
2330
|
let fe = G;
|
|
2331
2331
|
if (G) {
|
|
2332
|
-
const
|
|
2333
|
-
if (
|
|
2334
|
-
|
|
2335
|
-
else if (
|
|
2336
|
-
let
|
|
2332
|
+
const he = u.value.valueType;
|
|
2333
|
+
if (he == 2 && Number(G))
|
|
2334
|
+
ae && Number(ae) ? ae = parseInt(ae) : ae = 0, fe = G.toFixed(ae);
|
|
2335
|
+
else if (he == 3) {
|
|
2336
|
+
let Te = e(G);
|
|
2337
2337
|
const ot = u.value.dateformat || "yyyy-MM-dd";
|
|
2338
|
-
|
|
2338
|
+
Te && (n(u.value.weekMode) ? fe = d(Te, o(u.value.weekMode) ? Number(u.value.weekMode) : 0) : fe = r(Te, ot));
|
|
2339
2339
|
}
|
|
2340
2340
|
}
|
|
2341
2341
|
return fe;
|
|
2342
2342
|
}, He = () => {
|
|
2343
|
-
},
|
|
2343
|
+
}, Pe = le(), qe = oe(), Ze = ee(u, S, Pe, qe);
|
|
2344
2344
|
J(() => {
|
|
2345
|
-
|
|
2345
|
+
p.value = te(W.value, m.designStatus, Ze), p.value?.beforeMount();
|
|
2346
2346
|
}), q(() => {
|
|
2347
|
-
|
|
2348
|
-
i(C.value) &&
|
|
2349
|
-
}, 1e3),
|
|
2347
|
+
O(), R = setInterval(() => {
|
|
2348
|
+
i(C.value) && y(C.value);
|
|
2349
|
+
}, 1e3), p.value?.mounted();
|
|
2350
2350
|
}), Z(() => {
|
|
2351
|
-
|
|
2351
|
+
p.value?.beforeUnmount();
|
|
2352
2352
|
}), $(() => {
|
|
2353
|
-
|
|
2353
|
+
p.value?.unmounted();
|
|
2354
2354
|
});
|
|
2355
|
-
const { processMenus: Qe } = We(),
|
|
2355
|
+
const { processMenus: Qe } = We(), je = { formatDate: r, getDate: e, getWeek: d, isNotEmpty: n, isNumber: o, isObject: l, isValid: i, hasOwnPathInObject: a, getValueByPath: h, props: m, propValue: u, element: S, events: W, dataCache: L, smartData: D, eventHandler: p, textX: V, textY: H, textBaseLine: I, textAnchor: v, hasTooltipContent: c, showDataValue: g, get dataValue() {
|
|
2356
2356
|
return j;
|
|
2357
2357
|
}, set dataValue(G) {
|
|
2358
2358
|
j = G;
|
|
2359
2359
|
}, get dataTime() {
|
|
2360
|
-
return
|
|
2360
|
+
return _;
|
|
2361
2361
|
}, set dataTime(G) {
|
|
2362
|
-
|
|
2363
|
-
}, tooltipContent:
|
|
2364
|
-
return
|
|
2362
|
+
_ = G;
|
|
2363
|
+
}, tooltipContent: B, get timer() {
|
|
2364
|
+
return R;
|
|
2365
2365
|
}, set timer(G) {
|
|
2366
|
-
|
|
2367
|
-
}, bsData: C, timeData: Y, _getValueFromObj:
|
|
2366
|
+
R = G;
|
|
2367
|
+
}, bsData: C, timeData: Y, _getValueFromObj: T, parseBsData: f, dealBsData: y, dynamicColor: w, showFontColor: z, showBackgroundColor: F, handleClick: X, handleDblClick: M, disableToolTip: se, tooltipPlacement: xe, tooltipEffect: N, showTooltip: k, loadTipInfo: U, draw: O, drawChart: ce, showValue: ye, dataFormatter: de, clearInterval: He, router: Pe, route: qe, compContext: Ze, processMenus: Qe, openContextMenu: (G) => {
|
|
2368
2368
|
G.preventDefault();
|
|
2369
|
-
let
|
|
2370
|
-
if (Q.isArray(
|
|
2369
|
+
let ae = u.value.menuItems || [];
|
|
2370
|
+
if (Q.isArray(ae) && ae.length > 0) {
|
|
2371
2371
|
let fe = [];
|
|
2372
|
-
fe = Qe(
|
|
2373
|
-
|
|
2372
|
+
fe = Qe(ae, function(he, Te) {
|
|
2373
|
+
p.value?.handleContextMenu(G, he.value);
|
|
2374
2374
|
}), Oe.showContextMenu({
|
|
2375
2375
|
x: G.x,
|
|
2376
2376
|
y: G.y,
|
|
2377
2377
|
items: fe
|
|
2378
2378
|
});
|
|
2379
2379
|
}
|
|
2380
|
-
}, watch: A, onMounted: q, computed:
|
|
2380
|
+
}, watch: A, onMounted: q, computed: x, onBeforeUnmount: Z, ref: b, onBeforeMount: J, onUnmounted: $, reactive: Xe, get useRoute() {
|
|
2381
2381
|
return oe;
|
|
2382
2382
|
}, get useRouter() {
|
|
2383
2383
|
return le;
|
|
2384
2384
|
}, get useEventHandler() {
|
|
2385
2385
|
return te;
|
|
2386
2386
|
}, get useDataCacheStore() {
|
|
2387
|
-
return
|
|
2387
|
+
return ne;
|
|
2388
2388
|
}, get createSmartAccessor() {
|
|
2389
|
-
return
|
|
2389
|
+
return re;
|
|
2390
2390
|
}, get CreateCompContext() {
|
|
2391
2391
|
return ee;
|
|
2392
2392
|
}, get CommonUtils() {
|
|
@@ -2398,11 +2398,11 @@ const no = /* @__PURE__ */ he(lo, [["render", oo], ["__scopeId", "data-v-ecab498
|
|
|
2398
2398
|
}, get useMenuHandler() {
|
|
2399
2399
|
return We;
|
|
2400
2400
|
} };
|
|
2401
|
-
return Object.defineProperty(
|
|
2401
|
+
return Object.defineProperty(je, "__isScriptSetup", { enumerable: !1, value: !0 }), je;
|
|
2402
2402
|
}
|
|
2403
2403
|
});
|
|
2404
|
-
function ao(t, s, r, e, d,
|
|
2405
|
-
const
|
|
2404
|
+
function ao(t, s, r, e, d, n) {
|
|
2405
|
+
const o = Ye("el-tooltip");
|
|
2406
2406
|
return P(), K("div", {
|
|
2407
2407
|
class: "svg-container",
|
|
2408
2408
|
onClick: e.handleClick,
|
|
@@ -2410,16 +2410,16 @@ function ao(t, s, r, e, d, o) {
|
|
|
2410
2410
|
onMouseenter: e.showTooltip,
|
|
2411
2411
|
onContextmenu: e.openContextMenu
|
|
2412
2412
|
}, [
|
|
2413
|
-
Ve(
|
|
2413
|
+
Ve(o, {
|
|
2414
2414
|
class: "item",
|
|
2415
2415
|
placement: e.tooltipPlacement,
|
|
2416
2416
|
disabled: e.disableToolTip,
|
|
2417
2417
|
effect: e.tooltipEffect
|
|
2418
2418
|
}, {
|
|
2419
|
-
content:
|
|
2420
|
-
|
|
2419
|
+
content: Le(() => [
|
|
2420
|
+
ue("div", { innerHTML: e.tooltipContent }, null, 8, ["innerHTML"])
|
|
2421
2421
|
]),
|
|
2422
|
-
default:
|
|
2422
|
+
default: Le(() => [
|
|
2423
2423
|
(P(), K("svg", {
|
|
2424
2424
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2425
2425
|
width: e.element.style.width,
|
|
@@ -2434,9 +2434,9 @@ function ao(t, s, r, e, d, o) {
|
|
|
2434
2434
|
fill: e.showBackgroundColor,
|
|
2435
2435
|
stroke: e.propValue.strokeColor,
|
|
2436
2436
|
"stroke-width": e.propValue.strokeWidth
|
|
2437
|
-
}, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) :
|
|
2437
|
+
}, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) : ie("", !0),
|
|
2438
2438
|
ge(),
|
|
2439
|
-
|
|
2439
|
+
ue("text", {
|
|
2440
2440
|
x: e.textX,
|
|
2441
2441
|
y: e.textY,
|
|
2442
2442
|
dx: e.propValue.dx,
|
|
@@ -2453,7 +2453,7 @@ function ao(t, s, r, e, d, o) {
|
|
|
2453
2453
|
}, 8, ["placement", "disabled", "effect"])
|
|
2454
2454
|
], 32);
|
|
2455
2455
|
}
|
|
2456
|
-
const uo = /* @__PURE__ */
|
|
2456
|
+
const uo = /* @__PURE__ */ pe(ro, [["render", ao], ["__scopeId", "data-v-f136e4e8"], ["__file", "Component.vue"]]), so = /* @__PURE__ */ Object.assign({
|
|
2457
2457
|
name: "SVGDateText"
|
|
2458
2458
|
}, {
|
|
2459
2459
|
__name: "Component",
|
|
@@ -2480,74 +2480,74 @@ const uo = /* @__PURE__ */ he(ro, [["render", ao], ["__scopeId", "data-v-f136e4e
|
|
|
2480
2480
|
formatDate: r,
|
|
2481
2481
|
getDate: e,
|
|
2482
2482
|
getWeek: d,
|
|
2483
|
-
isNotEmpty:
|
|
2484
|
-
isNumber:
|
|
2485
|
-
} = Q,
|
|
2486
|
-
let
|
|
2487
|
-
const
|
|
2483
|
+
isNotEmpty: n,
|
|
2484
|
+
isNumber: o
|
|
2485
|
+
} = Q, l = t, i = x(() => l.propValue || {}), a = x(() => l.element || {}), h = x(() => a.value.events || []), m = b(null), u = b(0), S = b(0), W = b(""), L = b(""), D = b(!1), p = b("");
|
|
2486
|
+
let V = null, H = null;
|
|
2487
|
+
const I = b("");
|
|
2488
2488
|
let v = null;
|
|
2489
|
-
A(() => a.value.style.width, (
|
|
2489
|
+
A(() => a.value.style.width, (w) => {
|
|
2490
2490
|
c();
|
|
2491
|
-
}), A(() => a.value.style.height, (
|
|
2491
|
+
}), A(() => a.value.style.height, (w) => {
|
|
2492
2492
|
c();
|
|
2493
|
-
}), A(() => i.value.horizontalAlign, (
|
|
2493
|
+
}), A(() => i.value.horizontalAlign, (w) => {
|
|
2494
2494
|
c();
|
|
2495
|
-
}), A(() => i.value.offsetX, (
|
|
2495
|
+
}), A(() => i.value.offsetX, (w) => {
|
|
2496
2496
|
c();
|
|
2497
2497
|
});
|
|
2498
2498
|
const c = () => {
|
|
2499
|
-
const { width:
|
|
2500
|
-
|
|
2501
|
-
},
|
|
2502
|
-
let F =
|
|
2503
|
-
F == "center" ? (L.value = "middle", u.value =
|
|
2504
|
-
}, j = (
|
|
2505
|
-
let z =
|
|
2506
|
-
return
|
|
2507
|
-
},
|
|
2508
|
-
let z =
|
|
2509
|
-
if (
|
|
2510
|
-
let F = e(
|
|
2499
|
+
const { width: w, height: z } = l.element.style;
|
|
2500
|
+
g(w, z);
|
|
2501
|
+
}, g = (w, z) => {
|
|
2502
|
+
let F = l.propValue.horizontalAlign || "left", X = l.propValue.offsetX || 0;
|
|
2503
|
+
F == "center" ? (L.value = "middle", u.value = w * 0.5) : F == "right" ? (u.value = w - X, L.value = "end") : (u.value = 0 + X, L.value = "start"), W.value = "central", S.value = z * 0.5;
|
|
2504
|
+
}, j = (w) => {
|
|
2505
|
+
let z = w;
|
|
2506
|
+
return o(w) ? z = _(Number(w)) : z + "" == "undefined" && (z = ""), z;
|
|
2507
|
+
}, _ = (w) => {
|
|
2508
|
+
let z = w;
|
|
2509
|
+
if (w) {
|
|
2510
|
+
let F = e(w);
|
|
2511
2511
|
const X = i.value.dateformat || "yyyy-MM-dd";
|
|
2512
|
-
F && (
|
|
2512
|
+
F && (n(i.value.weekMode) ? z = d(F, o(i.value.weekMode) ? Number(i.value.weekMode) : 0) : z = r(F, X));
|
|
2513
2513
|
}
|
|
2514
2514
|
return z;
|
|
2515
|
-
},
|
|
2516
|
-
},
|
|
2517
|
-
|
|
2518
|
-
}, C = (
|
|
2519
|
-
|
|
2520
|
-
}, Y = le(),
|
|
2515
|
+
}, B = () => {
|
|
2516
|
+
}, R = (w) => {
|
|
2517
|
+
m.value?.handleClick(w);
|
|
2518
|
+
}, C = (w) => {
|
|
2519
|
+
m.value?.handleDblClick(w);
|
|
2520
|
+
}, Y = le(), T = oe(), f = ee(i, a, Y, T);
|
|
2521
2521
|
J(() => {
|
|
2522
|
-
|
|
2522
|
+
m.value = te(h.value, l.designStatus, f), m.value?.beforeMount();
|
|
2523
2523
|
}), q(() => {
|
|
2524
2524
|
c(), v = setInterval(() => {
|
|
2525
|
-
let
|
|
2526
|
-
|
|
2527
|
-
}, 500),
|
|
2525
|
+
let w = (/* @__PURE__ */ new Date()).getTime();
|
|
2526
|
+
p.value = j(w);
|
|
2527
|
+
}, 500), m.value?.mounted();
|
|
2528
2528
|
}), Z(() => {
|
|
2529
|
-
|
|
2529
|
+
m.value?.beforeUnmount();
|
|
2530
2530
|
}), $(() => {
|
|
2531
|
-
|
|
2531
|
+
m.value?.unmounted();
|
|
2532
2532
|
});
|
|
2533
|
-
const
|
|
2534
|
-
return
|
|
2535
|
-
}, set dataValue(
|
|
2536
|
-
|
|
2533
|
+
const y = { formatDate: r, getDate: e, getWeek: d, isNotEmpty: n, isNumber: o, props: l, propValue: i, element: a, events: h, eventHandler: m, textX: u, textY: S, textBaseLine: W, textAnchor: L, hasTooltipContent: D, showDataValue: p, get dataValue() {
|
|
2534
|
+
return V;
|
|
2535
|
+
}, set dataValue(w) {
|
|
2536
|
+
V = w;
|
|
2537
2537
|
}, get dataTime() {
|
|
2538
|
-
return
|
|
2539
|
-
}, set dataTime(
|
|
2540
|
-
|
|
2541
|
-
}, tooltipContent:
|
|
2538
|
+
return H;
|
|
2539
|
+
}, set dataTime(w) {
|
|
2540
|
+
H = w;
|
|
2541
|
+
}, tooltipContent: I, get timer() {
|
|
2542
2542
|
return v;
|
|
2543
|
-
}, set timer(
|
|
2544
|
-
v =
|
|
2545
|
-
}, draw: c, drawChart:
|
|
2543
|
+
}, set timer(w) {
|
|
2544
|
+
v = w;
|
|
2545
|
+
}, draw: c, drawChart: g, showValue: j, dataFormatter: _, clearInterval: B, handleClick: R, handleDblClick: C, router: Y, route: T, compContext: f, watch: A, onMounted: q, computed: x, onBeforeUnmount: Z, ref: b, onBeforeMount: J, onUnmounted: $, get useEventHandler() {
|
|
2546
2546
|
return te;
|
|
2547
2547
|
}, get useDataCacheStore() {
|
|
2548
|
-
return
|
|
2548
|
+
return ne;
|
|
2549
2549
|
}, get createSmartAccessor() {
|
|
2550
|
-
return
|
|
2550
|
+
return re;
|
|
2551
2551
|
}, get CreateCompContext() {
|
|
2552
2552
|
return ee;
|
|
2553
2553
|
}, get useRoute() {
|
|
@@ -2557,10 +2557,10 @@ const uo = /* @__PURE__ */ he(ro, [["render", ao], ["__scopeId", "data-v-f136e4e
|
|
|
2557
2557
|
}, get CommonUtils() {
|
|
2558
2558
|
return Q;
|
|
2559
2559
|
} };
|
|
2560
|
-
return Object.defineProperty(
|
|
2560
|
+
return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
|
|
2561
2561
|
}
|
|
2562
2562
|
});
|
|
2563
|
-
function io(t, s, r, e, d,
|
|
2563
|
+
function io(t, s, r, e, d, n) {
|
|
2564
2564
|
return P(), K("div", {
|
|
2565
2565
|
class: "svg-container",
|
|
2566
2566
|
onClick: e.handleClick,
|
|
@@ -2576,9 +2576,9 @@ function io(t, s, r, e, d, o) {
|
|
|
2576
2576
|
fill: e.propValue.fillColor ? e.propValue.fillColor : "none",
|
|
2577
2577
|
stroke: e.propValue.strokeColor,
|
|
2578
2578
|
"stroke-width": e.propValue.strokeWidth
|
|
2579
|
-
}, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) :
|
|
2579
|
+
}, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) : ie("", !0),
|
|
2580
2580
|
ge(),
|
|
2581
|
-
|
|
2581
|
+
ue("text", {
|
|
2582
2582
|
x: e.textX,
|
|
2583
2583
|
y: e.textY,
|
|
2584
2584
|
dx: e.propValue.dx,
|
|
@@ -2592,7 +2592,7 @@ function io(t, s, r, e, d, o) {
|
|
|
2592
2592
|
]))
|
|
2593
2593
|
], 32);
|
|
2594
2594
|
}
|
|
2595
|
-
const co = /* @__PURE__ */
|
|
2595
|
+
const co = /* @__PURE__ */ pe(so, [["render", io], ["__scopeId", "data-v-0a8a6304"], ["__file", "Component.vue"]]), fo = /* @__PURE__ */ Object.assign({
|
|
2596
2596
|
name: "SVGHLine"
|
|
2597
2597
|
}, {
|
|
2598
2598
|
__name: "Component",
|
|
@@ -2615,37 +2615,37 @@ const co = /* @__PURE__ */ he(so, [["render", io], ["__scopeId", "data-v-0a8a630
|
|
|
2615
2615
|
},
|
|
2616
2616
|
setup(t, { expose: s }) {
|
|
2617
2617
|
s();
|
|
2618
|
-
const r = t, e =
|
|
2618
|
+
const r = t, e = ne(), d = re(e), n = b(null), o = x(() => r.propValue || {}), l = x(() => r.element || {}), i = x(() => l.value.events || []), a = le(), h = oe(), m = ee(o, l, a, h);
|
|
2619
2619
|
J(() => {
|
|
2620
|
-
|
|
2620
|
+
n.value = te(i.value, r.designStatus, m), n.value?.beforeMount();
|
|
2621
2621
|
}), q(() => {
|
|
2622
|
-
D(),
|
|
2622
|
+
D(), n.value?.mounted();
|
|
2623
2623
|
}), Z(() => {
|
|
2624
|
-
|
|
2624
|
+
n.value?.beforeUnmount();
|
|
2625
2625
|
}), $(() => {
|
|
2626
|
-
|
|
2626
|
+
n.value?.unmounted();
|
|
2627
2627
|
});
|
|
2628
|
-
const { dynamicColor: u } = be(
|
|
2629
|
-
A(() =>
|
|
2628
|
+
const { dynamicColor: u } = be(o, d, e.rules, Q), S = x(() => u.lineColor ? u.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), W = b([]), L = b([]);
|
|
2629
|
+
A(() => l.value.style.width, (H) => {
|
|
2630
2630
|
D();
|
|
2631
|
-
}), A(() =>
|
|
2631
|
+
}), A(() => l.value.style.height, (H) => {
|
|
2632
2632
|
D();
|
|
2633
2633
|
});
|
|
2634
2634
|
const D = () => {
|
|
2635
|
-
const { width:
|
|
2636
|
-
|
|
2637
|
-
},
|
|
2635
|
+
const { width: H, height: I } = l.value.style;
|
|
2636
|
+
p(H, I);
|
|
2637
|
+
}, p = (H, I) => {
|
|
2638
2638
|
const v = [0, 0.5], c = [1, 0.5];
|
|
2639
|
-
|
|
2640
|
-
},
|
|
2639
|
+
W.value = [H * v[0], I * v[1]], L.value = [H * c[0], I * c[1]];
|
|
2640
|
+
}, V = { props: r, dataCache: e, smartData: d, eventHandler: n, propValue: o, element: l, events: i, router: a, route: h, compContext: m, dynamicColor: u, showLineColor: S, LineL1P1: W, LineL1P2: L, draw: D, drawChart: p, get useEventHandler() {
|
|
2641
2641
|
return te;
|
|
2642
2642
|
}, get useDataCacheStore() {
|
|
2643
|
-
return
|
|
2643
|
+
return ne;
|
|
2644
2644
|
}, get createSmartAccessor() {
|
|
2645
|
-
return
|
|
2645
|
+
return re;
|
|
2646
2646
|
}, get CreateCompContext() {
|
|
2647
2647
|
return ee;
|
|
2648
|
-
}, ref: b, computed:
|
|
2648
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
2649
2649
|
return oe;
|
|
2650
2650
|
}, get useRouter() {
|
|
2651
2651
|
return le;
|
|
@@ -2654,17 +2654,17 @@ const co = /* @__PURE__ */ he(so, [["render", io], ["__scopeId", "data-v-0a8a630
|
|
|
2654
2654
|
}, get useDynamicColor() {
|
|
2655
2655
|
return be;
|
|
2656
2656
|
} };
|
|
2657
|
-
return Object.defineProperty(
|
|
2657
|
+
return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
|
|
2658
2658
|
}
|
|
2659
2659
|
});
|
|
2660
|
-
function vo(t, s, r, e, d,
|
|
2660
|
+
function vo(t, s, r, e, d, n) {
|
|
2661
2661
|
return P(), K("div", { class: "svg-container" }, [
|
|
2662
2662
|
(P(), K("svg", {
|
|
2663
2663
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2664
2664
|
width: e.element.style.width,
|
|
2665
2665
|
height: e.element.style.height
|
|
2666
2666
|
}, [
|
|
2667
|
-
|
|
2667
|
+
ue("line", {
|
|
2668
2668
|
x1: e.LineL1P1[0],
|
|
2669
2669
|
y1: e.LineL1P1[1],
|
|
2670
2670
|
x2: e.LineL1P2[0],
|
|
@@ -2680,12 +2680,12 @@ function vo(t, s, r, e, d, o) {
|
|
|
2680
2680
|
to: e.propValue.animateTo,
|
|
2681
2681
|
dur: e.propValue.animateDur + "s",
|
|
2682
2682
|
repeatCount: "indefinite"
|
|
2683
|
-
}, null, 8, ["from", "to", "dur"])) :
|
|
2683
|
+
}, null, 8, ["from", "to", "dur"])) : ie("", !0)
|
|
2684
2684
|
], 8, ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"])
|
|
2685
2685
|
], 8, ["width", "height"]))
|
|
2686
2686
|
]);
|
|
2687
2687
|
}
|
|
2688
|
-
const
|
|
2688
|
+
const po = /* @__PURE__ */ pe(fo, [["render", vo], ["__scopeId", "data-v-7dcb2081"], ["__file", "Component.vue"]]), ho = /* @__PURE__ */ Object.assign({
|
|
2689
2689
|
name: "SVGRectangle"
|
|
2690
2690
|
}, {
|
|
2691
2691
|
__name: "Component",
|
|
@@ -2708,37 +2708,37 @@ const ho = /* @__PURE__ */ he(fo, [["render", vo], ["__scopeId", "data-v-7dcb208
|
|
|
2708
2708
|
},
|
|
2709
2709
|
setup(t, { expose: s }) {
|
|
2710
2710
|
s();
|
|
2711
|
-
const { generateSecureUUID: r } = Q, e = t, d =
|
|
2711
|
+
const { generateSecureUUID: r } = Q, e = t, d = ne(), n = re(d), o = b(null), l = x(() => e.propValue || {}), i = x(() => e.element || {}), a = x(() => i.value.events || []), h = le(), m = oe(), u = ee(l, i, h, m);
|
|
2712
2712
|
J(() => {
|
|
2713
|
-
|
|
2713
|
+
o.value = te(a.value, e.designStatus, u), o.value?.beforeMount(), j.value = r();
|
|
2714
2714
|
}), q(() => {
|
|
2715
|
-
c(),
|
|
2715
|
+
c(), o.value?.mounted();
|
|
2716
2716
|
}), Z(() => {
|
|
2717
|
-
|
|
2717
|
+
o.value?.beforeUnmount();
|
|
2718
2718
|
}), $(() => {
|
|
2719
|
-
|
|
2719
|
+
o.value?.unmounted();
|
|
2720
2720
|
});
|
|
2721
|
-
const { dynamicColor:
|
|
2722
|
-
A(() => i.value.style.width, (
|
|
2721
|
+
const { dynamicColor: S } = be(l, n, d.rules, Q), W = x(() => S.fillColor ? S.fillColor : l.value.fillColor ? l.value.fillColor : "none"), L = x(() => S.lineColor ? S.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), D = b(0), p = b(0), V = b(1), H = b(1), I = b(0), v = b(0);
|
|
2722
|
+
A(() => i.value.style.width, (R) => {
|
|
2723
2723
|
c();
|
|
2724
|
-
}), A(() => i.value.style.height, (
|
|
2724
|
+
}), A(() => i.value.style.height, (R) => {
|
|
2725
2725
|
c();
|
|
2726
2726
|
});
|
|
2727
2727
|
const c = () => {
|
|
2728
|
-
const { width:
|
|
2729
|
-
|
|
2730
|
-
},
|
|
2731
|
-
let
|
|
2732
|
-
D.value = 0 *
|
|
2733
|
-
}, j = b(""),
|
|
2728
|
+
const { width: R, height: C } = i.value.style;
|
|
2729
|
+
g(R, C);
|
|
2730
|
+
}, g = (R, C) => {
|
|
2731
|
+
let w = l.value.strokeWidth, z = w / 2;
|
|
2732
|
+
D.value = 0 * R + z, p.value = 0 * C + z, V.value = C * 1 - w, H.value = R * 1 - w;
|
|
2733
|
+
}, j = b(""), _ = x(() => l.value.hasGradient ? `url(#${j.value})` : W.value), B = { generateSecureUUID: r, props: e, dataCache: d, smartData: n, eventHandler: o, propValue: l, element: i, events: a, router: h, route: m, compContext: u, dynamicColor: S, showFillColor: W, showLineColor: L, rlux: D, rluy: p, rhight: V, rwidth: H, rrx: I, rry: v, draw: c, drawChart: g, gradientId: j, fillStyle: _, get useEventHandler() {
|
|
2734
2734
|
return te;
|
|
2735
2735
|
}, get useDataCacheStore() {
|
|
2736
|
-
return
|
|
2736
|
+
return ne;
|
|
2737
2737
|
}, get createSmartAccessor() {
|
|
2738
|
-
return
|
|
2738
|
+
return re;
|
|
2739
2739
|
}, get CreateCompContext() {
|
|
2740
2740
|
return ee;
|
|
2741
|
-
}, ref: b, computed:
|
|
2741
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get CommonUtils() {
|
|
2742
2742
|
return Q;
|
|
2743
2743
|
}, get useRoute() {
|
|
2744
2744
|
return oe;
|
|
@@ -2747,20 +2747,20 @@ const ho = /* @__PURE__ */ he(fo, [["render", vo], ["__scopeId", "data-v-7dcb208
|
|
|
2747
2747
|
}, get useDynamicColor() {
|
|
2748
2748
|
return be;
|
|
2749
2749
|
} };
|
|
2750
|
-
return Object.defineProperty(
|
|
2750
|
+
return Object.defineProperty(B, "__isScriptSetup", { enumerable: !1, value: !0 }), B;
|
|
2751
2751
|
}
|
|
2752
2752
|
});
|
|
2753
|
-
function mo(t, s, r, e, d,
|
|
2753
|
+
function mo(t, s, r, e, d, n) {
|
|
2754
2754
|
return P(), K("div", { class: "svg-container" }, [
|
|
2755
2755
|
(P(), K("svg", {
|
|
2756
2756
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2757
2757
|
width: e.element.style.width,
|
|
2758
2758
|
height: e.element.style.height
|
|
2759
2759
|
}, [
|
|
2760
|
-
|
|
2760
|
+
ie(" 根据条件判断是否渲染渐变定义 "),
|
|
2761
2761
|
ge(),
|
|
2762
2762
|
e.propValue.hasGradient ? (P(), K("defs", { key: 0 }, [
|
|
2763
|
-
|
|
2763
|
+
ie(" 这里根据渐变类型动态渲染线性或径向渐变 "),
|
|
2764
2764
|
ge(),
|
|
2765
2765
|
e.propValue.gradientType === "linear" ? (P(), K("linearGradient", {
|
|
2766
2766
|
key: 0,
|
|
@@ -2802,9 +2802,9 @@ function mo(t, s, r, e, d, o) {
|
|
|
2802
2802
|
"stop-color": e.propValue.gradientStopsColor2
|
|
2803
2803
|
}, null, 8, ["offset", "stop-color"]))
|
|
2804
2804
|
], 8, ["id", "cx", "cy", "r", "fx", "fy"]))
|
|
2805
|
-
])) :
|
|
2805
|
+
])) : ie("", !0),
|
|
2806
2806
|
ge(),
|
|
2807
|
-
|
|
2807
|
+
ue("rect", {
|
|
2808
2808
|
x: e.rlux,
|
|
2809
2809
|
y: e.rluy,
|
|
2810
2810
|
height: e.rhight,
|
|
@@ -2821,7 +2821,7 @@ function mo(t, s, r, e, d, o) {
|
|
|
2821
2821
|
], 8, ["width", "height"]))
|
|
2822
2822
|
]);
|
|
2823
2823
|
}
|
|
2824
|
-
const go = /* @__PURE__ */
|
|
2824
|
+
const go = /* @__PURE__ */ pe(ho, [["render", mo], ["__scopeId", "data-v-4ce499b1"], ["__file", "Component.vue"]]), yo = /* @__PURE__ */ Object.assign({
|
|
2825
2825
|
name: "SVGTriangle"
|
|
2826
2826
|
}, {
|
|
2827
2827
|
__name: "Component",
|
|
@@ -2844,38 +2844,38 @@ const go = /* @__PURE__ */ he(po, [["render", mo], ["__scopeId", "data-v-4ce499b
|
|
|
2844
2844
|
},
|
|
2845
2845
|
setup(t, { expose: s }) {
|
|
2846
2846
|
s();
|
|
2847
|
-
const r = t, e =
|
|
2847
|
+
const r = t, e = ne(), d = re(e), n = b(null), o = x(() => r.propValue || {}), l = x(() => r.element || {}), i = x(() => l.value.events || []), a = le(), h = oe(), m = ee(o, l, a, h);
|
|
2848
2848
|
J(() => {
|
|
2849
|
-
|
|
2849
|
+
n.value = te(i.value, r.designStatus, m), n.value?.beforeMount();
|
|
2850
2850
|
}), q(() => {
|
|
2851
|
-
D(),
|
|
2851
|
+
D(), n.value?.mounted();
|
|
2852
2852
|
}), Z(() => {
|
|
2853
|
-
|
|
2853
|
+
n.value?.beforeUnmount();
|
|
2854
2854
|
}), $(() => {
|
|
2855
|
-
|
|
2855
|
+
n.value?.unmounted();
|
|
2856
2856
|
});
|
|
2857
|
-
const { dynamicColor: u } = be(
|
|
2858
|
-
A(() =>
|
|
2857
|
+
const { dynamicColor: u } = be(o, d, e.rules, Q), S = x(() => u.fillColor ? u.fillColor : o.value.fillColor ? o.value.fillColor : "none"), W = x(() => u.lineColor ? u.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), L = b([]);
|
|
2858
|
+
A(() => l.value.style.width, (H) => {
|
|
2859
2859
|
D();
|
|
2860
|
-
}), A(() =>
|
|
2860
|
+
}), A(() => l.value.style.height, (H) => {
|
|
2861
2861
|
D();
|
|
2862
2862
|
});
|
|
2863
2863
|
const D = () => {
|
|
2864
|
-
const { width:
|
|
2865
|
-
|
|
2866
|
-
},
|
|
2864
|
+
const { width: H, height: I } = l.value.style;
|
|
2865
|
+
p(H, I);
|
|
2866
|
+
}, p = (H, I) => {
|
|
2867
2867
|
const v = [];
|
|
2868
|
-
let c = 0,
|
|
2869
|
-
v[c++] = "M", v[c++] = 0.5 *
|
|
2870
|
-
},
|
|
2868
|
+
let c = 0, g = o.value.strokeWidth;
|
|
2869
|
+
v[c++] = "M", v[c++] = 0.5 * H, v[c++] = 0 + g, v[c++] = "L", v[c++] = 0 + g, v[c++] = I - g, v[c++] = "L", v[c++] = H - g, v[c++] = I - g, v[c++] = "Z", L.value = v.join(" ");
|
|
2870
|
+
}, V = { props: r, dataCache: e, smartData: d, eventHandler: n, propValue: o, element: l, events: i, router: a, route: h, compContext: m, dynamicColor: u, showFillColor: S, showLineColor: W, pathData: L, draw: D, drawChart: p, get useEventHandler() {
|
|
2871
2871
|
return te;
|
|
2872
2872
|
}, get useDataCacheStore() {
|
|
2873
|
-
return
|
|
2873
|
+
return ne;
|
|
2874
2874
|
}, get createSmartAccessor() {
|
|
2875
|
-
return
|
|
2875
|
+
return re;
|
|
2876
2876
|
}, get CreateCompContext() {
|
|
2877
2877
|
return ee;
|
|
2878
|
-
}, ref: b, computed:
|
|
2878
|
+
}, ref: b, computed: x, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, watch: A, get useRoute() {
|
|
2879
2879
|
return oe;
|
|
2880
2880
|
}, get useRouter() {
|
|
2881
2881
|
return le;
|
|
@@ -2884,17 +2884,17 @@ const go = /* @__PURE__ */ he(po, [["render", mo], ["__scopeId", "data-v-4ce499b
|
|
|
2884
2884
|
}, get useDynamicColor() {
|
|
2885
2885
|
return be;
|
|
2886
2886
|
} };
|
|
2887
|
-
return Object.defineProperty(
|
|
2887
|
+
return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
|
|
2888
2888
|
}
|
|
2889
2889
|
});
|
|
2890
|
-
function Co(t, s, r, e, d,
|
|
2890
|
+
function Co(t, s, r, e, d, n) {
|
|
2891
2891
|
return P(), K("div", { class: "svg-container" }, [
|
|
2892
2892
|
(P(), K("svg", {
|
|
2893
2893
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2894
2894
|
width: e.element.style.width,
|
|
2895
2895
|
height: e.element.style.height
|
|
2896
2896
|
}, [
|
|
2897
|
-
|
|
2897
|
+
ue("path", {
|
|
2898
2898
|
d: e.pathData,
|
|
2899
2899
|
stroke: e.showLineColor,
|
|
2900
2900
|
"stroke-width": e.propValue.strokeWidth,
|
|
@@ -2903,7 +2903,7 @@ function Co(t, s, r, e, d, o) {
|
|
|
2903
2903
|
], 8, ["width", "height"]))
|
|
2904
2904
|
]);
|
|
2905
2905
|
}
|
|
2906
|
-
const bo = /* @__PURE__ */
|
|
2906
|
+
const bo = /* @__PURE__ */ pe(yo, [["render", Co], ["__scopeId", "data-v-aec13cc0"], ["__file", "Component.vue"]]), xo = /* @__PURE__ */ Object.assign({
|
|
2907
2907
|
name: "SVGVLine"
|
|
2908
2908
|
}, {
|
|
2909
2909
|
__name: "Component",
|
|
@@ -2926,37 +2926,37 @@ const bo = /* @__PURE__ */ he(yo, [["render", Co], ["__scopeId", "data-v-aec13cc
|
|
|
2926
2926
|
},
|
|
2927
2927
|
setup(t, { expose: s }) {
|
|
2928
2928
|
s();
|
|
2929
|
-
const r = t, e =
|
|
2929
|
+
const r = t, e = ne(), d = re(e), n = b(null), o = x(() => r.propValue || {}), l = x(() => r.element || {}), i = x(() => l.value.events || []), a = le(), h = oe(), m = ee(o, l, a, h);
|
|
2930
2930
|
J(() => {
|
|
2931
|
-
|
|
2931
|
+
n.value = te(i.value, r.designStatus, m), n.value?.beforeMount();
|
|
2932
2932
|
}), q(() => {
|
|
2933
|
-
D(),
|
|
2933
|
+
D(), n.value?.mounted();
|
|
2934
2934
|
}), Z(() => {
|
|
2935
|
-
|
|
2935
|
+
n.value?.beforeUnmount();
|
|
2936
2936
|
}), $(() => {
|
|
2937
|
-
|
|
2937
|
+
n.value?.unmounted();
|
|
2938
2938
|
});
|
|
2939
|
-
const { dynamicColor: u } = be(
|
|
2940
|
-
A(() =>
|
|
2939
|
+
const { dynamicColor: u } = be(o, d, e.rules, Q), S = x(() => u.lineColor ? u.lineColor : o.value.strokeColor ? o.value.strokeColor : "none"), W = b([]), L = b([]);
|
|
2940
|
+
A(() => l.value.style.width, (H) => {
|
|
2941
2941
|
D();
|
|
2942
|
-
}), A(() =>
|
|
2942
|
+
}), A(() => l.value.style.height, (H) => {
|
|
2943
2943
|
D();
|
|
2944
2944
|
});
|
|
2945
2945
|
const D = () => {
|
|
2946
|
-
const { width:
|
|
2947
|
-
|
|
2948
|
-
},
|
|
2946
|
+
const { width: H, height: I } = l.value.style;
|
|
2947
|
+
p(H, I);
|
|
2948
|
+
}, p = (H, I) => {
|
|
2949
2949
|
const v = [0.5, 0], c = [0.5, 1];
|
|
2950
|
-
|
|
2951
|
-
},
|
|
2950
|
+
W.value = [H * v[0], I * v[1]], L.value = [H * c[0], I * c[1]];
|
|
2951
|
+
}, V = { props: r, dataCache: e, smartData: d, eventHandler: n, propValue: o, element: l, events: i, router: a, route: h, compContext: m, dynamicColor: u, showLineColor: S, LineL1P1: W, LineL1P2: L, draw: D, drawChart: p, get useEventHandler() {
|
|
2952
2952
|
return te;
|
|
2953
2953
|
}, get useDataCacheStore() {
|
|
2954
|
-
return
|
|
2954
|
+
return ne;
|
|
2955
2955
|
}, get createSmartAccessor() {
|
|
2956
|
-
return
|
|
2956
|
+
return re;
|
|
2957
2957
|
}, get CreateCompContext() {
|
|
2958
2958
|
return ee;
|
|
2959
|
-
}, ref: b, computed:
|
|
2959
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
2960
2960
|
return oe;
|
|
2961
2961
|
}, get useRouter() {
|
|
2962
2962
|
return le;
|
|
@@ -2965,17 +2965,17 @@ const bo = /* @__PURE__ */ he(yo, [["render", Co], ["__scopeId", "data-v-aec13cc
|
|
|
2965
2965
|
}, get useDynamicColor() {
|
|
2966
2966
|
return be;
|
|
2967
2967
|
} };
|
|
2968
|
-
return Object.defineProperty(
|
|
2968
|
+
return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
|
|
2969
2969
|
}
|
|
2970
2970
|
});
|
|
2971
|
-
function wo(t, s, r, e, d,
|
|
2971
|
+
function wo(t, s, r, e, d, n) {
|
|
2972
2972
|
return P(), K("div", { class: "svg-container" }, [
|
|
2973
2973
|
(P(), K("svg", {
|
|
2974
2974
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2975
2975
|
width: e.element.style.width,
|
|
2976
2976
|
height: e.element.style.height
|
|
2977
2977
|
}, [
|
|
2978
|
-
|
|
2978
|
+
ue("line", {
|
|
2979
2979
|
x1: e.LineL1P1[0],
|
|
2980
2980
|
y1: e.LineL1P1[1],
|
|
2981
2981
|
x2: e.LineL1P2[0],
|
|
@@ -2991,12 +2991,12 @@ function wo(t, s, r, e, d, o) {
|
|
|
2991
2991
|
to: e.propValue.animateTo,
|
|
2992
2992
|
dur: e.propValue.animateDur + "s",
|
|
2993
2993
|
repeatCount: "indefinite"
|
|
2994
|
-
}, null, 8, ["from", "to", "dur"])) :
|
|
2994
|
+
}, null, 8, ["from", "to", "dur"])) : ie("", !0)
|
|
2995
2995
|
], 8, ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"])
|
|
2996
2996
|
], 8, ["width", "height"]))
|
|
2997
2997
|
]);
|
|
2998
2998
|
}
|
|
2999
|
-
const So = /* @__PURE__ */
|
|
2999
|
+
const So = /* @__PURE__ */ pe(xo, [["render", wo], ["__scopeId", "data-v-cddc7262"], ["__file", "Component.vue"]]), _o = /* @__PURE__ */ Object.assign({
|
|
3000
3000
|
name: "SVGWenBen"
|
|
3001
3001
|
}, {
|
|
3002
3002
|
__name: "Component",
|
|
@@ -3018,62 +3018,62 @@ const So = /* @__PURE__ */ he(xo, [["render", wo], ["__scopeId", "data-v-cddc726
|
|
|
3018
3018
|
}
|
|
3019
3019
|
},
|
|
3020
3020
|
setup(t, { expose: s }) {
|
|
3021
|
-
const r = t, e = b(null), d =
|
|
3021
|
+
const r = t, e = b(null), d = x(() => r.propValue || {}), n = x(() => r.element || {}), o = x(() => n.value.events || []), l = b(0), i = b(0), a = b(""), h = b(""), m = (v) => {
|
|
3022
3022
|
e.value?.handleClick(v);
|
|
3023
3023
|
}, u = (v) => {
|
|
3024
3024
|
e.value?.handleDblClick(v);
|
|
3025
3025
|
};
|
|
3026
|
-
A(() =>
|
|
3027
|
-
|
|
3028
|
-
}), A(() =>
|
|
3029
|
-
|
|
3026
|
+
A(() => n.value.style.width, (v) => {
|
|
3027
|
+
S();
|
|
3028
|
+
}), A(() => n.value.style.height, (v) => {
|
|
3029
|
+
S();
|
|
3030
3030
|
}), A(() => d.value.horizontalAlign, (v) => {
|
|
3031
|
-
|
|
3031
|
+
S();
|
|
3032
3032
|
}), A(() => d.value.offsetX, (v) => {
|
|
3033
|
-
|
|
3033
|
+
S();
|
|
3034
3034
|
});
|
|
3035
|
-
const
|
|
3035
|
+
const S = () => {
|
|
3036
3036
|
const { width: v, height: c } = r.element.style;
|
|
3037
|
-
|
|
3038
|
-
},
|
|
3039
|
-
let
|
|
3040
|
-
|
|
3041
|
-
}, L = le(), D = oe(),
|
|
3037
|
+
W(v, c);
|
|
3038
|
+
}, W = (v, c) => {
|
|
3039
|
+
let g = r.propValue.horizontalAlign || "left", j = r.propValue.offsetX || 0;
|
|
3040
|
+
g == "center" ? (h.value = "middle", l.value = v * 0.5) : g == "right" ? (l.value = v - j, h.value = "end") : (l.value = 0 + j, h.value = "start"), a.value = "central", i.value = c * 0.5;
|
|
3041
|
+
}, L = le(), D = oe(), p = ee(d, n, L, D);
|
|
3042
3042
|
J(() => {
|
|
3043
|
-
e.value = te(
|
|
3043
|
+
e.value = te(o.value, r.designStatus, p), e.value?.beforeMount();
|
|
3044
3044
|
}), q(() => {
|
|
3045
|
-
|
|
3045
|
+
S(), e.value?.mounted();
|
|
3046
3046
|
}), Z(() => {
|
|
3047
3047
|
e.value?.beforeUnmount();
|
|
3048
3048
|
}), $(() => {
|
|
3049
3049
|
e.value?.unmounted();
|
|
3050
3050
|
}), s({
|
|
3051
|
-
handleClick:
|
|
3051
|
+
handleClick: m
|
|
3052
3052
|
});
|
|
3053
|
-
const { processMenus:
|
|
3053
|
+
const { processMenus: V } = We(), I = { props: r, eventHandler: e, propValue: d, element: n, events: o, textX: l, textY: i, textBaseLine: a, textAnchor: h, handleClick: m, handleDblClick: u, draw: S, drawChart: W, router: L, route: D, compContext: p, processMenus: V, openContextMenu: (v) => {
|
|
3054
3054
|
v.preventDefault();
|
|
3055
3055
|
let c = d.value.menuItems || [];
|
|
3056
3056
|
if (Q.isArray(c) && c.length > 0) {
|
|
3057
|
-
let
|
|
3058
|
-
|
|
3057
|
+
let g = [];
|
|
3058
|
+
g = V(c, function(j, _) {
|
|
3059
3059
|
e.value?.handleContextMenu(v, j.value);
|
|
3060
3060
|
}), Oe.showContextMenu({
|
|
3061
3061
|
x: v.x,
|
|
3062
3062
|
y: v.y,
|
|
3063
|
-
items:
|
|
3063
|
+
items: g
|
|
3064
3064
|
});
|
|
3065
3065
|
}
|
|
3066
3066
|
}, get useEventHandler() {
|
|
3067
3067
|
return te;
|
|
3068
3068
|
}, get useDataCacheStore() {
|
|
3069
|
-
return
|
|
3069
|
+
return ne;
|
|
3070
3070
|
}, get createSmartAccessor() {
|
|
3071
|
-
return
|
|
3071
|
+
return re;
|
|
3072
3072
|
}, get CreateCompContext() {
|
|
3073
3073
|
return ee;
|
|
3074
3074
|
}, get CommonUtils() {
|
|
3075
3075
|
return Q;
|
|
3076
|
-
}, watch: A, onMounted: q, computed:
|
|
3076
|
+
}, watch: A, onMounted: q, computed: x, ref: b, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
3077
3077
|
return oe;
|
|
3078
3078
|
}, get useRouter() {
|
|
3079
3079
|
return le;
|
|
@@ -3082,10 +3082,10 @@ const So = /* @__PURE__ */ he(xo, [["render", wo], ["__scopeId", "data-v-cddc726
|
|
|
3082
3082
|
}, get useMenuHandler() {
|
|
3083
3083
|
return We;
|
|
3084
3084
|
} };
|
|
3085
|
-
return Object.defineProperty(
|
|
3085
|
+
return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
|
|
3086
3086
|
}
|
|
3087
3087
|
});
|
|
3088
|
-
function
|
|
3088
|
+
function ko(t, s, r, e, d, n) {
|
|
3089
3089
|
return P(), K("div", {
|
|
3090
3090
|
class: "svg-container",
|
|
3091
3091
|
onClick: e.handleClick,
|
|
@@ -3110,9 +3110,9 @@ function _o(t, s, r, e, d, o) {
|
|
|
3110
3110
|
"fill-opacity": e.propValue.fillOpacity,
|
|
3111
3111
|
"stroke-opacity": e.propValue.strokeOpacity,
|
|
3112
3112
|
"stroke-width": e.propValue.strokeWidth
|
|
3113
|
-
}, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) :
|
|
3113
|
+
}, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ie("", !0),
|
|
3114
3114
|
ge(),
|
|
3115
|
-
|
|
3115
|
+
ue("text", {
|
|
3116
3116
|
x: e.textX,
|
|
3117
3117
|
y: e.textY,
|
|
3118
3118
|
dx: e.propValue.dx,
|
|
@@ -3126,7 +3126,7 @@ function _o(t, s, r, e, d, o) {
|
|
|
3126
3126
|
], 8, ["width", "height"]))
|
|
3127
3127
|
], 32);
|
|
3128
3128
|
}
|
|
3129
|
-
const Vo = /* @__PURE__ */
|
|
3129
|
+
const Vo = /* @__PURE__ */ pe(_o, [["render", ko], ["__scopeId", "data-v-ea6a17d7"], ["__file", "Component.vue"]]), Mo = /* @__PURE__ */ Object.assign({
|
|
3130
3130
|
name: "SVGWenBen2"
|
|
3131
3131
|
}, {
|
|
3132
3132
|
__name: "Component",
|
|
@@ -3149,62 +3149,62 @@ const Vo = /* @__PURE__ */ he(ko, [["render", _o], ["__scopeId", "data-v-ea6a17d
|
|
|
3149
3149
|
},
|
|
3150
3150
|
setup(t, { expose: s }) {
|
|
3151
3151
|
s();
|
|
3152
|
-
const { isNotEmpty: r } = Q, e = t, d =
|
|
3153
|
-
const { width:
|
|
3154
|
-
let
|
|
3155
|
-
return r(d.value.translateX) || r(d.value.translateY) ? r(d.value.translateX) && r(d.value.translateY) ? `rotate(90,${
|
|
3156
|
-
}), a = b(0),
|
|
3157
|
-
|
|
3158
|
-
},
|
|
3159
|
-
|
|
3152
|
+
const { isNotEmpty: r } = Q, e = t, d = x(() => e.propValue || {}), n = x(() => e.element || {}), o = x(() => n.value.events || []), l = b(null), i = x(() => {
|
|
3153
|
+
const { width: g, height: j } = n.value.style;
|
|
3154
|
+
let _ = g / 2, B = j / 2;
|
|
3155
|
+
return r(d.value.translateX) || r(d.value.translateY) ? r(d.value.translateX) && r(d.value.translateY) ? `rotate(90,${_},${B}) translate(${d.value.translateX}, ${d.value.translateY})` : r(d.value.translateX) ? `rotate(90,${_},${B}) translate(${d.value.translateX}, 0)` : `rotate(90,${_},${B}) translate(0, ${d.value.translateY})` : `rotate(90,${_},${B})`;
|
|
3156
|
+
}), a = b(0), h = b(0), m = b(""), u = b(""), S = (g) => {
|
|
3157
|
+
l.value?.handleClick(g);
|
|
3158
|
+
}, W = (g) => {
|
|
3159
|
+
l.value?.handleDblClick(g);
|
|
3160
3160
|
};
|
|
3161
|
-
A(() =>
|
|
3161
|
+
A(() => n.value.style.width, (g) => {
|
|
3162
3162
|
L();
|
|
3163
|
-
}), A(() =>
|
|
3163
|
+
}), A(() => n.value.style.height, (g) => {
|
|
3164
3164
|
L();
|
|
3165
|
-
}), A(() => d.value.horizontalAlign, (
|
|
3165
|
+
}), A(() => d.value.horizontalAlign, (g) => {
|
|
3166
3166
|
L();
|
|
3167
|
-
}), A(() => d.value.offsetX, (
|
|
3167
|
+
}), A(() => d.value.offsetX, (g) => {
|
|
3168
3168
|
L();
|
|
3169
3169
|
});
|
|
3170
3170
|
const L = () => {
|
|
3171
|
-
const { width:
|
|
3172
|
-
D(
|
|
3173
|
-
}, D = (
|
|
3174
|
-
let
|
|
3175
|
-
|
|
3176
|
-
},
|
|
3171
|
+
const { width: g, height: j } = e.element.style;
|
|
3172
|
+
D(g, j);
|
|
3173
|
+
}, D = (g, j) => {
|
|
3174
|
+
let _ = e.propValue.horizontalAlign || "left", B = e.propValue.offsetX || 0;
|
|
3175
|
+
_ == "center" ? (u.value = "middle", a.value = g * 0.5) : _ == "right" ? (a.value = g - B, u.value = "end") : (a.value = 0 + B, u.value = "start"), m.value = "central", h.value = j * 0.5;
|
|
3176
|
+
}, p = le(), V = oe(), H = ee(d, n, p, V);
|
|
3177
3177
|
J(() => {
|
|
3178
|
-
|
|
3178
|
+
l.value = te(o.value, e.designStatus, H), l.value?.beforeMount();
|
|
3179
3179
|
}), q(() => {
|
|
3180
|
-
L(),
|
|
3180
|
+
L(), l.value?.mounted();
|
|
3181
3181
|
}), Z(() => {
|
|
3182
|
-
|
|
3182
|
+
l.value?.beforeUnmount();
|
|
3183
3183
|
}), $(() => {
|
|
3184
|
-
|
|
3184
|
+
l.value?.unmounted();
|
|
3185
3185
|
});
|
|
3186
|
-
const { processMenus:
|
|
3187
|
-
|
|
3186
|
+
const { processMenus: I } = We(), c = { isNotEmpty: r, props: e, propValue: d, element: n, events: o, eventHandler: l, transformAttr: i, textX: a, textY: h, textBaseLine: m, textAnchor: u, handleClick: S, handleDblClick: W, draw: L, drawChart: D, router: p, route: V, compContext: H, processMenus: I, openContextMenu: (g) => {
|
|
3187
|
+
g.preventDefault();
|
|
3188
3188
|
let j = d.value.menuItems || [];
|
|
3189
3189
|
if (Q.isArray(j) && j.length > 0) {
|
|
3190
|
-
let
|
|
3191
|
-
|
|
3192
|
-
|
|
3190
|
+
let _ = [];
|
|
3191
|
+
_ = I(j, function(B, R) {
|
|
3192
|
+
l.value?.handleContextMenu(g, B.value);
|
|
3193
3193
|
}), Oe.showContextMenu({
|
|
3194
|
-
x:
|
|
3195
|
-
y:
|
|
3196
|
-
items:
|
|
3194
|
+
x: g.x,
|
|
3195
|
+
y: g.y,
|
|
3196
|
+
items: _
|
|
3197
3197
|
});
|
|
3198
3198
|
}
|
|
3199
3199
|
}, get useEventHandler() {
|
|
3200
3200
|
return te;
|
|
3201
3201
|
}, get useDataCacheStore() {
|
|
3202
|
-
return
|
|
3202
|
+
return ne;
|
|
3203
3203
|
}, get createSmartAccessor() {
|
|
3204
|
-
return
|
|
3204
|
+
return re;
|
|
3205
3205
|
}, get CreateCompContext() {
|
|
3206
3206
|
return ee;
|
|
3207
|
-
}, ref: b, watch: A, computed:
|
|
3207
|
+
}, ref: b, watch: A, computed: x, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
3208
3208
|
return oe;
|
|
3209
3209
|
}, get useRouter() {
|
|
3210
3210
|
return le;
|
|
@@ -3218,7 +3218,7 @@ const Vo = /* @__PURE__ */ he(ko, [["render", _o], ["__scopeId", "data-v-ea6a17d
|
|
|
3218
3218
|
return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
|
|
3219
3219
|
}
|
|
3220
3220
|
});
|
|
3221
|
-
function Io(t, s, r, e, d,
|
|
3221
|
+
function Io(t, s, r, e, d, n) {
|
|
3222
3222
|
return P(), K("div", {
|
|
3223
3223
|
class: "svg-container",
|
|
3224
3224
|
onClick: e.handleClick,
|
|
@@ -3243,7 +3243,7 @@ function Io(t, s, r, e, d, o) {
|
|
|
3243
3243
|
"fill-opacity": e.propValue.fillOpacity,
|
|
3244
3244
|
"stroke-opacity": e.propValue.strokeOpacity,
|
|
3245
3245
|
"stroke-width": e.propValue.strokeWidth
|
|
3246
|
-
}, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) :
|
|
3246
|
+
}, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ie("", !0),
|
|
3247
3247
|
ge(),
|
|
3248
3248
|
e.propValue.verticalText ? (P(), K("text", {
|
|
3249
3249
|
key: 1,
|
|
@@ -3274,7 +3274,7 @@ function Io(t, s, r, e, d, o) {
|
|
|
3274
3274
|
], 8, ["width", "height"]))
|
|
3275
3275
|
], 32);
|
|
3276
3276
|
}
|
|
3277
|
-
const Oo = /* @__PURE__ */
|
|
3277
|
+
const Oo = /* @__PURE__ */ pe(Mo, [["render", Io], ["__scopeId", "data-v-ac44471c"], ["__file", "Component.vue"]]), Wo = /* @__PURE__ */ Object.assign({
|
|
3278
3278
|
name: "SVGRhombus"
|
|
3279
3279
|
}, {
|
|
3280
3280
|
__name: "Component",
|
|
@@ -3297,41 +3297,41 @@ const Oo = /* @__PURE__ */ he(Mo, [["render", Io], ["__scopeId", "data-v-ac44471
|
|
|
3297
3297
|
},
|
|
3298
3298
|
setup(t, { expose: s }) {
|
|
3299
3299
|
s();
|
|
3300
|
-
const { generateSecureUUID: r } = Q, e = t, d =
|
|
3300
|
+
const { generateSecureUUID: r } = Q, e = t, d = ne(), n = re(d), o = b(null), l = x(() => e.propValue || {}), i = x(() => e.element || {}), a = x(() => i.value.events || []), h = le(), m = oe(), u = ee(l, i, h, m);
|
|
3301
3301
|
J(() => {
|
|
3302
|
-
|
|
3302
|
+
o.value = te(a.value, e.designStatus, u), o.value?.beforeMount(), I.value = r();
|
|
3303
3303
|
}), q(() => {
|
|
3304
|
-
|
|
3304
|
+
V(), o.value?.mounted();
|
|
3305
3305
|
}), Z(() => {
|
|
3306
|
-
|
|
3306
|
+
o.value?.beforeUnmount();
|
|
3307
3307
|
}), $(() => {
|
|
3308
|
-
|
|
3308
|
+
o.value?.unmounted();
|
|
3309
3309
|
});
|
|
3310
|
-
const { dynamicColor:
|
|
3311
|
-
A(() => i.value.style.width, (
|
|
3312
|
-
|
|
3313
|
-
}), A(() => i.value.style.height, (
|
|
3314
|
-
|
|
3315
|
-
}), A(() =>
|
|
3316
|
-
|
|
3317
|
-
}), A(() =>
|
|
3318
|
-
|
|
3310
|
+
const { dynamicColor: S } = be(l, n, d.rules, Q), W = x(() => S.fillColor ? S.fillColor : l.value.fillColor ? l.value.fillColor : "none"), L = x(() => S.lineColor ? S.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), D = b(""), p = b(2);
|
|
3311
|
+
A(() => i.value.style.width, (g) => {
|
|
3312
|
+
V();
|
|
3313
|
+
}), A(() => i.value.style.height, (g) => {
|
|
3314
|
+
V();
|
|
3315
|
+
}), A(() => l.value.tilt, (g) => {
|
|
3316
|
+
V();
|
|
3317
|
+
}), A(() => l.value.offsetLen, (g) => {
|
|
3318
|
+
V();
|
|
3319
3319
|
});
|
|
3320
|
-
const
|
|
3321
|
-
const { width:
|
|
3322
|
-
|
|
3323
|
-
},
|
|
3324
|
-
let
|
|
3325
|
-
|
|
3326
|
-
},
|
|
3320
|
+
const V = () => {
|
|
3321
|
+
const { width: g, height: j } = i.value.style;
|
|
3322
|
+
H(g, j);
|
|
3323
|
+
}, H = (g, j) => {
|
|
3324
|
+
let _ = l.value.tilt || "right", B = l.value.offsetLen || 0, R = [], C = 0, Y = Math.round((g - 2 * p.value) * 0.5);
|
|
3325
|
+
B = Number(B), B = B < 0 ? 0 : B, B = B > Y ? Y : B, _ == "left" ? (R[C++] = p.value, R[C++] = ",", R[C++] = p.value, R[C++] = g - p.value - B, R[C++] = ",", R[C++] = p.value, R[C++] = g - p.value, R[C++] = ",", R[C++] = j - p.value, R[C++] = p.value + B, R[C++] = ",", R[C++] = j - p.value, R[C++] = p.value, R[C++] = ",", R[C++] = p.value, D.value = R.join(" ")) : (R[C++] = p.value + B, R[C++] = ",", R[C++] = p.value, R[C++] = g - p.value, R[C++] = ",", R[C++] = p.value, R[C++] = g - p.value - B, R[C++] = ",", R[C++] = j - p.value, R[C++] = p.value, R[C++] = ",", R[C++] = j - p.value, R[C++] = p.value + B, R[C++] = ",", R[C++] = p.value, D.value = R.join(" "));
|
|
3326
|
+
}, I = b(""), v = x(() => l.value.hasGradient ? `url(#${I.value})` : W.value), c = { generateSecureUUID: r, props: e, dataCache: d, smartData: n, eventHandler: o, propValue: l, element: i, events: a, router: h, route: m, compContext: u, dynamicColor: S, showFillColor: W, showLineColor: L, pointDatas: D, gap: p, draw: V, drawChart: H, gradientId: I, fillStyle: v, get useEventHandler() {
|
|
3327
3327
|
return te;
|
|
3328
3328
|
}, get useDataCacheStore() {
|
|
3329
|
-
return
|
|
3329
|
+
return ne;
|
|
3330
3330
|
}, get createSmartAccessor() {
|
|
3331
|
-
return
|
|
3331
|
+
return re;
|
|
3332
3332
|
}, get CreateCompContext() {
|
|
3333
3333
|
return ee;
|
|
3334
|
-
}, ref: b, computed:
|
|
3334
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get CommonUtils() {
|
|
3335
3335
|
return Q;
|
|
3336
3336
|
}, get useRoute() {
|
|
3337
3337
|
return oe;
|
|
@@ -3343,17 +3343,17 @@ const Oo = /* @__PURE__ */ he(Mo, [["render", Io], ["__scopeId", "data-v-ac44471
|
|
|
3343
3343
|
return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
|
|
3344
3344
|
}
|
|
3345
3345
|
});
|
|
3346
|
-
function Do(t, s, r, e, d,
|
|
3346
|
+
function Do(t, s, r, e, d, n) {
|
|
3347
3347
|
return P(), K("div", { class: "svg-container" }, [
|
|
3348
3348
|
(P(), K("svg", {
|
|
3349
3349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3350
3350
|
width: e.element.style.width,
|
|
3351
3351
|
height: e.element.style.height
|
|
3352
3352
|
}, [
|
|
3353
|
-
|
|
3353
|
+
ie(" 根据条件判断是否渲染渐变定义 "),
|
|
3354
3354
|
ge(),
|
|
3355
3355
|
e.propValue.hasGradient ? (P(), K("defs", { key: 0 }, [
|
|
3356
|
-
|
|
3356
|
+
ie(" 这里根据渐变类型动态渲染线性或径向渐变 "),
|
|
3357
3357
|
ge(),
|
|
3358
3358
|
e.propValue.gradientType === "linear" ? (P(), K("linearGradient", {
|
|
3359
3359
|
key: 0,
|
|
@@ -3395,9 +3395,9 @@ function Do(t, s, r, e, d, o) {
|
|
|
3395
3395
|
"stop-color": e.propValue.gradientStopsColor2
|
|
3396
3396
|
}, null, 8, ["offset", "stop-color"]))
|
|
3397
3397
|
], 8, ["id", "cx", "cy", "r", "fx", "fy"]))
|
|
3398
|
-
])) :
|
|
3398
|
+
])) : ie("", !0),
|
|
3399
3399
|
ge(),
|
|
3400
|
-
|
|
3400
|
+
ue("polygon", {
|
|
3401
3401
|
points: e.pointDatas,
|
|
3402
3402
|
stroke: e.showLineColor,
|
|
3403
3403
|
"stroke-width": e.propValue.strokeWidth,
|
|
@@ -3409,7 +3409,7 @@ function Do(t, s, r, e, d, o) {
|
|
|
3409
3409
|
], 8, ["width", "height"]))
|
|
3410
3410
|
]);
|
|
3411
3411
|
}
|
|
3412
|
-
const Ho = /* @__PURE__ */
|
|
3412
|
+
const Ho = /* @__PURE__ */ pe(Wo, [["render", Do], ["__scopeId", "data-v-78f636ae"], ["__file", "Component.vue"]]), Ro = {
|
|
3413
3413
|
__name: "index",
|
|
3414
3414
|
props: {
|
|
3415
3415
|
propValue: {
|
|
@@ -3421,46 +3421,46 @@ const Ho = /* @__PURE__ */ he(Wo, [["render", Do], ["__scopeId", "data-v-78f636a
|
|
|
3421
3421
|
},
|
|
3422
3422
|
setup(t, { expose: s }) {
|
|
3423
3423
|
s();
|
|
3424
|
-
const r = t, e =
|
|
3425
|
-
let
|
|
3424
|
+
const r = t, e = x(() => r.propValue), d = b("");
|
|
3425
|
+
let n = null, o = 3, l = 0;
|
|
3426
3426
|
q(() => {
|
|
3427
|
-
|
|
3427
|
+
n = setInterval(i, 100);
|
|
3428
3428
|
});
|
|
3429
3429
|
const i = () => {
|
|
3430
|
-
let
|
|
3431
|
-
if (isNaN(
|
|
3430
|
+
let h = e.value.value || 0;
|
|
3431
|
+
if (isNaN(h))
|
|
3432
3432
|
return;
|
|
3433
|
-
|
|
3434
|
-
let
|
|
3435
|
-
u[0] = "M", u[1] = 0, u[2] = 25, u[3] = "Q", u[4] = 6.25, u[5] = 30, u[6] = ",", u[7] = 12.5, u[8] = 25, u[9] = "T", u[10] = 25, u[11] = 25, u[12] = "T", u[13] = 37.5, u[14] = 25, u[15] = "T", u[16] = 50, u[17] = 25, u[18] = "T", u[19] = 62.5, u[20] = 25, u[21] = "T", u[22] = 75, u[23] = 25, u[24] = "V", u[25] = 50, u[26] = "H", u[27] = 0,
|
|
3433
|
+
h <= 0 && (h = 0);
|
|
3434
|
+
let m = 48 - 46 * h / 100, u = [];
|
|
3435
|
+
u[0] = "M", u[1] = 0, u[2] = 25, u[3] = "Q", u[4] = 6.25, u[5] = 30, u[6] = ",", u[7] = 12.5, u[8] = 25, u[9] = "T", u[10] = 25, u[11] = 25, u[12] = "T", u[13] = 37.5, u[14] = 25, u[15] = "T", u[16] = 50, u[17] = 25, u[18] = "T", u[19] = 62.5, u[20] = 25, u[21] = "T", u[22] = 75, u[23] = 25, u[24] = "V", u[25] = 50, u[26] = "H", u[27] = 0, l += 1, l > 25 && (l = 0), u[1] = 0 - l, u[4] = 6.25 - l, u[7] = 12.5 - l, u[10] = 25 - l, u[13] = 37.5 - l, u[16] = 50 - l, u[19] = 62.5 - l, u[22] = 75 - l, u[2] = m, u[5] = m + o, u[8] = m, u[11] = m, u[14] = m, u[17] = m, u[20] = m, u[23] = m, d.value = u.join(" ");
|
|
3436
3436
|
};
|
|
3437
3437
|
Z(() => {
|
|
3438
|
-
|
|
3438
|
+
n && clearInterval(n);
|
|
3439
3439
|
});
|
|
3440
3440
|
const a = { props: r, propValue: e, pathData: d, get timer() {
|
|
3441
|
-
return
|
|
3442
|
-
}, set timer(
|
|
3443
|
-
|
|
3441
|
+
return n;
|
|
3442
|
+
}, set timer(h) {
|
|
3443
|
+
n = h;
|
|
3444
3444
|
}, get waveVal() {
|
|
3445
|
-
return
|
|
3446
|
-
}, set waveVal(
|
|
3447
|
-
|
|
3445
|
+
return o;
|
|
3446
|
+
}, set waveVal(h) {
|
|
3447
|
+
o = h;
|
|
3448
3448
|
}, get waveOffset() {
|
|
3449
|
-
return
|
|
3450
|
-
}, set waveOffset(
|
|
3451
|
-
|
|
3452
|
-
}, drawWave: i, computed:
|
|
3449
|
+
return l;
|
|
3450
|
+
}, set waveOffset(h) {
|
|
3451
|
+
l = h;
|
|
3452
|
+
}, drawWave: i, computed: x, onBeforeUnmount: Z, onMounted: q, ref: b };
|
|
3453
3453
|
return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
|
|
3454
3454
|
}
|
|
3455
3455
|
};
|
|
3456
|
-
function Lo(t, s, r, e, d,
|
|
3456
|
+
function Lo(t, s, r, e, d, n) {
|
|
3457
3457
|
return P(), K("svg", {
|
|
3458
3458
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3459
3459
|
viewBox: "0 0 50 50"
|
|
3460
3460
|
}, [
|
|
3461
|
-
|
|
3462
|
-
|
|
3463
|
-
|
|
3461
|
+
ue("defs", null, [
|
|
3462
|
+
ue("clipPath", { id: "clipWave-507210b2-7385-44df-9082-2785295e5ac9" }, [
|
|
3463
|
+
ue("circle", {
|
|
3464
3464
|
cx: "25",
|
|
3465
3465
|
cy: "25",
|
|
3466
3466
|
r: "23",
|
|
@@ -3469,7 +3469,7 @@ function Lo(t, s, r, e, d, o) {
|
|
|
3469
3469
|
])
|
|
3470
3470
|
]),
|
|
3471
3471
|
ge(),
|
|
3472
|
-
|
|
3472
|
+
ue("circle", {
|
|
3473
3473
|
cx: 25,
|
|
3474
3474
|
cy: 25,
|
|
3475
3475
|
r: 24,
|
|
@@ -3478,13 +3478,13 @@ function Lo(t, s, r, e, d, o) {
|
|
|
3478
3478
|
"stroke-width": 1
|
|
3479
3479
|
}, null, 8, ["stroke"]),
|
|
3480
3480
|
ge(),
|
|
3481
|
-
|
|
3481
|
+
ue("path", {
|
|
3482
3482
|
d: e.pathData,
|
|
3483
3483
|
fill: e.propValue.strokeColor2 ? e.propValue.strokeColor2 : "none",
|
|
3484
3484
|
"clip-path": "url(#clipWave-507210b2-7385-44df-9082-2785295e5ac9)"
|
|
3485
3485
|
}, null, 8, ["d", "fill"]),
|
|
3486
3486
|
ge(),
|
|
3487
|
-
|
|
3487
|
+
ue("text", {
|
|
3488
3488
|
x: 25,
|
|
3489
3489
|
y: 25,
|
|
3490
3490
|
fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
|
|
@@ -3496,7 +3496,7 @@ function Lo(t, s, r, e, d, o) {
|
|
|
3496
3496
|
`, 9, ["fill", "font-size", "font-family"])
|
|
3497
3497
|
]);
|
|
3498
3498
|
}
|
|
3499
|
-
const Po = /* @__PURE__ */
|
|
3499
|
+
const Po = /* @__PURE__ */ pe(Ro, [["render", Lo], ["__file", "index.vue"]]), jo = /* @__PURE__ */ Object.assign({
|
|
3500
3500
|
name: "SVGLiquidFillBall"
|
|
3501
3501
|
}, {
|
|
3502
3502
|
__name: "Component",
|
|
@@ -3519,9 +3519,9 @@ const Po = /* @__PURE__ */ he(Ro, [["render", Lo], ["__file", "index.vue"]]), jo
|
|
|
3519
3519
|
},
|
|
3520
3520
|
setup(t, { expose: s }) {
|
|
3521
3521
|
s();
|
|
3522
|
-
const { isObject: r, isValid: e, isNumber: d } = Q,
|
|
3522
|
+
const { isObject: r, isValid: e, isNumber: d } = Q, n = t, o = ne(), l = re(o), i = b(null), a = x(() => n.propValue || {}), h = x(() => n.element || {}), m = x(() => h.value.events || []), u = le(), S = oe(), W = ee(a, h, u, S);
|
|
3523
3523
|
J(() => {
|
|
3524
|
-
i.value = te(
|
|
3524
|
+
i.value = te(m.value, n.designStatus, W), i.value?.beforeMount();
|
|
3525
3525
|
}), q(() => {
|
|
3526
3526
|
i.value?.mounted();
|
|
3527
3527
|
}), Z(() => {
|
|
@@ -3533,36 +3533,36 @@ const Po = /* @__PURE__ */ he(Ro, [["render", Lo], ["__file", "index.vue"]]), jo
|
|
|
3533
3533
|
i.value?.handleClick(v);
|
|
3534
3534
|
}, D = (v) => {
|
|
3535
3535
|
i.value?.handleDblClick(v);
|
|
3536
|
-
},
|
|
3537
|
-
A(() =>
|
|
3538
|
-
e(v) &&
|
|
3536
|
+
}, p = l[a.value.dataCK];
|
|
3537
|
+
A(() => p.value, (v) => {
|
|
3538
|
+
e(v) && V(v);
|
|
3539
3539
|
}, { immediate: !0 });
|
|
3540
|
-
function
|
|
3541
|
-
|
|
3540
|
+
function V(v) {
|
|
3541
|
+
H(v);
|
|
3542
3542
|
}
|
|
3543
|
-
function
|
|
3543
|
+
function H(v) {
|
|
3544
3544
|
let c = null;
|
|
3545
3545
|
r(v) ? c = v[a.value.valueKey] || null : c = v, d(c) && (a.value.value = Number(c));
|
|
3546
3546
|
}
|
|
3547
|
-
const
|
|
3547
|
+
const I = { isObject: r, isValid: e, isNumber: d, props: n, dataCache: o, smartData: l, eventHandler: i, propValue: a, element: h, events: m, router: u, route: S, compContext: W, handleClick: L, handleDblClick: D, bsData: p, dealBsData: V, parseBsData: H, get useEventHandler() {
|
|
3548
3548
|
return te;
|
|
3549
3549
|
}, get useDataCacheStore() {
|
|
3550
|
-
return
|
|
3550
|
+
return ne;
|
|
3551
3551
|
}, get createSmartAccessor() {
|
|
3552
|
-
return
|
|
3552
|
+
return re;
|
|
3553
3553
|
}, get CreateCompContext() {
|
|
3554
3554
|
return ee;
|
|
3555
|
-
}, ref: b, computed:
|
|
3555
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useRoute() {
|
|
3556
3556
|
return oe;
|
|
3557
3557
|
}, get useRouter() {
|
|
3558
3558
|
return le;
|
|
3559
3559
|
}, get CommonUtils() {
|
|
3560
3560
|
return Q;
|
|
3561
3561
|
}, LiquidFillBall: Po };
|
|
3562
|
-
return Object.defineProperty(
|
|
3562
|
+
return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
|
|
3563
3563
|
}
|
|
3564
3564
|
});
|
|
3565
|
-
function
|
|
3565
|
+
function To(t, s, r, e, d, n) {
|
|
3566
3566
|
return P(), K("div", {
|
|
3567
3567
|
class: "svg-container",
|
|
3568
3568
|
onClick: e.handleClick,
|
|
@@ -3571,7 +3571,7 @@ function Bo(t, s, r, e, d, o) {
|
|
|
3571
3571
|
Ve(e.LiquidFillBall, { "prop-value": e.propValue }, null, 8, ["prop-value"])
|
|
3572
3572
|
], 32);
|
|
3573
3573
|
}
|
|
3574
|
-
const
|
|
3574
|
+
const Bo = /* @__PURE__ */ pe(jo, [["render", To], ["__scopeId", "data-v-82417625"], ["__file", "Component.vue"]]), Ao = /* @__PURE__ */ Object.assign({
|
|
3575
3575
|
name: "SVGFile"
|
|
3576
3576
|
}, {
|
|
3577
3577
|
__name: "Component",
|
|
@@ -3594,9 +3594,9 @@ const To = /* @__PURE__ */ he(jo, [["render", Bo], ["__scopeId", "data-v-8241762
|
|
|
3594
3594
|
},
|
|
3595
3595
|
setup(t, { expose: s }) {
|
|
3596
3596
|
s();
|
|
3597
|
-
const { isNotEmpty: r } = Q, e = $e(), d = b(null),
|
|
3597
|
+
const { isNotEmpty: r } = Q, e = $e(), d = b(null), n = t, o = ne(), l = re(o), i = b(null), a = x(() => n.propValue || {}), h = x(() => n.element || {}), m = x(() => h.value.events || []), u = le(), S = oe(), W = ee(a, h, u, S);
|
|
3598
3598
|
J(() => {
|
|
3599
|
-
i.value = te(
|
|
3599
|
+
i.value = te(m.value, n.designStatus, W), i.value?.beforeMount();
|
|
3600
3600
|
}), q(() => {
|
|
3601
3601
|
i.value?.mounted();
|
|
3602
3602
|
}), Z(() => {
|
|
@@ -3608,75 +3608,75 @@ const To = /* @__PURE__ */ he(jo, [["render", Bo], ["__scopeId", "data-v-8241762
|
|
|
3608
3608
|
i.value?.setParam(C);
|
|
3609
3609
|
}, D = (C) => {
|
|
3610
3610
|
i.value?.handleDblClick(C);
|
|
3611
|
-
},
|
|
3612
|
-
A(
|
|
3611
|
+
}, p = b("");
|
|
3612
|
+
A(p, (C) => {
|
|
3613
3613
|
Se(() => {
|
|
3614
3614
|
d.value && C ? d.value.innerHTML = C : d.value && (d.value.innerHTML = "");
|
|
3615
3615
|
});
|
|
3616
3616
|
});
|
|
3617
|
-
const
|
|
3617
|
+
const V = x(() => {
|
|
3618
3618
|
let C = {};
|
|
3619
3619
|
return r(a.value.firstColor) && (C["--custom-first-color"] = a.value.firstColor), r(a.value.secondColor) && (C["--custom-second-color"] = a.value.secondColor), r(a.value.thirdColor) && (C["--custom-third-color"] = a.value.thirdColor), r(a.value.fourColor) && (C["--custom-four-color"] = a.value.fourColor), r(a.value.fiveColor) && (C["--custom-five-color"] = a.value.fiveColor), C;
|
|
3620
|
-
}),
|
|
3620
|
+
}), H = (C) => {
|
|
3621
3621
|
e.getFile(C, function(Y) {
|
|
3622
3622
|
if (Y && Y.status == 200) {
|
|
3623
|
-
let
|
|
3624
|
-
|
|
3623
|
+
let T = Y.data || "";
|
|
3624
|
+
p.value = I(T);
|
|
3625
3625
|
} else
|
|
3626
|
-
|
|
3626
|
+
p.value = "";
|
|
3627
3627
|
}, function(Y) {
|
|
3628
|
-
|
|
3628
|
+
p.value = "";
|
|
3629
3629
|
});
|
|
3630
3630
|
};
|
|
3631
3631
|
A(() => a.value.svgFile, (C) => {
|
|
3632
|
-
r(C) ?
|
|
3632
|
+
r(C) ? H(C) : p.value = "";
|
|
3633
3633
|
}, { immediate: !0 }), A(() => a.value.aspectRatio, (C) => {
|
|
3634
|
-
r(a.value.svgFile) &&
|
|
3634
|
+
r(a.value.svgFile) && H(a.value.svgFile);
|
|
3635
3635
|
}, { immediate: !0 });
|
|
3636
|
-
const
|
|
3636
|
+
const I = (C) => {
|
|
3637
3637
|
const Y = a.value.aspectRatio || "xMidYMid meet";
|
|
3638
3638
|
return C.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${Y}"`);
|
|
3639
|
-
}, v =
|
|
3639
|
+
}, v = x(() => {
|
|
3640
3640
|
const C = a.value.svgFileCK;
|
|
3641
|
-
return r(C) ?
|
|
3642
|
-
}), c =
|
|
3641
|
+
return r(C) ? l[C] : {};
|
|
3642
|
+
}), c = x(() => {
|
|
3643
3643
|
const C = a.value.firstColorCK;
|
|
3644
|
-
return r(C) ?
|
|
3645
|
-
}),
|
|
3644
|
+
return r(C) ? l[C] : {};
|
|
3645
|
+
}), g = x(() => {
|
|
3646
3646
|
const C = a.value.secondColorCK;
|
|
3647
|
-
return r(C) ?
|
|
3648
|
-
}), j =
|
|
3647
|
+
return r(C) ? l[C] : {};
|
|
3648
|
+
}), j = x(() => {
|
|
3649
3649
|
const C = a.value.thirdColorCK;
|
|
3650
|
-
return r(C) ?
|
|
3651
|
-
}),
|
|
3650
|
+
return r(C) ? l[C] : {};
|
|
3651
|
+
}), _ = x(() => {
|
|
3652
3652
|
const C = a.value.fourColorCK;
|
|
3653
|
-
return r(C) ?
|
|
3654
|
-
}),
|
|
3653
|
+
return r(C) ? l[C] : {};
|
|
3654
|
+
}), B = x(() => {
|
|
3655
3655
|
const C = a.value.fiveColorCK;
|
|
3656
|
-
return r(C) ?
|
|
3656
|
+
return r(C) ? l[C] : {};
|
|
3657
3657
|
});
|
|
3658
3658
|
A(() => v, (C) => {
|
|
3659
3659
|
r(a.value.svgFileCK) && (a.value.svgFile = C);
|
|
3660
3660
|
}), A(() => c, (C) => {
|
|
3661
3661
|
r(a.value.firstColorCK) && (a.value.firstColor = C);
|
|
3662
|
-
}), A(() =>
|
|
3662
|
+
}), A(() => g, (C) => {
|
|
3663
3663
|
r(a.value.secondColorCK) && (a.value.secondColor = C);
|
|
3664
3664
|
}), A(() => j, (C) => {
|
|
3665
3665
|
r(a.value.thirdColorCK) && (a.value.thirdColor = C);
|
|
3666
|
-
}), A(() =>
|
|
3666
|
+
}), A(() => _, (C) => {
|
|
3667
3667
|
r(a.value.fourColorCK) && (a.value.fourColor = C);
|
|
3668
|
-
}), A(() =>
|
|
3668
|
+
}), A(() => B, (C) => {
|
|
3669
3669
|
r(a.value.fiveColorCK) && (a.value.fiveColor = C);
|
|
3670
3670
|
});
|
|
3671
|
-
const
|
|
3671
|
+
const R = { isNotEmpty: r, api: e, svgContainerRef: d, props: n, dataCache: o, smartData: l, eventHandler: i, propValue: a, element: h, events: m, router: u, route: S, compContext: W, handleClick: L, handleDblClick: D, svgContent: p, customStyle: V, loadSvgFile: H, removeSvgDimensions: I, fileData: v, firstColorData: c, secondColorData: g, thirdColorData: j, fourColorData: _, fiveColorData: B, get useEventHandler() {
|
|
3672
3672
|
return te;
|
|
3673
3673
|
}, get useDataCacheStore() {
|
|
3674
|
-
return
|
|
3674
|
+
return ne;
|
|
3675
3675
|
}, get createSmartAccessor() {
|
|
3676
|
-
return
|
|
3676
|
+
return re;
|
|
3677
3677
|
}, get CreateCompContext() {
|
|
3678
3678
|
return ee;
|
|
3679
|
-
}, ref: b, computed:
|
|
3679
|
+
}, ref: b, computed: x, watch: A, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, nextTick: Se, get CommonUtils() {
|
|
3680
3680
|
return Q;
|
|
3681
3681
|
}, get useRoute() {
|
|
3682
3682
|
return oe;
|
|
@@ -3685,19 +3685,19 @@ const To = /* @__PURE__ */ he(jo, [["render", Bo], ["__scopeId", "data-v-8241762
|
|
|
3685
3685
|
}, get useApi() {
|
|
3686
3686
|
return $e;
|
|
3687
3687
|
} };
|
|
3688
|
-
return Object.defineProperty(
|
|
3688
|
+
return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
|
|
3689
3689
|
}
|
|
3690
3690
|
});
|
|
3691
|
-
function Fo(t, s, r, e, d,
|
|
3691
|
+
function Fo(t, s, r, e, d, n) {
|
|
3692
3692
|
return P(), K("div", {
|
|
3693
3693
|
ref: "svgContainerRef",
|
|
3694
3694
|
class: "svg-container",
|
|
3695
3695
|
onClick: e.handleClick,
|
|
3696
3696
|
onDblclick: e.handleDblClick,
|
|
3697
|
-
style:
|
|
3697
|
+
style: Re(e.customStyle)
|
|
3698
3698
|
}, null, 36);
|
|
3699
3699
|
}
|
|
3700
|
-
const Eo = /* @__PURE__ */
|
|
3700
|
+
const Eo = /* @__PURE__ */ pe(Ao, [["render", Fo], ["__scopeId", "data-v-56539202"], ["__file", "Component.vue"]]), zo = {
|
|
3701
3701
|
__name: "BaseGridTable",
|
|
3702
3702
|
props: {
|
|
3703
3703
|
// 网格边框配置 默认样式配置
|
|
@@ -3764,136 +3764,136 @@ const Eo = /* @__PURE__ */ he(Ao, [["render", Fo], ["__scopeId", "data-v-5653920
|
|
|
3764
3764
|
diagonalCells: { type: Array, default: () => [] }
|
|
3765
3765
|
},
|
|
3766
3766
|
setup(t, { expose: s }) {
|
|
3767
|
-
const { consolePrint: r, isArray: e, isEven: d, isNotEmpty:
|
|
3768
|
-
let a = [],
|
|
3769
|
-
const
|
|
3770
|
-
{ length:
|
|
3771
|
-
(f,
|
|
3772
|
-
)),
|
|
3773
|
-
{ length:
|
|
3774
|
-
(f,
|
|
3775
|
-
)), L =
|
|
3776
|
-
() =>
|
|
3777
|
-
), D =
|
|
3778
|
-
() =>
|
|
3779
|
-
),
|
|
3767
|
+
const { consolePrint: r, isArray: e, isEven: d, isNotEmpty: n } = Q, o = t, l = b(), i = b();
|
|
3768
|
+
let a = [], h = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
|
|
3769
|
+
const S = x(() => Array.from(
|
|
3770
|
+
{ length: o.rows },
|
|
3771
|
+
(f, y) => Number(o.rowHeights[y] || o.cellHeight)
|
|
3772
|
+
)), W = x(() => Array.from(
|
|
3773
|
+
{ length: o.cols },
|
|
3774
|
+
(f, y) => Number(o.colWidths[y] || o.cellWidth)
|
|
3775
|
+
)), L = x(
|
|
3776
|
+
() => W.value.reduce((f, y) => f + y, 0)
|
|
3777
|
+
), D = x(
|
|
3778
|
+
() => S.value.reduce((f, y) => f + y, 0)
|
|
3779
|
+
), p = () => {
|
|
3780
3780
|
if (!i.value) return;
|
|
3781
3781
|
r("debug", "绘制网格开始");
|
|
3782
|
-
const f =
|
|
3783
|
-
i.value.clearRect(0, 0, f.width, f.height),
|
|
3784
|
-
},
|
|
3785
|
-
let
|
|
3786
|
-
z.x1 = 0, z.y1 = 0, z.x2 = f, z.y2 = 0,
|
|
3787
|
-
let F =
|
|
3788
|
-
F.x1 = f, F.y1 = 0, F.x2 = f, F.y2 =
|
|
3789
|
-
let X =
|
|
3790
|
-
X.x1 = f, X.y1 =
|
|
3791
|
-
let
|
|
3792
|
-
|
|
3793
|
-
},
|
|
3794
|
-
f.strokeStyle =
|
|
3795
|
-
},
|
|
3782
|
+
const f = l.value;
|
|
3783
|
+
i.value.clearRect(0, 0, f.width, f.height), I(), V(f.width, f.height), v(), r("debug", "绘制网格完成");
|
|
3784
|
+
}, V = (f, y) => {
|
|
3785
|
+
let w = [], z = R();
|
|
3786
|
+
z.x1 = 0, z.y1 = 0, z.x2 = f, z.y2 = 0, H(z, 0), z.y1 += z.lineWidth / 2, z.y2 += z.lineWidth / 2, w.push(z);
|
|
3787
|
+
let F = R();
|
|
3788
|
+
F.x1 = f, F.y1 = 0, F.x2 = f, F.y2 = y, H(F, 3), F.x1 -= F.lineWidth / 2, F.x2 -= F.lineWidth / 2, w.push(F);
|
|
3789
|
+
let X = R();
|
|
3790
|
+
X.x1 = f, X.y1 = y, X.x2 = 0, X.y2 = y, H(X, 1), X.y1 -= X.lineWidth / 2, X.y2 -= X.lineWidth / 2, w.push(X);
|
|
3791
|
+
let M = R();
|
|
3792
|
+
M.x1 = 0, M.y1 = y, M.x2 = 0, M.y2 = 0, H(M, 2), M.x1 += M.lineWidth / 2, M.x2 += M.lineWidth / 2, w.push(M), C(i.value, w, !1);
|
|
3793
|
+
}, H = (f, y) => {
|
|
3794
|
+
f.strokeStyle = o.borderStyle.color, f.lineWidth = o.borderStyle.width, f.dash = o.borderStyle.dash, o.borders && e(o.borders) && o.borders.length > y && (f.strokeStyle = o.borders[y].color, f.lineWidth = o.borders[y].width, f.dash = o.borders[y].dash);
|
|
3795
|
+
}, I = () => {
|
|
3796
3796
|
a = [], c();
|
|
3797
3797
|
let f = [];
|
|
3798
|
-
for (let
|
|
3799
|
-
for (let
|
|
3800
|
-
|
|
3798
|
+
for (let y = 0; y < o.rows; y++)
|
|
3799
|
+
for (let w = 0; w < o.cols; w++)
|
|
3800
|
+
g(f, y, w);
|
|
3801
3801
|
C(i.value, f, !1);
|
|
3802
3802
|
}, v = () => {
|
|
3803
|
-
if (e(
|
|
3804
|
-
let f,
|
|
3805
|
-
for (let X = 0; X <
|
|
3806
|
-
if (f =
|
|
3803
|
+
if (e(o.diagonalCells) && o.diagonalCells.length > 0) {
|
|
3804
|
+
let f, y = [], w, z, F;
|
|
3805
|
+
for (let X = 0; X < o.diagonalCells.length; X++) {
|
|
3806
|
+
if (f = o.diagonalCells[X], !_(f.row, f.col) || (w = f.row + "_" + f.col, h.has(w)))
|
|
3807
3807
|
continue;
|
|
3808
|
-
let
|
|
3808
|
+
let M = R();
|
|
3809
3809
|
if (z = f.row, F = f.col, f.reverse) {
|
|
3810
|
-
let
|
|
3811
|
-
if (
|
|
3812
|
-
let U =
|
|
3810
|
+
let se = a[z][F][0], xe = a[z][F][1], N = se + B(W.value[f.col]), k = a[z][F][1] + B(S.value[f.row]);
|
|
3811
|
+
if (m.has(w)) {
|
|
3812
|
+
let U = m.get(w), O = 0;
|
|
3813
3813
|
for (let ce = 0; ce < U.colSpan; ce++)
|
|
3814
|
-
|
|
3815
|
-
N =
|
|
3814
|
+
O += B(W.value[f.col + ce]);
|
|
3815
|
+
N = se + O, O = 0;
|
|
3816
3816
|
for (let ce = 0; ce < U.rowSpan; ce++)
|
|
3817
|
-
|
|
3818
|
-
k = xe +
|
|
3817
|
+
O += B(S.value[f.row + ce]);
|
|
3818
|
+
k = xe + O;
|
|
3819
3819
|
}
|
|
3820
|
-
|
|
3820
|
+
M.x1 = se, M.y1 = k, M.x2 = N, M.y2 = xe, M.strokeStyle = f.color ?? o.diagonalStyle.color, M.lineWidth = f.width ?? o.diagonalStyle.width, M.dash = f.dash ?? o.diagonalStyle.dash, y.push(M);
|
|
3821
3821
|
} else {
|
|
3822
|
-
let
|
|
3823
|
-
if (
|
|
3824
|
-
let U =
|
|
3822
|
+
let se = a[z][F][0], xe = a[z][F][1], N = se + B(W.value[f.col]), k = xe + B(S.value[f.row]);
|
|
3823
|
+
if (m.has(w)) {
|
|
3824
|
+
let U = m.get(w), O = 0;
|
|
3825
3825
|
for (let ce = 0; ce < U.colSpan; ce++)
|
|
3826
|
-
|
|
3827
|
-
N =
|
|
3826
|
+
O += B(W.value[f.col + ce]);
|
|
3827
|
+
N = se + O, O = 0;
|
|
3828
3828
|
for (let ce = 0; ce < U.rowSpan; ce++)
|
|
3829
|
-
|
|
3830
|
-
k = xe +
|
|
3829
|
+
O += B(S.value[f.row + ce]);
|
|
3830
|
+
k = xe + O;
|
|
3831
3831
|
}
|
|
3832
|
-
|
|
3832
|
+
M.x1 = se, M.y1 = xe, M.x2 = N, M.y2 = k, M.strokeStyle = f.color ?? o.diagonalStyle.color, M.lineWidth = f.width ?? o.diagonalStyle.width, M.dash = f.dash ?? o.diagonalStyle.dash, y.push(M);
|
|
3833
3833
|
}
|
|
3834
3834
|
}
|
|
3835
|
-
C(i.value,
|
|
3835
|
+
C(i.value, y, !1);
|
|
3836
3836
|
}
|
|
3837
3837
|
}, c = () => {
|
|
3838
|
-
let f = 0,
|
|
3839
|
-
for (let F = 0; F <
|
|
3840
|
-
a[F] = [], F == 0 ? f = 0 : f =
|
|
3841
|
-
for (let X = 0; X <
|
|
3842
|
-
X == 0 ?
|
|
3838
|
+
let f = 0, y = 0, w = 0, z = 0;
|
|
3839
|
+
for (let F = 0; F < o.rows; F++) {
|
|
3840
|
+
a[F] = [], F == 0 ? f = 0 : f = B(S.value[F - 1]), w += f, z = 0;
|
|
3841
|
+
for (let X = 0; X < o.cols; X++)
|
|
3842
|
+
X == 0 ? y = 0 : y = B(W.value[X - 1]), z += y, a[F][X] = [z, w];
|
|
3843
3843
|
}
|
|
3844
|
-
},
|
|
3845
|
-
let z = a[
|
|
3846
|
-
|
|
3847
|
-
}, j = (f,
|
|
3848
|
-
let F =
|
|
3849
|
-
if (
|
|
3850
|
-
let
|
|
3851
|
-
X =
|
|
3844
|
+
}, g = (f, y, w) => {
|
|
3845
|
+
let z = a[y][w][0], F = a[y][w][1], X = y + "_" + w, M;
|
|
3846
|
+
y > 0 && (M = R(), M.x1 = z, M.y1 = F, M.x2 = z + B(W.value[w]), M.y2 = F, M.r = y, M.c = w, h.has(X) ? h.get(X).sameRow && (j(M, y, w, 1), d(M.lineWidth) || (M.y1 += 0.5, M.y2 += 0.5), f.push(M)) : (j(M, y, w, 1), d(M.lineWidth) || (M.y1 += 0.5, M.y2 += 0.5), f.push(M))), w > 0 && (M = R(), M.x1 = z, M.y1 = F, M.x2 = z, M.y2 = F + B(S.value[y]), M.r = y, M.c = w, h.has(X) ? h.get(X).sameCol && (j(M, y, w, 2), d(M.lineWidth) || (M.x1 += 0.5, M.x2 += 0.5), f.push(M)) : (j(M, y, w, 2), d(M.lineWidth) || (M.x1 += 0.5, M.x2 += 0.5), f.push(M)));
|
|
3847
|
+
}, j = (f, y, w, z) => {
|
|
3848
|
+
let F = y + "_" + w, X = y, M = w;
|
|
3849
|
+
if (h.has(F)) {
|
|
3850
|
+
let se = h.get(F);
|
|
3851
|
+
X = se.startRow, M = se.startCol;
|
|
3852
3852
|
}
|
|
3853
|
-
if (F = X + "_" +
|
|
3854
|
-
let
|
|
3855
|
-
f.strokeStyle =
|
|
3853
|
+
if (F = X + "_" + M, u.has(F)) {
|
|
3854
|
+
let se = u.get(F);
|
|
3855
|
+
f.strokeStyle = se.color, f.lineWidth = se.width, f.dash = se.dash;
|
|
3856
3856
|
} else
|
|
3857
|
-
z == 1 ? e(
|
|
3857
|
+
z == 1 ? e(o.rowLine) && o.rowLine.length > y ? (f.strokeStyle = o.rowLine[y].color, f.lineWidth = o.rowLine[y].width, f.dash = o.rowLine[y].dash) : (f.strokeStyle = o.rowStyle.color, f.lineWidth = o.rowStyle.width, f.dash = o.rowStyle.dash) : e(o.colLine) && o.colLine.length > w ? (f.strokeStyle = o.colLine[w].color, f.lineWidth = o.colLine[w].width, f.dash = o.colLine[w].dash) : (f.strokeStyle = o.colStyle.color, f.lineWidth = o.colStyle.width, f.dash = o.colStyle.dash);
|
|
3858
3858
|
};
|
|
3859
3859
|
q(() => {
|
|
3860
|
-
i.value =
|
|
3861
|
-
}), A(() =>
|
|
3862
|
-
if (f && (
|
|
3863
|
-
let
|
|
3864
|
-
for (let z = 0; z <
|
|
3865
|
-
if (
|
|
3866
|
-
|
|
3860
|
+
i.value = l.value.getContext("2d"), p();
|
|
3861
|
+
}), A(() => o.mergedCells, (f) => {
|
|
3862
|
+
if (f && (m.clear(), h.clear(), o.mergedCells.length > 0)) {
|
|
3863
|
+
let y, w;
|
|
3864
|
+
for (let z = 0; z < o.mergedCells.length; z++)
|
|
3865
|
+
if (y = o.mergedCells[z], !(y.row < 0 || m.col < 0) && (y.rowSpan >= 2 || y.colSpan >= 2)) {
|
|
3866
|
+
y.row + y.rowSpan > o.rows && (y.rowSpan = o.rows - y.row), y.col + y.colSpan > o.cols && (y.colSpan = o.cols - y.col);
|
|
3867
3867
|
let F = 0, X = 0;
|
|
3868
|
-
|
|
3869
|
-
for (let
|
|
3870
|
-
for (let
|
|
3871
|
-
|
|
3868
|
+
m.set(y.row + "_" + y.col, { ...y });
|
|
3869
|
+
for (let M = 0; M < y.rowSpan; M++)
|
|
3870
|
+
for (let se = 0; se < y.colSpan; se++)
|
|
3871
|
+
M == 0 && se == 0 || (F = y.row + M, X = y.col + se, w = F + "_" + X, F == y.row ? h.set(w, {
|
|
3872
3872
|
sameRow: !0,
|
|
3873
3873
|
sameCol: !1,
|
|
3874
|
-
startRow:
|
|
3875
|
-
startCol:
|
|
3876
|
-
}) : X ==
|
|
3874
|
+
startRow: y.row,
|
|
3875
|
+
startCol: y.col
|
|
3876
|
+
}) : X == y.col ? h.set(w, {
|
|
3877
3877
|
sameRow: !1,
|
|
3878
3878
|
sameCol: !0,
|
|
3879
|
-
startRow:
|
|
3880
|
-
startCol:
|
|
3881
|
-
}) :
|
|
3879
|
+
startRow: y.row,
|
|
3880
|
+
startCol: y.col
|
|
3881
|
+
}) : h.set(w, {
|
|
3882
3882
|
sameRow: !1,
|
|
3883
3883
|
sameCol: !1,
|
|
3884
|
-
startRow:
|
|
3885
|
-
startCol:
|
|
3884
|
+
startRow: y.row,
|
|
3885
|
+
startCol: y.col
|
|
3886
3886
|
}));
|
|
3887
3887
|
}
|
|
3888
3888
|
}
|
|
3889
|
-
}, { immediate: !0 }), A(() =>
|
|
3890
|
-
if (f && (u.clear(),
|
|
3891
|
-
let
|
|
3892
|
-
for (let
|
|
3893
|
-
|
|
3889
|
+
}, { immediate: !0 }), A(() => o.cellStyle, (f) => {
|
|
3890
|
+
if (f && (u.clear(), o.cellStyle.length > 0)) {
|
|
3891
|
+
let y;
|
|
3892
|
+
for (let w = 0; w < o.cellStyle.length; w++)
|
|
3893
|
+
y = o.cellStyle[w], _(y.row, y.col) && u.set(y.row + "_" + y.col, { ...y });
|
|
3894
3894
|
}
|
|
3895
3895
|
}, { immediate: !0 });
|
|
3896
|
-
const
|
|
3896
|
+
const _ = (f, y) => !(f < 0 || y < 0 || f > o.rows || y > o.cols), B = (f) => parseFloat(f) ?? 0, R = () => ({
|
|
3897
3897
|
x1: 0,
|
|
3898
3898
|
y1: 0,
|
|
3899
3899
|
x2: 0,
|
|
@@ -3901,17 +3901,17 @@ const Eo = /* @__PURE__ */ he(Ao, [["render", Fo], ["__scopeId", "data-v-5653920
|
|
|
3901
3901
|
strokeStyle: "#F8F8FF",
|
|
3902
3902
|
lineWidth: 1,
|
|
3903
3903
|
dash: []
|
|
3904
|
-
}), C = (f,
|
|
3905
|
-
if (e(
|
|
3906
|
-
let z = !!
|
|
3907
|
-
z && f.beginPath(),
|
|
3904
|
+
}), C = (f, y, w) => {
|
|
3905
|
+
if (e(y) && y.length > 0) {
|
|
3906
|
+
let z = !!w;
|
|
3907
|
+
z && f.beginPath(), y.forEach((F, X) => {
|
|
3908
3908
|
if (Number(F.lineWidth) > 0) {
|
|
3909
|
-
if (z || f.beginPath(), f.strokeStyle = F.strokeStyle, f.lineWidth = F.lineWidth,
|
|
3909
|
+
if (z || f.beginPath(), f.strokeStyle = F.strokeStyle, f.lineWidth = F.lineWidth, n(F.dash))
|
|
3910
3910
|
if (e(F.dash))
|
|
3911
3911
|
f.setLineDash(F.dash);
|
|
3912
3912
|
else {
|
|
3913
|
-
let
|
|
3914
|
-
f.setLineDash(
|
|
3913
|
+
let M = F.dash.split(",");
|
|
3914
|
+
f.setLineDash(M);
|
|
3915
3915
|
}
|
|
3916
3916
|
else
|
|
3917
3917
|
f.setLineDash([]);
|
|
@@ -3921,44 +3921,44 @@ const Eo = /* @__PURE__ */ he(Ao, [["render", Fo], ["__scopeId", "data-v-5653920
|
|
|
3921
3921
|
}
|
|
3922
3922
|
}, Y = () => {
|
|
3923
3923
|
Se(() => {
|
|
3924
|
-
|
|
3924
|
+
p();
|
|
3925
3925
|
});
|
|
3926
3926
|
};
|
|
3927
3927
|
s({
|
|
3928
3928
|
redraw: Y
|
|
3929
3929
|
});
|
|
3930
|
-
const
|
|
3930
|
+
const T = { consolePrint: r, isArray: e, isEven: d, isNotEmpty: n, props: o, canvasRef: l, ctx: i, get cellPosition() {
|
|
3931
3931
|
return a;
|
|
3932
3932
|
}, set cellPosition(f) {
|
|
3933
3933
|
a = f;
|
|
3934
3934
|
}, get mergedCellInfo() {
|
|
3935
|
-
return
|
|
3935
|
+
return h;
|
|
3936
3936
|
}, set mergedCellInfo(f) {
|
|
3937
|
-
|
|
3937
|
+
h = f;
|
|
3938
3938
|
}, get mergeCellInfo() {
|
|
3939
|
-
return
|
|
3939
|
+
return m;
|
|
3940
3940
|
}, set mergeCellInfo(f) {
|
|
3941
|
-
|
|
3941
|
+
m = f;
|
|
3942
3942
|
}, get cellStyleMap() {
|
|
3943
3943
|
return u;
|
|
3944
3944
|
}, set cellStyleMap(f) {
|
|
3945
3945
|
u = f;
|
|
3946
|
-
}, computedRowHeights:
|
|
3946
|
+
}, computedRowHeights: S, computedColWidths: W, canvasWidth: L, canvasHeight: D, drawGrid: p, _drawBorder: V, _setBorderStyle: H, _drawCellArea: I, _drawDiagonal: v, _calcCellPosition: c, drawCell: g, _setCellStyle: j, _checkValidCell: _, _getVal: B, _getDefaultLineObj: R, drawLine: C, redraw: Y, computed: x, onMounted: q, ref: b, watch: A, nextTick: Se, get CommonUtils() {
|
|
3947
3947
|
return Q;
|
|
3948
3948
|
} };
|
|
3949
|
-
return Object.defineProperty(
|
|
3949
|
+
return Object.defineProperty(T, "__isScriptSetup", { enumerable: !1, value: !0 }), T;
|
|
3950
3950
|
}
|
|
3951
3951
|
};
|
|
3952
|
-
function No(t, s, r, e, d,
|
|
3952
|
+
function No(t, s, r, e, d, n) {
|
|
3953
3953
|
return P(), K("div", { class: "canvas-grid-container" }, [
|
|
3954
|
-
|
|
3954
|
+
ue("canvas", {
|
|
3955
3955
|
ref: "canvasRef",
|
|
3956
3956
|
width: e.canvasWidth,
|
|
3957
3957
|
height: e.canvasHeight
|
|
3958
3958
|
}, null, 8, ["width", "height"])
|
|
3959
3959
|
]);
|
|
3960
3960
|
}
|
|
3961
|
-
const Ko = /* @__PURE__ */
|
|
3961
|
+
const Ko = /* @__PURE__ */ pe(zo, [["render", No], ["__scopeId", "data-v-6480756a"], ["__file", "BaseGridTable.vue"]]), Go = /* @__PURE__ */ Object.assign({
|
|
3962
3962
|
name: "GridTable"
|
|
3963
3963
|
}, {
|
|
3964
3964
|
__name: "Component",
|
|
@@ -3980,77 +3980,77 @@ const Ko = /* @__PURE__ */ he(zo, [["render", No], ["__scopeId", "data-v-6480756
|
|
|
3980
3980
|
}
|
|
3981
3981
|
},
|
|
3982
3982
|
setup(t, { expose: s }) {
|
|
3983
|
-
const r = t, e =
|
|
3983
|
+
const r = t, e = ne(), d = re(e), n = b(null), o = x(() => r.propValue || {}), l = x(() => r.element || {}), i = x(() => l.value.events || []), a = le(), h = oe(), m = ee(o, l, a, h);
|
|
3984
3984
|
J(() => {
|
|
3985
|
-
|
|
3985
|
+
n.value = te(i.value, r.designStatus, m), n.value?.beforeMount();
|
|
3986
3986
|
}), q(() => {
|
|
3987
|
-
|
|
3987
|
+
n.value?.mounted();
|
|
3988
3988
|
}), Z(() => {
|
|
3989
|
-
|
|
3989
|
+
n.value?.beforeUnmount();
|
|
3990
3990
|
}), $(() => {
|
|
3991
|
-
|
|
3991
|
+
n.value?.unmounted();
|
|
3992
3992
|
});
|
|
3993
3993
|
const u = b(null);
|
|
3994
|
-
A([() =>
|
|
3995
|
-
u.value && (
|
|
3994
|
+
A([() => l.value.style.width, () => l.value.style.height], ([V, H]) => {
|
|
3995
|
+
u.value && (o.value.autoResize ? D() : u.value.redraw());
|
|
3996
3996
|
});
|
|
3997
|
-
const
|
|
3998
|
-
if (!
|
|
3997
|
+
const S = b([]), W = b([]), L = () => {
|
|
3998
|
+
if (!o.value.autoResize)
|
|
3999
3999
|
return;
|
|
4000
|
-
let
|
|
4001
|
-
{ length:
|
|
4002
|
-
(
|
|
4000
|
+
let V = Array.from(
|
|
4001
|
+
{ length: o.value.rows },
|
|
4002
|
+
(I, v) => o.value?.rowHeights?.length > v ? Number(o.value?.rowHeights[v] || o.value.cellHeight) ?? 0 : Number(o.value.cellHeight) ?? 0
|
|
4003
4003
|
);
|
|
4004
|
-
if (
|
|
4005
|
-
let
|
|
4006
|
-
|
|
4004
|
+
if (l.value.style.height > 0) {
|
|
4005
|
+
let I = 0;
|
|
4006
|
+
I = V.reduce((_, B) => _ + B, 0);
|
|
4007
4007
|
let v = [], c = 0;
|
|
4008
|
-
for (let
|
|
4009
|
-
v[
|
|
4010
|
-
let
|
|
4011
|
-
for (let
|
|
4012
|
-
v[
|
|
4013
|
-
|
|
4008
|
+
for (let _ = 0; _ < o.value.rows; _++)
|
|
4009
|
+
v[_] = Math.floor(V[_] / I * l.value.style.height, 0), c += v[_];
|
|
4010
|
+
let g = l.value.style.height - c, j = Math.min(g, o.value.rows);
|
|
4011
|
+
for (let _ = j - 1; _ >= 0; _--)
|
|
4012
|
+
v[_] += 1;
|
|
4013
|
+
S.value = [...v];
|
|
4014
4014
|
}
|
|
4015
|
-
let
|
|
4016
|
-
{ length:
|
|
4017
|
-
(
|
|
4015
|
+
let H = Array.from(
|
|
4016
|
+
{ length: o.value.cols },
|
|
4017
|
+
(I, v) => o.value?.colWidths?.length > v ? Number(o.value?.colWidths[v] || o.value.cellWidth) ?? 0 : Number(o.value.cellWidth) ?? 0
|
|
4018
4018
|
);
|
|
4019
|
-
if (
|
|
4020
|
-
let
|
|
4021
|
-
|
|
4019
|
+
if (l.value.style.width > 0) {
|
|
4020
|
+
let I = 0;
|
|
4021
|
+
I = H.reduce((_, B) => _ + B, 0);
|
|
4022
4022
|
let v = [], c = 0;
|
|
4023
|
-
for (let
|
|
4024
|
-
v[
|
|
4025
|
-
let
|
|
4026
|
-
for (let
|
|
4027
|
-
v[
|
|
4028
|
-
|
|
4023
|
+
for (let _ = 0; _ < o.value.cols; _++)
|
|
4024
|
+
v[_] = Math.floor(H[_] / I * l.value.style.width, 0), c += v[_];
|
|
4025
|
+
let g = l.value.style.width - c, j = Math.min(g, o.value.cols);
|
|
4026
|
+
for (let _ = j - 1; _ >= 0; _--)
|
|
4027
|
+
v[_] += 1;
|
|
4028
|
+
W.value = [...v];
|
|
4029
4029
|
}
|
|
4030
4030
|
u.value?.redraw();
|
|
4031
4031
|
}, D = tt(L, 500);
|
|
4032
|
-
A(() =>
|
|
4033
|
-
|
|
4032
|
+
A(() => o.value.autoResize, (V) => {
|
|
4033
|
+
V && D();
|
|
4034
4034
|
}, { immediate: !0 }), s({});
|
|
4035
|
-
const
|
|
4035
|
+
const p = { props: r, dataCache: e, smartData: d, eventHandler: n, propValue: o, element: l, events: i, router: a, route: h, compContext: m, baseGridTableRef: u, rowHeights: S, colWidths: W, _autoCalcWidthAndHeight: L, debouncedAutoCalcWidthAndHeight: D, get useEventHandler() {
|
|
4036
4036
|
return te;
|
|
4037
4037
|
}, get useDataCacheStore() {
|
|
4038
|
-
return
|
|
4038
|
+
return ne;
|
|
4039
4039
|
}, get createSmartAccessor() {
|
|
4040
|
-
return
|
|
4040
|
+
return re;
|
|
4041
4041
|
}, get CreateCompContext() {
|
|
4042
4042
|
return ee;
|
|
4043
|
-
}, ref: b, computed:
|
|
4043
|
+
}, ref: b, computed: x, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, watch: A, reactive: Xe, get useRoute() {
|
|
4044
4044
|
return oe;
|
|
4045
4045
|
}, get useRouter() {
|
|
4046
4046
|
return le;
|
|
4047
4047
|
}, BaseGridTable: Ko, get debounce() {
|
|
4048
4048
|
return tt;
|
|
4049
4049
|
} };
|
|
4050
|
-
return Object.defineProperty(
|
|
4050
|
+
return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
|
|
4051
4051
|
}
|
|
4052
4052
|
});
|
|
4053
|
-
function Uo(t, s, r, e, d,
|
|
4053
|
+
function Uo(t, s, r, e, d, n) {
|
|
4054
4054
|
return P(), K("div", { class: "grid-container" }, [
|
|
4055
4055
|
Ve(e.BaseGridTable, {
|
|
4056
4056
|
ref: "baseGridTableRef",
|
|
@@ -4073,34 +4073,107 @@ function Uo(t, s, r, e, d, o) {
|
|
|
4073
4073
|
}, 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"])
|
|
4074
4074
|
]);
|
|
4075
4075
|
}
|
|
4076
|
-
const Xo = /* @__PURE__ */
|
|
4076
|
+
const Xo = /* @__PURE__ */ pe(Go, [["render", Uo], ["__scopeId", "data-v-dced3ee3"], ["__file", "Component.vue"]]), Yo = /* @__PURE__ */ Object.assign({
|
|
4077
|
+
name: "Paragraph"
|
|
4078
|
+
}, {
|
|
4079
|
+
__name: "Component",
|
|
4080
|
+
props: {
|
|
4081
|
+
propValue: {
|
|
4082
|
+
type: Object,
|
|
4083
|
+
required: !0,
|
|
4084
|
+
default: () => {
|
|
4085
|
+
}
|
|
4086
|
+
},
|
|
4087
|
+
element: {
|
|
4088
|
+
type: Object,
|
|
4089
|
+
default: () => {
|
|
4090
|
+
}
|
|
4091
|
+
},
|
|
4092
|
+
designStatus: {
|
|
4093
|
+
type: Boolean,
|
|
4094
|
+
default: !1
|
|
4095
|
+
}
|
|
4096
|
+
},
|
|
4097
|
+
setup(t, { expose: s }) {
|
|
4098
|
+
const { isNotEmpty: r } = Q, e = t, d = ne(), n = re(d), o = b(null), l = x(() => e.propValue || {}), i = x(() => e.element || {}), a = x(() => i.value.events || []), h = le(), m = oe(), u = ee(l, i, h, m);
|
|
4099
|
+
J(() => {
|
|
4100
|
+
o.value = te(a.value, e.designStatus, u), o.value?.beforeMount();
|
|
4101
|
+
}), q(() => {
|
|
4102
|
+
o.value?.mounted();
|
|
4103
|
+
}), Z(() => {
|
|
4104
|
+
o.value?.beforeUnmount();
|
|
4105
|
+
}), $(() => {
|
|
4106
|
+
o.value?.unmounted();
|
|
4107
|
+
});
|
|
4108
|
+
const S = (V) => {
|
|
4109
|
+
o.value?.handleClick(V);
|
|
4110
|
+
}, W = (V) => {
|
|
4111
|
+
o.value?.handleDblClick(V);
|
|
4112
|
+
}, L = x(() => r(l.value.text) ? l.value.text.replace(/\n/g, "<br/>") : ""), D = x(() => {
|
|
4113
|
+
let V = {};
|
|
4114
|
+
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) {
|
|
4115
|
+
let H = Object.keys(l.value.extraStyles);
|
|
4116
|
+
for (let I = 0; I < H.length; I++)
|
|
4117
|
+
V[H[I]] = l.value.extraStyles[H[I]];
|
|
4118
|
+
}
|
|
4119
|
+
return V;
|
|
4120
|
+
});
|
|
4121
|
+
s({});
|
|
4122
|
+
const p = { isNotEmpty: r, props: e, dataCache: d, smartData: n, eventHandler: o, propValue: l, element: i, events: a, router: h, route: m, compContext: u, handleClick: S, handleDblClick: W, formattedText: L, customStyle: D, get useDataCacheStore() {
|
|
4123
|
+
return ne;
|
|
4124
|
+
}, get createSmartAccessor() {
|
|
4125
|
+
return re;
|
|
4126
|
+
}, ref: b, computed: x, onMounted: q, onBeforeMount: J, onBeforeUnmount: Z, onUnmounted: $, get useEventHandler() {
|
|
4127
|
+
return te;
|
|
4128
|
+
}, get useRoute() {
|
|
4129
|
+
return oe;
|
|
4130
|
+
}, get useRouter() {
|
|
4131
|
+
return le;
|
|
4132
|
+
}, get CreateCompContext() {
|
|
4133
|
+
return ee;
|
|
4134
|
+
}, get CommonUtils() {
|
|
4135
|
+
return Q;
|
|
4136
|
+
} };
|
|
4137
|
+
return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
|
|
4138
|
+
}
|
|
4139
|
+
});
|
|
4140
|
+
function qo(t, s, r, e, d, n) {
|
|
4141
|
+
return P(), K("p", {
|
|
4142
|
+
style: Re(e.customStyle),
|
|
4143
|
+
innerHTML: e.formattedText,
|
|
4144
|
+
onClick: e.handleClick,
|
|
4145
|
+
onDblclick: e.handleDblClick
|
|
4146
|
+
}, null, 44, ["innerHTML"]);
|
|
4147
|
+
}
|
|
4148
|
+
const Zo = /* @__PURE__ */ pe(Yo, [["render", qo], ["__file", "Component.vue"]]), Qo = [
|
|
4077
4149
|
zt,
|
|
4078
4150
|
Gt,
|
|
4079
4151
|
to,
|
|
4080
4152
|
no,
|
|
4081
4153
|
uo,
|
|
4082
4154
|
co,
|
|
4083
|
-
|
|
4155
|
+
po,
|
|
4084
4156
|
go,
|
|
4085
4157
|
bo,
|
|
4086
4158
|
So,
|
|
4087
4159
|
Vo,
|
|
4088
4160
|
Oo,
|
|
4089
4161
|
Ho,
|
|
4090
|
-
|
|
4162
|
+
Bo,
|
|
4091
4163
|
Eo,
|
|
4092
|
-
Xo
|
|
4164
|
+
Xo,
|
|
4165
|
+
Zo
|
|
4093
4166
|
], it = (t) => {
|
|
4094
4167
|
if (it.installed)
|
|
4095
4168
|
return;
|
|
4096
4169
|
it.installed = !0;
|
|
4097
4170
|
const s = t._context.provides["hflvloader-api"];
|
|
4098
|
-
s && t.provide("hflvcomp-api", s),
|
|
4171
|
+
s && t.provide("hflvcomp-api", s), Qo.forEach((r) => {
|
|
4099
4172
|
t.component(r.name, r);
|
|
4100
4173
|
});
|
|
4101
|
-
},
|
|
4174
|
+
}, tn = {
|
|
4102
4175
|
install: it
|
|
4103
4176
|
};
|
|
4104
4177
|
export {
|
|
4105
|
-
|
|
4178
|
+
tn as default
|
|
4106
4179
|
};
|