hflvcomp 0.0.1

package/dist/hflvcomp.es.js

@@ -0,0 +1,2360 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('@charset "UTF-8";.subpage-container[data-v-a66fa401]{display:flex;align-items:center;margin:0;overflow:hidden}.subpage-container[data-v-3deb553c]{padding:0;display:flex;align-items:center}.picture-container[data-v-f733b313]{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-61179794]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-61179794]{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-cc066efb]{width:100%;height:100%}.svg-container svg[data-v-cc066efb]{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-3afa4979]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-3afa4979]{width:100%;height:100%}.svg-container[data-v-0559f0da]{width:100%;height:100%;cursor:pointer}.svg-container svg[data-v-0559f0da]{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(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { inject as Ue, resolveComponent as De, createElementBlock as M, openBlock as A, normalizeStyle as Ee, createVNode as be, ref as _, computed as p, watch as k, provide as Pe, onBeforeMount as K, onMounted as N, onBeforeUnmount as G, onUnmounted as U, Fragment as Xe, renderList as qe, createBlock as He, KeepAlive as Ye, createCommentVNode as ue, createElementVNode as ne, reactive as Oe, withCtx as Ae, createTextVNode as se, toDisplayString as ge, nextTick as ye } from "vue";
+import { CommonUtils as z, useDataCacheStore as Z, createSmartAccessor as $, CreateCompContext as X, useEventHandler as q } from "hflvloader";
+import { useRouter as Y, useRoute as J } from "vue-router";
+(function() {
+  const r = () => {
+    console.log("%c 可视化组件库 hflvcomp", "color: #3498db; font-size: 16px; font-weight: bold;"), console.log("%c版本号: 0.0.1", "color: #2ecc71;"), console.log("%c编译日期: 2025/12/11 13:30:22", "color: #3498db;"), console.log("%c版权声明:", "color: #e74c3c; font-weight: bold;"), console.log("%c 1. 版权完全归qbansanguo享有。", "color: #34495e;"), console.log("%c 2. 程序包完整引用，不得以任何形式破解、裁剪，不得隐藏或删除版权信息。", "color: #34495e;"), console.log("%c 3. 保留此版权信息在控制台输出。", "color: #34495e;"), console.log("%c 版权所有 ©2024-2025 qbansanguo 保留对此版权信息的最终解释权.", "color: #f39c12;"), console.log("%c Copyright ©2024-2025 qbansanguo All rights reserved.", "color: #f39c12;");
+  };
+  if (typeof window < "u") {
+    window._copyright_hflvcomp = r;
+    try {
+      Object.defineProperty(window, _copyright_hflvcomp, {
+        value: r,
+        writable: !1,
+        configurable: !1,
+        enumerable: !1
+      });
+    } catch {
+      window._copyright_hflvcomp = r;
+    }
+  }
+  r();
+})();
+function Ce() {
+  const r = Ue("hflvcomp-api");
+  if (!r)
+    throw new Error("组件注册时未提供API，请检查!");
+  return r;
+}
+const ae = (r, b) => {
+  const n = r.__vccOpts || r;
+  for (const [e, c] of b)
+    n[e] = c;
+  return n;
+}, Je = /* @__PURE__ */ Object.assign({
+  name: "Subpage"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    },
+    element: {
+      type: Object,
+      default: () => ({})
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isNotEmpty: n } = z, e = Ce(), c = r, i = _(null), t = _({}), l = _([]);
+    let s = {}, a = [], w = "transparent";
+    const g = p(() => c.propValue), o = p(() => c.element), x = p(() => o.value.events || []), I = p(() => o.value.containerParam || {}), R = p(() => ({
+      width: `${o.value.style.width}px`,
+      height: `${o.value.style.height}px`,
+      backgroundColor: w
+    })), T = Z(), y = $(T), O = _(null), S = p(() => n(g.value.subpageId) ? g.value.subpageId : n(g.value.subpageIdCK) ? y[g.value.subpageIdCK] : "");
+    k(() => S.value, (m) => {
+      n(m) && f();
+    }), k(() => o.value.style.width, (m) => {
+      v();
+    }), k(() => o.value.style.height, (m) => {
+      v();
+    });
+    const D = () => {
+      s = {}, a = [], t.value = {}, l.value = [], w = "transparent";
+    }, f = () => {
+      let m = S.value;
+      if (n(m)) {
+        let d = "DB";
+        if (c.designStatus || (d = T.pageSource || "DB", n(g.value.pageSource) && (d = c.pageSource)), d == "DB") {
+          let Q = {};
+          Q.id = m, e.qryPageConfigData(Q).then(function(ee) {
+            let u = JSON.parse(ee.data.pageData);
+            u ? (s = u.canvasStyle || {}, a = u.componentData || [], s.passToParentSwitch && s.backgroundColor && (w = s.backgroundColor), v()) : D();
+          });
+        } else {
+          let Q = m + ".json";
+          e.getJsonFile(Q, function(ee) {
+            if (ee && ee.status == 200) {
+              let u = ee.data || {};
+              u ? (s = u.canvasStyle || {}, a = u.componentData || [], s.passToParentSwitch && s.backgroundColor && (w = s.backgroundColor), v()) : D();
+            } else
+              D();
+          }, function(ee) {
+            D();
+          });
+        }
+      } else
+        D();
+    }, v = () => {
+      let m = reCalcCanvasSize(o.value.style.width, o.value.style.height, s, a);
+      m ? (t.value = m.canvasStyleData || {}, l.value = m.componentData || []) : (t.value = {}, l.value = []);
+    };
+    Pe("VE-ContainerParam", I);
+    const j = Y(), P = J(), L = X(g, o, j, P);
+    K(() => {
+      O.value = q(x.value, c.designStatus, L), O.value?.beforeMount();
+    }), N(() => {
+      f(), O.value?.mounted();
+    }), G(() => {
+      O.value?.beforeUnmount();
+    }), U(() => {
+      O.value?.unmounted();
+    });
+    const F = { isNotEmpty: n, api: e, props: c, vePageRef: i, canvasStyle: t, componentData: l, get oldCanvasStyle() {
+      return s;
+    }, set oldCanvasStyle(m) {
+      s = m;
+    }, get oldComponentData() {
+      return a;
+    }, set oldComponentData(m) {
+      a = m;
+    }, get backgroundColor() {
+      return w;
+    }, set backgroundColor(m) {
+      w = m;
+    }, propValue: g, element: o, events: x, containerParam: I, containerStyle: R, dataCache: T, smartData: y, eventHandler: O, pageId: S, clearData: D, loadPageInfo: f, reCalcSizeData: v, router: j, route: P, compContext: L, ref: _, computed: p, onMounted: N, watch: k, provide: Pe, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    }, get useApi() {
+      return Ce;
+    } };
+    return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
+  }
+});
+function Qe(r, b, n, e, c, i) {
+  const t = De("VEPage");
+  return A(), M("div", {
+    class: "subpage-container",
+    style: Ee(e.containerStyle)
+  }, [
+    be(t, {
+      ref: "vePageRef",
+      "canvas-style": e.canvasStyle,
+      "component-data": e.componentData
+    }, null, 8, ["canvas-style", "component-data"])
+  ], 4);
+}
+const Ze = /* @__PURE__ */ ae(Je, [["render", Qe], ["__scopeId", "data-v-a66fa401"], ["__file", "Component.vue"]]), $e = /* @__PURE__ */ Object.assign({
+  name: "MultiSubpage"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    },
+    element: {
+      type: Object,
+      default: () => ({})
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isArray: n, isNotEmpty: e, isObject: c } = z, i = r, t = p(() => i.propValue), l = p(() => i.element), s = p(() => l.value.events || []), a = Z(), w = $(a), g = _(null), o = w[t.value.dsCacheKey], x = p(() => t.value.staticData ? t.value.items || [] : n(o.value) ? o.value : []), I = p(() => {
+      let f = x.value || [], v = [];
+      return f.forEach((j, P) => {
+        v[P] = {};
+        let L = {};
+        L.style = {}, L.style.width = l.value.style.width, L.style.height = l.value.style.height, L.prop = {}, L.prop.subpageId = j.value, v[P].subpageId = j.value, v[P].prop = L.prop, v[P].element = L;
+      }), v;
+    }), R = _(null), T = w[t.value.activeSubpageIdCK];
+    k(() => T.value, (f) => {
+      e(t.value.activeSubpageIdCK) && (c(f) || (R.value = f));
+    }, { immediate: !0 });
+    const y = Y(), O = J(), S = X(t, l, y, O);
+    K(() => {
+      g.value = q(s.value, i.designStatus, S), g.value?.beforeMount();
+    }), N(() => {
+      t.value.activeSubpageId && (R.value = t.value.activeSubpageId), g.value?.mounted();
+    }), G(() => {
+      g.value?.beforeUnmount();
+    }), U(() => {
+      g.value?.unmounted();
+    });
+    const D = { isArray: n, isNotEmpty: e, isObject: c, props: i, propValue: t, element: l, events: s, dataCache: a, smartData: w, eventHandler: g, cacheDS: o, options: x, itemData: I, curPageId: R, cacheValue: T, router: y, route: O, compContext: S, ref: _, computed: p, onMounted: N, watch: k, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, get CommonUtils() {
+      return z;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    } };
+    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
+  }
+});
+function et(r, b, n, e, c, i) {
+  const t = De("Subpage");
+  return A(), M("div", { class: "subpage-container" }, [
+    (A(!0), M(Xe, null, qe(e.itemData, (l, s) => (A(), M("div", { key: s }, [
+      (A(), He(Ye, { max: 15 }, [
+        e.curPageId == l.subpageId ? (A(), He(t, {
+          key: s,
+          "prop-value": l.prop,
+          element: l.element
+        }, null, 8, ["prop-value", "element"])) : ue("", !0)
+      ], 1024))
+    ]))), 128))
+  ]);
+}
+const tt = /* @__PURE__ */ ae($e, [["render", et], ["__scopeId", "data-v-3deb553c"], ["__file", "Component.vue"]]);
+function Ve(r) {
+  var b = typeof r;
+  return r != null && (b == "object" || b == "function");
+}
+var lt = typeof global == "object" && global && global.Object === Object && global, ot = typeof self == "object" && self && self.Object === Object && self, Ne = lt || ot || Function("return this")(), xe = function() {
+  return Ne.Date.now();
+}, rt = /\s/;
+function nt(r) {
+  for (var b = r.length; b-- && rt.test(r.charAt(b)); )
+    ;
+  return b;
+}
+var at = /^\s+/;
+function st(r) {
+  return r && r.slice(0, nt(r) + 1).replace(at, "");
+}
+var _e = Ne.Symbol, Ge = Object.prototype, ut = Ge.hasOwnProperty, it = Ge.toString, me = _e ? _e.toStringTag : void 0;
+function ct(r) {
+  var b = ut.call(r, me), n = r[me];
+  try {
+    r[me] = void 0;
+    var e = !0;
+  } catch {
+  }
+  var c = it.call(r);
+  return e && (b ? r[me] = n : delete r[me]), c;
+}
+var dt = Object.prototype, ft = dt.toString;
+function pt(r) {
+  return ft.call(r);
+}
+var vt = "[object Null]", ht = "[object Undefined]", Be = _e ? _e.toStringTag : void 0;
+function gt(r) {
+  return r == null ? r === void 0 ? ht : vt : Be && Be in Object(r) ? ct(r) : pt(r);
+}
+function mt(r) {
+  return r != null && typeof r == "object";
+}
+var yt = "[object Symbol]";
+function Ct(r) {
+  return typeof r == "symbol" || mt(r) && gt(r) == yt;
+}
+var Me = NaN, _t = /^[-+]0x[0-9a-f]+$/i, wt = /^0b[01]+$/i, bt = /^0o[0-7]+$/i, St = parseInt;
+function Fe(r) {
+  if (typeof r == "number")
+    return r;
+  if (Ct(r))
+    return Me;
+  if (Ve(r)) {
+    var b = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = Ve(b) ? b + "" : b;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = st(r);
+  var n = wt.test(r);
+  return n || bt.test(r) ? St(r.slice(2), n ? 2 : 8) : _t.test(r) ? Me : +r;
+}
+var xt = "Expected a function", Vt = Math.max, kt = Math.min;
+function we(r, b, n) {
+  var e, c, i, t, l, s, a = 0, w = !1, g = !1, o = !0;
+  if (typeof r != "function")
+    throw new TypeError(xt);
+  b = Fe(b) || 0, Ve(n) && (w = !!n.leading, g = "maxWait" in n, i = g ? Vt(Fe(n.maxWait) || 0, b) : i, o = "trailing" in n ? !!n.trailing : o);
+  function x(v) {
+    var j = e, P = c;
+    return e = c = void 0, a = v, t = r.apply(P, j), t;
+  }
+  function I(v) {
+    return a = v, l = setTimeout(y, b), w ? x(v) : t;
+  }
+  function R(v) {
+    var j = v - s, P = v - a, L = b - j;
+    return g ? kt(L, i - P) : L;
+  }
+  function T(v) {
+    var j = v - s, P = v - a;
+    return s === void 0 || j >= b || j < 0 || g && P >= i;
+  }
+  function y() {
+    var v = xe();
+    if (T(v))
+      return O(v);
+    l = setTimeout(y, R(v));
+  }
+  function O(v) {
+    return l = void 0, o && e ? x(v) : (e = c = void 0, t);
+  }
+  function S() {
+    l !== void 0 && clearTimeout(l), a = 0, e = s = c = l = void 0;
+  }
+  function D() {
+    return l === void 0 ? t : O(xe());
+  }
+  function f() {
+    var v = xe(), j = T(v);
+    if (e = arguments, c = this, s = v, j) {
+      if (l === void 0)
+        return I(s);
+      if (g)
+        return clearTimeout(l), l = setTimeout(y, b), x(s);
+    }
+    return l === void 0 && (l = setTimeout(y, b)), t;
+  }
+  return f.cancel = S, f.flush = D, f;
+}
+const Dt = /* @__PURE__ */ Object.assign({
+  name: "CanvasPic"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isNotEmpty: n } = z, e = r, c = Z(), i = $(c), t = _(null), l = p(() => e.propValue || {}), s = p(() => e.element || {}), a = p(() => s.value.events || []), w = _(!0), g = _(null);
+    let o, x = null, I = !0, R = !1;
+    const T = i[l.value.urlCK], y = p(() => n(l.value.url) ? l.value.url : n(l.value.urlCK) && T.value || "");
+    k(
+      () => s.value?.style?.display,
+      (m) => {
+        m ? w.value = !1 : w.value = !0;
+      }
+    ), k(
+      () => l.value.flipVertical,
+      () => S()
+    ), k(
+      () => l.value.flipHorizontal,
+      () => S()
+    ), k(
+      () => y.value,
+      (m) => {
+        I = !0, o = null, R = !1, D();
+      }
+    );
+    const O = () => {
+      const { width: m, height: d } = s.value.style;
+      g.value.width = m, g.value.height = d, I && y.value ? (I = !1, o = document.createElement("img"), o.onload = () => {
+        R = !0, x.drawImage(o, 0, 0, m, d), S();
+      }, o.src = y.value) : S();
+    }, S = () => {
+      const m = l.value.flipVertical, d = l.value.flipHorizontal, { width: Q, height: ee } = s.value.style, u = d ? -1 : 1, h = m ? -1 : 1;
+      x.clearRect(0, 0, Q, ee), R && o && (x.translate(Q / 2 - Q * u / 2, ee / 2 - ee * h / 2), x.scale(u, h), x.drawImage(o, 0, 0, Q, ee), x.setTransform(1, 0, 0, 1, 0, 0));
+    }, D = we(O, 500);
+    k([() => s.value?.style?.height, () => s.value?.style?.width], ([m, d]) => {
+      x && (I = !0, o = null, R = !1, D());
+    }, { immediate: !0 });
+    const f = (m) => {
+      t.value?.handleClick(m);
+    }, v = (m) => {
+      t.value?.handleDblClick(m);
+    }, j = Y(), P = J(), L = X(l, s, j, P);
+    K(() => {
+      t.value = q(a.value, e.designStatus, L), t.value?.beforeMount();
+    }), N(() => {
+      x = g.value?.getContext("2d"), D(), t.value?.mounted();
+    }), G(() => {
+      t.value?.beforeUnmount();
+    }), U(() => {
+      t.value?.unmounted();
+    });
+    const F = { isNotEmpty: n, props: e, dataCache: c, smartData: i, eventHandler: t, propValue: l, element: s, events: a, isVisible: w, canvas: g, get img() {
+      return o;
+    }, set img(m) {
+      o = m;
+    }, get ctx() {
+      return x;
+    }, set ctx(m) {
+      x = m;
+    }, get isFirst() {
+      return I;
+    }, set isFirst(m) {
+      I = m;
+    }, get loadSuccess() {
+      return R;
+    }, set loadSuccess(m) {
+      R = m;
+    }, urlData: T, url: y, drawImage: O, mirrorFlip: S, debouncedDraw: D, clickHandler: f, dblclickHandler: v, router: j, route: P, compContext: L, computed: p, onMounted: N, ref: _, watch: k, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, get CommonUtils() {
+      return z;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get debounce() {
+      return we;
+    } };
+    return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
+  }
+});
+function Ot(r, b, n, e, c, i) {
+  return e.isVisible ? (A(), M("div", {
+    key: 0,
+    class: "picture-container",
+    onClick: e.clickHandler,
+    onDblclick: e.dblclickHandler
+  }, [
+    ne("canvas", { ref: "canvas" }, null, 512)
+  ], 32)) : ue("", !0);
+}
+const jt = /* @__PURE__ */ ae(Dt, [["render", Ot], ["__scopeId", "data-v-f733b313"], ["__file", "Component.vue"]]);
+function de(r, b, n, e) {
+  const c = Oe({
+    dataColor: null,
+    // 数据颜色
+    backgroundColor: null,
+    // 背景颜色
+    lineColor: null,
+    // 线颜色
+    fillColor: null
+    // 填充颜色
+  }), i = b[r.value.colorCK], t = (s, a, w) => e.hasOwnPathInObject(s, a) ? e.getValueByPath(s, a) : w, l = (s, a) => e.isNotEmpty(a) && n ? n[a] ? n[a][s] : null : s;
+  return k(() => i?.value, (s) => {
+    if (e.isObject(s) && e.isNotEmpty(r.value.colorCK)) {
+      if (!r.value.dycFlag)
+        return;
+      let a;
+      e.isNotEmpty(r.value.fColorKey) && (a = t(s, r.value.fColorKey, null), c.dataColor = l(a, r.value.fColorRule)), e.isNotEmpty(r.value.bgColorKey) && (a = t(s, r.value.bgColorKey, null), c.backgroundColor = l(a, r.value.bgColorRule)), e.isNotEmpty(r.value.lineColorKey) && (a = t(s, r.value.lineColorKey, null), c.lineColor = l(a, r.value.lineColorRule)), e.isNotEmpty(r.value.fillColorKey) && (a = t(s, r.value.fillColorKey, null), c.fillColor = l(a, r.value.fillColorRule));
+    }
+  }, { immediate: !0 }), { dynamicColor: c };
+}
+const Lt = /* @__PURE__ */ Object.assign({
+  name: "SVGCircle"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const n = r, e = Z(), c = $(e), i = _(null), t = p(() => n.propValue || {}), l = p(() => n.element || {}), s = p(() => l.value.events || []), a = Y(), w = J(), g = X(t, l, a, w);
+    K(() => {
+      i.value = q(s.value, n.designStatus, g), i.value?.beforeMount();
+    }), N(() => {
+      O(), i.value?.mounted();
+    }), G(() => {
+      i.value?.beforeUnmount();
+    }), U(() => {
+      i.value?.unmounted();
+    });
+    const { dynamicColor: o } = de(t, c, e.rules, z), x = p(() => o.fillColor ? o.fillColor : t.value.fillColor ? t.value.fillColor : "none"), I = p(() => o.lineColor ? o.lineColor : t.value.strokeColor ? t.value.strokeColor : "none"), R = _(0), T = _(0), y = _(0);
+    k(() => l.value.style.width, (f) => {
+      O();
+    }), k(() => l.value.style.height, (f) => {
+      O();
+    });
+    const O = () => {
+      const { width: f, height: v } = l.value.style;
+      S(f, v);
+    }, S = (f, v) => {
+      R.value = 0.5 * f, T.value = 0.5 * v, y.value = 0.45 * v;
+    }, D = { props: n, dataCache: e, smartData: c, eventHandler: i, propValue: t, element: l, events: s, router: a, route: w, compContext: g, dynamicColor: o, showFillColor: x, showLineColor: I, cx: R, cy: T, cr: y, draw: O, drawChart: S, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get useDynamicColor() {
+      return de;
+    }, get CommonUtils() {
+      return z;
+    } };
+    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
+  }
+});
+function Tt(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ne("circle", {
+        cx: e.cx,
+        cy: e.cy,
+        r: e.cr,
+        fill: e.showFillColor,
+        stroke: e.showLineColor,
+        "stroke-width": e.propValue.strokeWidth
+      }, null, 8, ["cx", "cy", "r", "fill", "stroke", "stroke-width"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const Wt = /* @__PURE__ */ ae(Lt, [["render", Tt], ["__scopeId", "data-v-ecab498d"], ["__file", "Component.vue"]]), It = /* @__PURE__ */ Object.assign({
+  name: "SVGDataText"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const {
+      formatDate: n,
+      getDate: e,
+      getWeek: c,
+      isNotEmpty: i,
+      isNumber: t,
+      isObject: l,
+      isValid: s,
+      hasOwnPathInObject: a,
+      getValueByPath: w
+    } = z, g = r, o = p(() => g.propValue || {}), x = p(() => g.element || {}), I = p(() => x.value.events || []), R = Z(), T = $(R), y = _(null), O = _(0), S = _(0), D = _(""), f = _(""), v = _(!1), j = _("");
+    let P = null, L = null;
+    const F = _("");
+    let m = null;
+    const d = T[o.value.dataCK], Q = T[o.value.timeCK], ee = (B, le, ie) => a(B, le) ? w(B, le) : ie;
+    function u(B) {
+      l(B) ? (P = ee(B, o.value.valueKey, null), L = ee(B, o.value.timeKey, null)) : P = B;
+    }
+    function h(B) {
+      u(B), j.value = je(P);
+    }
+    k(() => d.value, (B) => {
+      s(B) && h(B);
+    }), k(() => Q.value, (B) => {
+      i(o.value.timeCK) && s(B) && (i(o.value.timeKey) ? l(B) && (L = ee(B, o.value.timeKey, null)) : L = B);
+    });
+    const { dynamicColor: C } = useDynamicColor(o, T, R.rules, z), H = p(() => C.dataColor ? C.dataColor : o.value.fontColor ? o.value.fontColor : "none"), W = p(() => C.backgroundColor ? C.backgroundColor : o.value.fillColor ? o.value.fillColor : "none"), E = (B) => {
+      y.value?.setParam(B);
+    }, V = (B) => {
+      y.value?.handleDblClick(B);
+    };
+    k(() => x.value.style.width, (B) => {
+      oe();
+    }), k(() => x.value.style.height, (B) => {
+      oe();
+    }), k(() => o.value.horizontalAlign, (B) => {
+      oe();
+    }), k(() => o.value.offsetX, (B) => {
+      oe();
+    });
+    const te = p(() => g.designStatus ? !0 : o.value.showTooltip ? !v.value : !0), fe = p(() => o.value.tooltipPlacement || "bottom-start"), ve = p(() => o.value.tooltipEffect || "dark"), he = (B) => {
+      g.designStatus || (pe(), i(F.value) ? v.value = !0 : v.value = !1);
+    }, pe = () => {
+      if (F.value = "", o.value.showTooltip && L && t(L)) {
+        let B = e(L), le = "";
+        if (B) {
+          le = n(B, "yyyy-MM-dd HH:mm:ss");
+          let ie = "数值:" + j.value, ce = "时间:" + le;
+          F.value = ie + "<br/>" + ce;
+        }
+      }
+    }, oe = () => {
+      const { width: B, height: le } = g.element.style;
+      re(B, le);
+    }, re = (B, le) => {
+      let ie = g.propValue.horizontalAlign || "left", ce = g.propValue.offsetX || 0;
+      ie == "center" ? (f.value = "middle", O.value = B * 0.5) : ie == "right" ? (O.value = B - ce, f.value = "end") : (O.value = 0 + ce, f.value = "start"), D.value = "central", S.value = le * 0.5;
+    }, je = (B) => {
+      let le = B;
+      if (t(B)) {
+        let ie = o.value.fractionDigits || 0, ce = o.value.factor;
+        t(ce) && (ce = Number(ce), B = Number(B) * ce), le = Le(Number(B), ie);
+      } else
+        le + "" == "undefined" && (le = "");
+      return i(o.value.unit) && (le = le + o.value.unit), le;
+    }, Le = (B, le) => {
+      let ie = B;
+      if (B) {
+        const ce = o.value.valueType;
+        if (ce == 2 && Number(B))
+          le && Number(le) ? le = parseInt(le) : le = 0, ie = B.toFixed(le);
+        else if (ce == 3) {
+          let Se = e(B);
+          const Ke = o.value.dateformat || "yyyy-MM-dd";
+          Se && (i(o.value.weekMode) ? ie = c(Se, t(o.value.weekMode) ? Number(o.value.weekMode) : 0) : ie = n(Se, Ke));
+        }
+      }
+      return ie;
+    }, ze = () => {
+    }, Te = Y(), We = J(), Ie = X(o, x, Te, We);
+    K(() => {
+      y.value = q(I.value, g.designStatus, Ie), y.value?.beforeMount();
+    }), N(() => {
+      oe(), m = setInterval(() => {
+        s(d.value) && h(d.value);
+      }, 1e3), y.value?.mounted();
+    }), G(() => {
+      y.value?.beforeUnmount();
+    }), U(() => {
+      y.value?.unmounted();
+    });
+    const Re = { formatDate: n, getDate: e, getWeek: c, isNotEmpty: i, isNumber: t, isObject: l, isValid: s, hasOwnPathInObject: a, getValueByPath: w, props: g, propValue: o, element: x, events: I, dataCache: R, smartData: T, eventHandler: y, textX: O, textY: S, textBaseLine: D, textAnchor: f, hasTooltipContent: v, showDataValue: j, get dataValue() {
+      return P;
+    }, set dataValue(B) {
+      P = B;
+    }, get dataTime() {
+      return L;
+    }, set dataTime(B) {
+      L = B;
+    }, tooltipContent: F, get timer() {
+      return m;
+    }, set timer(B) {
+      m = B;
+    }, bsData: d, timeData: Q, _getValueFromObj: ee, parseBsData: u, dealBsData: h, dynamicColor: C, showFontColor: H, showBackgroundColor: W, handleClick: E, handleDblClick: V, disableToolTip: te, tooltipPlacement: fe, tooltipEffect: ve, showTooltip: he, loadTipInfo: pe, draw: oe, drawChart: re, showValue: je, dataFormatter: Le, clearInterval: ze, router: Te, route: We, compContext: Ie, watch: k, onMounted: N, computed: p, onBeforeUnmount: G, ref: _, onBeforeMount: K, onUnmounted: U, reactive: Oe, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, get CommonUtils() {
+      return z;
+    } };
+    return Object.defineProperty(Re, "__isScriptSetup", { enumerable: !1, value: !0 }), Re;
+  }
+});
+function Rt(r, b, n, e, c, i) {
+  const t = De("el-tooltip");
+  return A(), M("div", {
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick,
+    onMouseenter: e.showTooltip
+  }, [
+    be(t, {
+      class: "item",
+      placement: e.tooltipPlacement,
+      disabled: e.disableToolTip,
+      effect: e.tooltipEffect
+    }, {
+      content: Ae(() => [
+        ne("div", { innerHTML: e.tooltipContent }, null, 8, ["innerHTML"])
+      ]),
+      default: Ae(() => [
+        (A(), M("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: e.element.style.width,
+          height: e.element.style.height
+        }, [
+          e.propValue.hasBackground ? (A(), M("rect", {
+            key: 0,
+            x: 0,
+            y: 0,
+            width: e.element.style.width,
+            height: e.element.style.height,
+            fill: e.showBackgroundColor,
+            stroke: e.propValue.strokeColor,
+            "stroke-width": e.propValue.strokeWidth
+          }, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) : ue("", !0),
+          se(),
+          ne("text", {
+            x: e.textX,
+            y: e.textY,
+            dx: e.propValue.dx,
+            fill: e.showFontColor,
+            "dominant-baseline": e.textBaseLine,
+            "text-anchor": e.textAnchor,
+            "font-family": e.propValue.fontFamily,
+            "font-size": e.propValue.fontSize,
+            "font-weight": e.propValue.fontWeight
+          }, ge(e.showDataValue), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight"])
+        ], 8, ["width", "height"]))
+      ]),
+      _: 1
+    }, 8, ["placement", "disabled", "effect"])
+  ], 32);
+}
+const Pt = /* @__PURE__ */ ae(It, [["render", Rt], ["__scopeId", "data-v-61179794"], ["__file", "Component.vue"]]), Ht = /* @__PURE__ */ Object.assign({
+  name: "SVGDateText"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const {
+      formatDate: n,
+      getDate: e,
+      getWeek: c,
+      isNotEmpty: i,
+      isNumber: t
+    } = z, l = r, s = p(() => l.propValue || {}), a = p(() => l.element || {}), w = p(() => a.value.events || []), g = _(null), o = _(0), x = _(0), I = _(""), R = _(""), T = _(!1), y = _("");
+    let O = null, S = null;
+    const D = _("");
+    let f = null;
+    k(() => a.value.style.width, (C) => {
+      v();
+    }), k(() => a.value.style.height, (C) => {
+      v();
+    }), k(() => s.value.horizontalAlign, (C) => {
+      v();
+    }), k(() => s.value.offsetX, (C) => {
+      v();
+    });
+    const v = () => {
+      const { width: C, height: H } = l.element.style;
+      j(C, H);
+    }, j = (C, H) => {
+      let W = l.propValue.horizontalAlign || "left", E = l.propValue.offsetX || 0;
+      W == "center" ? (R.value = "middle", o.value = C * 0.5) : W == "right" ? (o.value = C - E, R.value = "end") : (o.value = 0 + E, R.value = "start"), I.value = "central", x.value = H * 0.5;
+    }, P = (C) => {
+      let H = C;
+      return t(C) ? H = L(Number(C)) : H + "" == "undefined" && (H = ""), H;
+    }, L = (C) => {
+      let H = C;
+      if (C) {
+        let W = e(C);
+        const E = s.value.dateformat || "yyyy-MM-dd";
+        W && (i(s.value.weekMode) ? H = c(W, t(s.value.weekMode) ? Number(s.value.weekMode) : 0) : H = n(W, E));
+      }
+      return H;
+    }, F = () => {
+    }, m = (C) => {
+      g.value?.handleClick(C);
+    }, d = (C) => {
+      g.value?.handleDblClick(C);
+    }, Q = Y(), ee = J(), u = X(s, a, Q, ee);
+    K(() => {
+      g.value = q(w.value, l.designStatus, u), g.value?.beforeMount();
+    }), N(() => {
+      v(), f = setInterval(() => {
+        let C = (/* @__PURE__ */ new Date()).getTime();
+        y.value = P(C);
+      }, 500), g.value?.mounted();
+    }), G(() => {
+      g.value?.beforeUnmount();
+    }), U(() => {
+      g.value?.unmounted();
+    });
+    const h = { formatDate: n, getDate: e, getWeek: c, isNotEmpty: i, isNumber: t, props: l, propValue: s, element: a, events: w, eventHandler: g, textX: o, textY: x, textBaseLine: I, textAnchor: R, hasTooltipContent: T, showDataValue: y, get dataValue() {
+      return O;
+    }, set dataValue(C) {
+      O = C;
+    }, get dataTime() {
+      return S;
+    }, set dataTime(C) {
+      S = C;
+    }, tooltipContent: D, get timer() {
+      return f;
+    }, set timer(C) {
+      f = C;
+    }, draw: v, drawChart: j, showValue: P, dataFormatter: L, clearInterval: F, handleClick: m, handleDblClick: d, router: Q, route: ee, compContext: u, watch: k, onMounted: N, computed: p, onBeforeUnmount: G, ref: _, onBeforeMount: K, onUnmounted: U, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    } };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+  }
+});
+function At(r, b, n, e, c, i) {
+  return A(), M("div", {
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick
+  }, [
+    (A(), M("svg", { xmlns: "http://www.w3.org/2000/svg" }, [
+      e.propValue.hasBackground ? (A(), M("rect", {
+        key: 0,
+        x: 1,
+        y: 1,
+        width: e.element.style.width - 2,
+        height: e.element.style.height - 2,
+        fill: e.propValue.fillColor ? e.propValue.fillColor : "none",
+        stroke: e.propValue.strokeColor,
+        "stroke-width": e.propValue.strokeWidth
+      }, null, 8, ["width", "height", "fill", "stroke", "stroke-width"])) : ue("", !0),
+      se(),
+      ne("text", {
+        x: e.textX,
+        y: e.textY,
+        dx: e.propValue.dx,
+        fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
+        "dominant-baseline": e.textBaseLine,
+        "text-anchor": e.textAnchor,
+        "font-family": e.propValue.fontFamily,
+        "font-size": e.propValue.fontSize,
+        "font-weight": e.propValue.fontWeight
+      }, ge(e.showDataValue), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight"])
+    ]))
+  ], 32);
+}
+const Bt = /* @__PURE__ */ ae(Ht, [["render", At], ["__scopeId", "data-v-0a8a6304"], ["__file", "Component.vue"]]), Mt = /* @__PURE__ */ Object.assign({
+  name: "SVGHLine"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const n = r, e = Z(), c = $(e), i = _(null), t = p(() => n.propValue || {}), l = p(() => n.element || {}), s = p(() => l.value.events || []), a = Y(), w = J(), g = X(t, l, a, w);
+    K(() => {
+      i.value = q(s.value, n.designStatus, g), i.value?.beforeMount();
+    }), N(() => {
+      T(), i.value?.mounted();
+    }), G(() => {
+      i.value?.beforeUnmount();
+    }), U(() => {
+      i.value?.unmounted();
+    });
+    const { dynamicColor: o } = de(t, c, e.rules, z), x = p(() => o.lineColor ? o.lineColor : t.value.strokeColor ? t.value.strokeColor : "none"), I = _([]), R = _([]);
+    k(() => l.value.style.width, (S) => {
+      T();
+    }), k(() => l.value.style.height, (S) => {
+      T();
+    });
+    const T = () => {
+      const { width: S, height: D } = l.value.style;
+      y(S, D);
+    }, y = (S, D) => {
+      const f = [0, 0.5], v = [1, 0.5];
+      I.value = [S * f[0], D * f[1]], R.value = [S * v[0], D * v[1]];
+    }, O = { props: n, dataCache: e, smartData: c, eventHandler: i, propValue: t, element: l, events: s, router: a, route: w, compContext: g, dynamicColor: o, showLineColor: x, LineL1P1: I, LineL1P2: R, draw: T, drawChart: y, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    }, get useDynamicColor() {
+      return de;
+    } };
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+  }
+});
+function Ft(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ne("line", {
+        x1: e.LineL1P1[0],
+        y1: e.LineL1P1[1],
+        x2: e.LineL1P2[0],
+        y2: e.LineL1P2[1],
+        stroke: e.showLineColor,
+        "stroke-width": e.propValue.strokeWidth,
+        "stroke-dasharray": e.propValue.strokeDasharray
+      }, [
+        e.propValue.animate ? (A(), M("animate", {
+          key: 0,
+          attributeName: "stroke-dashoffset",
+          from: e.propValue.animateFrom,
+          to: e.propValue.animateTo,
+          dur: e.propValue.animateDur + "s",
+          repeatCount: "indefinite"
+        }, null, 8, ["from", "to", "dur"])) : ue("", !0)
+      ], 8, ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const Et = /* @__PURE__ */ ae(Mt, [["render", Ft], ["__scopeId", "data-v-7dcb2081"], ["__file", "Component.vue"]]), Nt = /* @__PURE__ */ Object.assign({
+  name: "SVGRectangle"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { generateSecureUUID: n } = z, e = r, c = Z(), i = $(c), t = _(null), l = p(() => e.propValue || {}), s = p(() => e.element || {}), a = p(() => s.value.events || []), w = Y(), g = J(), o = X(l, s, w, g);
+    K(() => {
+      t.value = q(a.value, e.designStatus, o), t.value?.beforeMount(), P.value = n();
+    }), N(() => {
+      v(), t.value?.mounted();
+    }), G(() => {
+      t.value?.beforeUnmount();
+    }), U(() => {
+      t.value?.unmounted();
+    });
+    const { dynamicColor: x } = useDynamicColor(l, i, c.rules, z), I = p(() => x.fillColor ? x.fillColor : l.value.fillColor ? l.value.fillColor : "none"), R = p(() => x.lineColor ? x.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), T = _(0), y = _(0), O = _(1), S = _(1), D = _(0), f = _(0);
+    k(() => s.value.style.width, (m) => {
+      v();
+    }), k(() => s.value.style.height, (m) => {
+      v();
+    });
+    const v = () => {
+      const { width: m, height: d } = s.value.style;
+      j(m, d);
+    }, j = (m, d) => {
+      let C = l.value.strokeWidth, H = C / 2;
+      T.value = 0 * m + H, y.value = 0 * d + H, O.value = d * 1 - C, S.value = m * 1 - C;
+    }, P = _(""), L = p(() => l.value.hasGradient ? `url(#${P.value})` : I.value), F = { generateSecureUUID: n, props: e, dataCache: c, smartData: i, eventHandler: t, propValue: l, element: s, events: a, router: w, route: g, compContext: o, dynamicColor: x, showFillColor: I, showLineColor: R, rlux: T, rluy: y, rhight: O, rwidth: S, rrx: D, rry: f, draw: v, drawChart: j, gradientId: P, fillStyle: L, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get CommonUtils() {
+      return z;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    } };
+    return Object.defineProperty(F, "__isScriptSetup", { enumerable: !1, value: !0 }), F;
+  }
+});
+function Gt(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ue(" 根据条件判断是否渲染渐变定义 "),
+      se(),
+      e.propValue.hasGradient ? (A(), M("defs", { key: 0 }, [
+        ue(" 这里根据渐变类型动态渲染线性或径向渐变 "),
+        se(),
+        e.propValue.gradientType === "linear" ? (A(), M("linearGradient", {
+          key: 0,
+          id: e.gradientId,
+          x1: e.propValue.gradientX1 + "%",
+          x2: e.propValue.gradientX2 + "%",
+          y1: e.propValue.gradientY1 + "%",
+          y2: e.propValue.gradientY2 + "%"
+        }, [
+          (A(), M("stop", {
+            key: 1,
+            offset: e.propValue.gradientStopsOffset + "%",
+            "stop-color": e.propValue.gradientStopsColor
+          }, null, 8, ["offset", "stop-color"])),
+          se(),
+          (A(), M("stop", {
+            key: 2,
+            offset: e.propValue.gradientStopsOffset2 + "%",
+            "stop-color": e.propValue.gradientStopsColor2
+          }, null, 8, ["offset", "stop-color"]))
+        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (A(), M("radialGradient", {
+          key: 1,
+          id: e.gradientId,
+          cx: e.propValue.gradientCx + "%",
+          cy: e.propValue.gradientCy + "%",
+          r: e.propValue.gradientR + "%",
+          fx: e.propValue.gradientFx + "%",
+          fy: e.propValue.gradientFy + "%"
+        }, [
+          (A(), M("stop", {
+            key: 1,
+            offset: e.propValue.gradientStopsOffset + "%",
+            "stop-color": e.propValue.gradientStopsColor
+          }, null, 8, ["offset", "stop-color"])),
+          se(),
+          (A(), M("stop", {
+            key: 2,
+            offset: e.propValue.gradientStopsOffset2 + "%",
+            "stop-color": e.propValue.gradientStopsColor2
+          }, null, 8, ["offset", "stop-color"]))
+        ], 8, ["id", "cx", "cy", "r", "fx", "fy"]))
+      ])) : ue("", !0),
+      se(),
+      ne("rect", {
+        x: e.rlux,
+        y: e.rluy,
+        height: e.rhight,
+        width: e.rwidth,
+        rx: e.propValue.rx,
+        ry: e.propValue.ry,
+        fill: e.fillStyle,
+        "fill-opacity": e.propValue.fillOpacity,
+        stroke: e.showLineColor,
+        "stroke-opacity": e.propValue.strokeOpacity,
+        "stroke-width": e.propValue.strokeWidth,
+        "stroke-dasharray": e.propValue.strokeDasharray
+      }, null, 8, ["x", "y", "height", "width", "rx", "ry", "fill", "fill-opacity", "stroke", "stroke-opacity", "stroke-width", "stroke-dasharray"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const zt = /* @__PURE__ */ ae(Nt, [["render", Gt], ["__scopeId", "data-v-cc066efb"], ["__file", "Component.vue"]]), Kt = /* @__PURE__ */ Object.assign({
+  name: "SVGTriangle"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const n = r, e = Z(), c = $(e), i = _(null), t = p(() => n.propValue || {}), l = p(() => n.element || {}), s = p(() => l.value.events || []), a = Y(), w = J(), g = X(t, l, a, w);
+    K(() => {
+      i.value = q(s.value, n.designStatus, g), i.value?.beforeMount();
+    }), N(() => {
+      T(), i.value?.mounted();
+    }), G(() => {
+      i.value?.beforeUnmount();
+    }), U(() => {
+      i.value?.unmounted();
+    });
+    const { dynamicColor: o } = de(t, c, e.rules, z), x = p(() => o.fillColor ? o.fillColor : t.value.fillColor ? t.value.fillColor : "none"), I = p(() => o.lineColor ? o.lineColor : t.value.strokeColor ? t.value.strokeColor : "none"), R = _([]);
+    k(() => l.value.style.width, (S) => {
+      T();
+    }), k(() => l.value.style.height, (S) => {
+      T();
+    });
+    const T = () => {
+      const { width: S, height: D } = l.value.style;
+      y(S, D);
+    }, y = (S, D) => {
+      const f = [];
+      let v = 0, j = t.value.strokeWidth;
+      f[v++] = "M", f[v++] = 0.5 * S, f[v++] = 0 + j, f[v++] = "L", f[v++] = 0 + j, f[v++] = D - j, f[v++] = "L", f[v++] = S - j, f[v++] = D - j, f[v++] = "Z", R.value = f.join(" ");
+    }, O = { props: n, dataCache: e, smartData: c, eventHandler: i, propValue: t, element: l, events: s, router: a, route: w, compContext: g, dynamicColor: o, showFillColor: x, showLineColor: I, pathData: R, draw: T, drawChart: y, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, watch: k, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    }, get useDynamicColor() {
+      return de;
+    } };
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+  }
+});
+function Ut(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ne("path", {
+        d: e.pathData,
+        stroke: e.showLineColor,
+        "stroke-width": e.propValue.strokeWidth,
+        fill: e.showFillColor
+      }, null, 8, ["d", "stroke", "stroke-width", "fill"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const Xt = /* @__PURE__ */ ae(Kt, [["render", Ut], ["__scopeId", "data-v-aec13cc0"], ["__file", "Component.vue"]]), qt = /* @__PURE__ */ Object.assign({
+  name: "SVGVLine"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const n = r, e = Z(), c = $(e), i = _(null), t = p(() => n.propValue || {}), l = p(() => n.element || {}), s = p(() => l.value.events || []), a = Y(), w = J(), g = X(t, l, a, w);
+    K(() => {
+      i.value = q(s.value, n.designStatus, g), i.value?.beforeMount();
+    }), N(() => {
+      T(), i.value?.mounted();
+    }), G(() => {
+      i.value?.beforeUnmount();
+    }), U(() => {
+      i.value?.unmounted();
+    });
+    const { dynamicColor: o } = de(t, c, e.rules, z), x = p(() => o.lineColor ? o.lineColor : t.value.strokeColor ? t.value.strokeColor : "none"), I = _([]), R = _([]);
+    k(() => l.value.style.width, (S) => {
+      T();
+    }), k(() => l.value.style.height, (S) => {
+      T();
+    });
+    const T = () => {
+      const { width: S, height: D } = l.value.style;
+      y(S, D);
+    }, y = (S, D) => {
+      const f = [0.5, 0], v = [0.5, 1];
+      I.value = [S * f[0], D * f[1]], R.value = [S * v[0], D * v[1]];
+    }, O = { props: n, dataCache: e, smartData: c, eventHandler: i, propValue: t, element: l, events: s, router: a, route: w, compContext: g, dynamicColor: o, showLineColor: x, LineL1P1: I, LineL1P2: R, draw: T, drawChart: y, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    }, get useDynamicColor() {
+      return de;
+    } };
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+  }
+});
+function Yt(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ne("line", {
+        x1: e.LineL1P1[0],
+        y1: e.LineL1P1[1],
+        x2: e.LineL1P2[0],
+        y2: e.LineL1P2[1],
+        stroke: e.showLineColor,
+        "stroke-width": e.propValue.strokeWidth,
+        "stroke-dasharray": e.propValue.strokeDasharray
+      }, [
+        e.propValue.animate ? (A(), M("animate", {
+          key: 0,
+          attributeName: "stroke-dashoffset",
+          from: e.propValue.animateFrom,
+          to: e.propValue.animateTo,
+          dur: e.propValue.animateDur + "s",
+          repeatCount: "indefinite"
+        }, null, 8, ["from", "to", "dur"])) : ue("", !0)
+      ], 8, ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const Jt = /* @__PURE__ */ ae(qt, [["render", Yt], ["__scopeId", "data-v-cddc7262"], ["__file", "Component.vue"]]), Qt = /* @__PURE__ */ Object.assign({
+  name: "SVGWenBen"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    const n = r, e = _(null), c = p(() => n.propValue || {}), i = p(() => n.element || {}), t = p(() => i.value.events || []), l = _(0), s = _(0), a = _(""), w = _(""), g = (S) => {
+      e.value?.handleClick(S);
+    }, o = (S) => {
+      e.value?.handleDblClick(S);
+    };
+    k(() => i.value.style.width, (S) => {
+      x();
+    }), k(() => i.value.style.height, (S) => {
+      x();
+    }), k(() => c.value.horizontalAlign, (S) => {
+      x();
+    }), k(() => c.value.offsetX, (S) => {
+      x();
+    });
+    const x = () => {
+      const { width: S, height: D } = n.element.style;
+      I(S, D);
+    }, I = (S, D) => {
+      let f = n.propValue.horizontalAlign || "left", v = n.propValue.offsetX || 0;
+      f == "center" ? (w.value = "middle", l.value = S * 0.5) : f == "right" ? (l.value = S - v, w.value = "end") : (l.value = 0 + v, w.value = "start"), a.value = "central", s.value = D * 0.5;
+    }, R = Y(), T = J(), y = X(c, i, R, T);
+    K(() => {
+      e.value = q(t.value, n.designStatus, y), e.value?.beforeMount();
+    }), N(() => {
+      x(), e.value?.mounted();
+    }), G(() => {
+      e.value?.beforeUnmount();
+    }), U(() => {
+      e.value?.unmounted();
+    }), b({
+      handleClick: g
+    });
+    const O = { props: n, eventHandler: e, propValue: c, element: i, events: t, textX: l, textY: s, textBaseLine: a, textAnchor: w, handleClick: g, handleDblClick: o, draw: x, drawChart: I, router: R, route: T, compContext: y, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, watch: k, onMounted: N, computed: p, ref: _, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    } };
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
+  }
+});
+function Zt(r, b, n, e, c, i) {
+  return A(), M("div", {
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick
+  }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      e.propValue.hasBackground ? (A(), M("rect", {
+        key: 0,
+        x: 1,
+        y: 1,
+        width: e.element.style.width - 2,
+        height: e.element.style.height - 2,
+        rx: e.propValue.rx,
+        ry: e.propValue.ry,
+        fill: e.propValue.fillColor ? e.propValue.fillColor : "none",
+        stroke: e.propValue.strokeColor,
+        "fill-opacity": e.propValue.fillOpacity,
+        "stroke-opacity": e.propValue.strokeOpacity,
+        "stroke-width": e.propValue.strokeWidth
+      }, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ue("", !0),
+      se(),
+      ne("text", {
+        x: e.textX,
+        y: e.textY,
+        dx: e.propValue.dx,
+        fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
+        "dominant-baseline": e.textBaseLine,
+        "text-anchor": e.textAnchor,
+        "font-family": e.propValue.fontFamily,
+        "font-size": e.propValue.fontSize,
+        "font-weight": e.propValue.fontWeight
+      }, ge(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight"])
+    ], 8, ["width", "height"]))
+  ], 32);
+}
+const $t = /* @__PURE__ */ ae(Qt, [["render", Zt], ["__scopeId", "data-v-3afa4979"], ["__file", "Component.vue"]]), el = /* @__PURE__ */ Object.assign({
+  name: "SVGWenBen2"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isNotEmpty: n } = z, e = r, c = p(() => e.propValue || {}), i = p(() => e.element || {}), t = p(() => i.value.events || []), l = _(null), s = p(() => {
+      const { width: f, height: v } = i.value.style;
+      let j = f / 2, P = v / 2;
+      return n(c.value.translateX) || n(c.value.translateY) ? n(c.value.translateX) && n(c.value.translateY) ? `rotate(90,${j},${P}) translate(${c.value.translateX}, ${c.value.translateY})` : n(c.value.translateX) ? `rotate(90,${j},${P}) translate(${c.value.translateX}, 0)` : `rotate(90,${j},${P}) translate(0, ${c.value.translateY})` : `rotate(90,${j},${P})`;
+    }), a = _(0), w = _(0), g = _(""), o = _(""), x = (f) => {
+      l.value?.handleClick(f);
+    }, I = (f) => {
+      l.value?.handleDblClick(f);
+    };
+    k(() => i.value.style.width, (f) => {
+      R();
+    }), k(() => i.value.style.height, (f) => {
+      R();
+    }), k(() => c.value.horizontalAlign, (f) => {
+      R();
+    }), k(() => c.value.offsetX, (f) => {
+      R();
+    });
+    const R = () => {
+      const { width: f, height: v } = e.element.style;
+      T(f, v);
+    }, T = (f, v) => {
+      let j = e.propValue.horizontalAlign || "left", P = e.propValue.offsetX || 0;
+      j == "center" ? (o.value = "middle", a.value = f * 0.5) : j == "right" ? (a.value = f - P, o.value = "end") : (a.value = 0 + P, o.value = "start"), g.value = "central", w.value = v * 0.5;
+    }, y = Y(), O = J(), S = X(c, i, y, O);
+    K(() => {
+      l.value = q(t.value, e.designStatus, S), l.value?.beforeMount();
+    }), N(() => {
+      R(), l.value?.mounted();
+    }), G(() => {
+      l.value?.beforeUnmount();
+    }), U(() => {
+      l.value?.unmounted();
+    });
+    const D = { isNotEmpty: n, props: e, propValue: c, element: i, events: t, eventHandler: l, transformAttr: s, textX: a, textY: w, textBaseLine: g, textAnchor: o, handleClick: x, handleDblClick: I, draw: R, drawChart: T, router: y, route: O, compContext: S, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, watch: k, computed: p, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    } };
+    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
+  }
+});
+function tl(r, b, n, e, c, i) {
+  return A(), M("div", {
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick
+  }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      e.propValue.hasBackground ? (A(), M("rect", {
+        key: 0,
+        x: 1,
+        y: 1,
+        width: e.element.style.width - 2,
+        height: e.element.style.height - 2,
+        rx: e.propValue.rx,
+        ry: e.propValue.ry,
+        fill: e.propValue.fillColor ? e.propValue.fillColor : "none",
+        stroke: e.propValue.strokeColor,
+        "fill-opacity": e.propValue.fillOpacity,
+        "stroke-opacity": e.propValue.strokeOpacity,
+        "stroke-width": e.propValue.strokeWidth
+      }, null, 8, ["width", "height", "rx", "ry", "fill", "stroke", "fill-opacity", "stroke-opacity", "stroke-width"])) : ue("", !0),
+      se(),
+      e.propValue.verticalText ? (A(), M("text", {
+        key: 1,
+        x: e.textX,
+        y: e.textY,
+        dx: e.propValue.dx,
+        fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
+        "dominant-baseline": e.textBaseLine,
+        "text-anchor": e.textAnchor,
+        "font-family": e.propValue.fontFamily,
+        "font-size": e.propValue.fontSize,
+        "font-weight": e.propValue.fontWeight,
+        style: { "letter-spacing": "5px" },
+        transform: e.transformAttr,
+        rotate: "-90"
+      }, ge(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight", "transform"])) : (A(), M("text", {
+        key: 2,
+        x: e.textX,
+        y: e.textY,
+        dx: e.propValue.dx,
+        fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
+        "dominant-baseline": e.textBaseLine,
+        "text-anchor": e.textAnchor,
+        "font-family": e.propValue.fontFamily,
+        "font-size": e.propValue.fontSize,
+        "font-weight": e.propValue.fontWeight
+      }, ge(e.propValue.text), 9, ["x", "y", "dx", "fill", "dominant-baseline", "text-anchor", "font-family", "font-size", "font-weight"]))
+    ], 8, ["width", "height"]))
+  ], 32);
+}
+const ll = /* @__PURE__ */ ae(el, [["render", tl], ["__scopeId", "data-v-0559f0da"], ["__file", "Component.vue"]]), ol = /* @__PURE__ */ Object.assign({
+  name: "SVGRhombus"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { generateSecureUUID: n } = z, e = r, c = Z(), i = $(c), t = _(null), l = p(() => e.propValue || {}), s = p(() => e.element || {}), a = p(() => s.value.events || []), w = Y(), g = J(), o = X(l, s, w, g);
+    K(() => {
+      t.value = q(a.value, e.designStatus, o), t.value?.beforeMount(), D.value = n();
+    }), N(() => {
+      O(), t.value?.mounted();
+    }), G(() => {
+      t.value?.beforeUnmount();
+    }), U(() => {
+      t.value?.unmounted();
+    });
+    const { dynamicColor: x } = de(l, i, c.rules, z), I = p(() => x.fillColor ? x.fillColor : l.value.fillColor ? l.value.fillColor : "none"), R = p(() => x.lineColor ? x.lineColor : l.value.strokeColor ? l.value.strokeColor : "none"), T = _(""), y = _(2);
+    k(() => s.value.style.width, (j) => {
+      O();
+    }), k(() => s.value.style.height, (j) => {
+      O();
+    }), k(() => l.value.tilt, (j) => {
+      O();
+    }), k(() => l.value.offsetLen, (j) => {
+      O();
+    });
+    const O = () => {
+      const { width: j, height: P } = s.value.style;
+      S(j, P);
+    }, S = (j, P) => {
+      let L = l.value.tilt || "right", F = l.value.offsetLen || 0, m = [], d = 0, Q = Math.round((j - 2 * y.value) * 0.5);
+      F = Number(F), F = F < 0 ? 0 : F, F = F > Q ? Q : F, L == "left" ? (m[d++] = y.value, m[d++] = ",", m[d++] = y.value, m[d++] = j - y.value - F, m[d++] = ",", m[d++] = y.value, m[d++] = j - y.value, m[d++] = ",", m[d++] = P - y.value, m[d++] = y.value + F, m[d++] = ",", m[d++] = P - y.value, m[d++] = y.value, m[d++] = ",", m[d++] = y.value, T.value = m.join(" ")) : (m[d++] = y.value + F, m[d++] = ",", m[d++] = y.value, m[d++] = j - y.value, m[d++] = ",", m[d++] = y.value, m[d++] = j - y.value - F, m[d++] = ",", m[d++] = P - y.value, m[d++] = y.value, m[d++] = ",", m[d++] = P - y.value, m[d++] = y.value + F, m[d++] = ",", m[d++] = y.value, T.value = m.join(" "));
+    }, D = _(""), f = p(() => l.value.hasGradient ? `url(#${D.value})` : I.value), v = { generateSecureUUID: n, props: e, dataCache: c, smartData: i, eventHandler: t, propValue: l, element: s, events: a, router: w, route: g, compContext: o, dynamicColor: x, showFillColor: I, showLineColor: R, pointDatas: T, gap: y, draw: O, drawChart: S, gradientId: D, fillStyle: f, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get CommonUtils() {
+      return z;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get useDynamicColor() {
+      return de;
+    } };
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+  }
+});
+function rl(r, b, n, e, c, i) {
+  return A(), M("div", { class: "svg-container" }, [
+    (A(), M("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.element.style.width,
+      height: e.element.style.height
+    }, [
+      ue(" 根据条件判断是否渲染渐变定义 "),
+      se(),
+      e.propValue.hasGradient ? (A(), M("defs", { key: 0 }, [
+        ue(" 这里根据渐变类型动态渲染线性或径向渐变 "),
+        se(),
+        e.propValue.gradientType === "linear" ? (A(), M("linearGradient", {
+          key: 0,
+          id: e.gradientId,
+          x1: e.propValue.gradientX1 + "%",
+          x2: e.propValue.gradientX2 + "%",
+          y1: e.propValue.gradientY1 + "%",
+          y2: e.propValue.gradientY2 + "%"
+        }, [
+          (A(), M("stop", {
+            key: 1,
+            offset: e.propValue.gradientStopsOffset + "%",
+            "stop-color": e.propValue.gradientStopsColor
+          }, null, 8, ["offset", "stop-color"])),
+          se(),
+          (A(), M("stop", {
+            key: 2,
+            offset: e.propValue.gradientStopsOffset2 + "%",
+            "stop-color": e.propValue.gradientStopsColor2
+          }, null, 8, ["offset", "stop-color"]))
+        ], 8, ["id", "x1", "x2", "y1", "y2"])) : (A(), M("radialGradient", {
+          key: 1,
+          id: e.gradientId,
+          cx: e.propValue.gradientCx + "%",
+          cy: e.propValue.gradientCy + "%",
+          r: e.propValue.gradientR + "%",
+          fx: e.propValue.gradientFx + "%",
+          fy: e.propValue.gradientFy + "%"
+        }, [
+          (A(), M("stop", {
+            key: 1,
+            offset: e.propValue.gradientStopsOffset + "%",
+            "stop-color": e.propValue.gradientStopsColor
+          }, null, 8, ["offset", "stop-color"])),
+          se(),
+          (A(), M("stop", {
+            key: 2,
+            offset: e.propValue.gradientStopsOffset2 + "%",
+            "stop-color": e.propValue.gradientStopsColor2
+          }, null, 8, ["offset", "stop-color"]))
+        ], 8, ["id", "cx", "cy", "r", "fx", "fy"]))
+      ])) : ue("", !0),
+      se(),
+      ne("polygon", {
+        points: e.pointDatas,
+        stroke: e.showLineColor,
+        "stroke-width": e.propValue.strokeWidth,
+        "stroke-dasharray": e.propValue.strokeDasharray,
+        "stroke-opacity": e.propValue.strokeOpacity,
+        fill: e.fillStyle,
+        "fill-opacity": e.propValue.fillOpacity
+      }, null, 8, ["points", "stroke", "stroke-width", "stroke-dasharray", "stroke-opacity", "fill", "fill-opacity"])
+    ], 8, ["width", "height"]))
+  ]);
+}
+const nl = /* @__PURE__ */ ae(ol, [["render", rl], ["__scopeId", "data-v-78f636ae"], ["__file", "Component.vue"]]), al = {
+  __name: "index",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const n = r, e = p(() => n.propValue), c = _("");
+    let i = null, t = 3, l = 0;
+    N(() => {
+      i = setInterval(s, 100);
+    });
+    const s = () => {
+      let w = e.value.value || 0;
+      if (isNaN(w))
+        return;
+      w <= 0 && (w = 0);
+      let g = 48 - 46 * w / 100, o = [];
+      o[0] = "M", o[1] = 0, o[2] = 25, o[3] = "Q", o[4] = 6.25, o[5] = 30, o[6] = ",", o[7] = 12.5, o[8] = 25, o[9] = "T", o[10] = 25, o[11] = 25, o[12] = "T", o[13] = 37.5, o[14] = 25, o[15] = "T", o[16] = 50, o[17] = 25, o[18] = "T", o[19] = 62.5, o[20] = 25, o[21] = "T", o[22] = 75, o[23] = 25, o[24] = "V", o[25] = 50, o[26] = "H", o[27] = 0, l += 1, l > 25 && (l = 0), o[1] = 0 - l, o[4] = 6.25 - l, o[7] = 12.5 - l, o[10] = 25 - l, o[13] = 37.5 - l, o[16] = 50 - l, o[19] = 62.5 - l, o[22] = 75 - l, o[2] = g, o[5] = g + t, o[8] = g, o[11] = g, o[14] = g, o[17] = g, o[20] = g, o[23] = g, c.value = o.join(" ");
+    };
+    G(() => {
+      i && clearInterval(i);
+    });
+    const a = { props: n, propValue: e, pathData: c, get timer() {
+      return i;
+    }, set timer(w) {
+      i = w;
+    }, get waveVal() {
+      return t;
+    }, set waveVal(w) {
+      t = w;
+    }, get waveOffset() {
+      return l;
+    }, set waveOffset(w) {
+      l = w;
+    }, drawWave: s, computed: p, onBeforeUnmount: G, onMounted: N, ref: _ };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+};
+function sl(r, b, n, e, c, i) {
+  return A(), M("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 50 50"
+  }, [
+    ne("defs", null, [
+      ne("clipPath", { id: "clipWave-507210b2-7385-44df-9082-2785295e5ac9" }, [
+        ne("circle", {
+          cx: "25",
+          cy: "25",
+          r: "23",
+          fill: "black"
+        })
+      ])
+    ]),
+    se(),
+    ne("circle", {
+      cx: 25,
+      cy: 25,
+      r: 24,
+      fill: "none",
+      stroke: e.propValue.strokeColor,
+      "stroke-width": 1
+    }, null, 8, ["stroke"]),
+    se(),
+    ne("path", {
+      d: e.pathData,
+      fill: e.propValue.strokeColor2 ? e.propValue.strokeColor2 : "none",
+      "clip-path": "url(#clipWave-507210b2-7385-44df-9082-2785295e5ac9)"
+    }, null, 8, ["d", "fill"]),
+    se(),
+    ne("text", {
+      x: 25,
+      y: 25,
+      fill: e.propValue.fontColor ? e.propValue.fontColor : "none",
+      "font-size": e.propValue.fontSize,
+      "font-family": e.propValue.fontFamily,
+      "text-anchor": "middle",
+      "dominant-baseline": "middle"
+    }, ge(e.propValue.value) + `%\r
+    `, 9, ["fill", "font-size", "font-family"])
+  ]);
+}
+const ul = /* @__PURE__ */ ae(al, [["render", sl], ["__file", "index.vue"]]), il = /* @__PURE__ */ Object.assign({
+  name: "SVGLiquidFillBall"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isObject: n, isValid: e, isNumber: c } = z, i = r, t = Z(), l = $(t), s = _(null), a = p(() => i.propValue || {}), w = p(() => i.element || {}), g = p(() => w.value.events || []), o = Y(), x = J(), I = X(a, w, o, x);
+    K(() => {
+      s.value = q(g.value, i.designStatus, I), s.value?.beforeMount();
+    }), N(() => {
+      s.value?.mounted();
+    }), G(() => {
+      s.value?.beforeUnmount();
+    }), U(() => {
+      s.value?.unmounted();
+    });
+    const R = (f) => {
+      s.value?.handleClick(f);
+    }, T = (f) => {
+      s.value?.handleDblClick(f);
+    }, y = l[a.value.dataCK];
+    k(() => y.value, (f) => {
+      e(f) && O(f);
+    }, { immediate: !0 });
+    function O(f) {
+      S(f);
+    }
+    function S(f) {
+      let v = null;
+      n(f) ? v = f[a.value.valueKey] || null : v = f, c(v) && (a.value.value = Number(v));
+    }
+    const D = { isObject: n, isValid: e, isNumber: c, props: i, dataCache: t, smartData: l, eventHandler: s, propValue: a, element: w, events: g, router: o, route: x, compContext: I, handleClick: R, handleDblClick: T, bsData: y, dealBsData: O, parseBsData: S, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get CommonUtils() {
+      return z;
+    }, LiquidFillBall: ul };
+    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
+  }
+});
+function cl(r, b, n, e, c, i) {
+  return A(), M("div", {
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick
+  }, [
+    be(e.LiquidFillBall, { "prop-value": e.propValue }, null, 8, ["prop-value"])
+  ], 32);
+}
+const dl = /* @__PURE__ */ ae(il, [["render", cl], ["__scopeId", "data-v-82417625"], ["__file", "Component.vue"]]), fl = /* @__PURE__ */ Object.assign({
+  name: "SVGFile"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    b();
+    const { isNotEmpty: n } = z, e = Ce(), c = _(null), i = r, t = Z(), l = $(t), s = _(null), a = p(() => i.propValue || {}), w = p(() => i.element || {}), g = p(() => w.value.events || []), o = Y(), x = J(), I = X(a, w, o, x);
+    K(() => {
+      s.value = q(g.value, i.designStatus, I), s.value?.beforeMount();
+    }), N(() => {
+      s.value?.mounted();
+    }), G(() => {
+      s.value?.beforeUnmount();
+    }), U(() => {
+      s.value?.unmounted();
+    });
+    const R = (d) => {
+      s.value?.setParam(d);
+    }, T = (d) => {
+      s.value?.handleDblClick(d);
+    }, y = _("");
+    k(y, (d) => {
+      ye(() => {
+        c.value && d ? c.value.innerHTML = d : c.value && (c.value.innerHTML = "");
+      });
+    });
+    const O = p(() => {
+      let d = {};
+      return n(a.value.firstColor) && (d["--custom-first-color"] = a.value.firstColor), n(a.value.secondColor) && (d["--custom-second-color"] = a.value.secondColor), n(a.value.thirdColor) && (d["--custom-third-color"] = a.value.thirdColor), n(a.value.fourColor) && (d["--custom-four-color"] = a.value.fourColor), n(a.value.fiveColor) && (d["--custom-five-color"] = a.value.fiveColor), d;
+    }), S = (d) => {
+      e.getFile(d, function(Q) {
+        if (Q && Q.status == 200) {
+          let ee = Q.data || "";
+          y.value = D(ee);
+        } else
+          y.value = "";
+      }, function(Q) {
+        y.value = "";
+      });
+    };
+    k(() => a.value.svgFile, (d) => {
+      n(d) ? S(d) : y.value = "";
+    }, { immediate: !0 }), k(() => a.value.aspectRatio, (d) => {
+      n(a.value.svgFile) && S(a.value.svgFile);
+    }, { immediate: !0 });
+    const D = (d) => {
+      const Q = a.value.aspectRatio || "xMidYMid meet";
+      return d.replace(/<svg([^>]*)width="[^"]*"/gi, "<svg$1").replace(/<svg([^>]*)height="[^"]*"/gi, "<svg$1").replace(/<svg/, `<svg preserveAspectRatio="${Q}"`);
+    }, f = p(() => {
+      const d = a.value.svgFileCK;
+      return n(d) ? l[d] : {};
+    }), v = p(() => {
+      const d = a.value.firstColorCK;
+      return n(d) ? l[d] : {};
+    }), j = p(() => {
+      const d = a.value.secondColorCK;
+      return n(d) ? l[d] : {};
+    }), P = p(() => {
+      const d = a.value.thirdColorCK;
+      return n(d) ? l[d] : {};
+    }), L = p(() => {
+      const d = a.value.fourColorCK;
+      return n(d) ? l[d] : {};
+    }), F = p(() => {
+      const d = a.value.fiveColorCK;
+      return n(d) ? l[d] : {};
+    });
+    k(() => f, (d) => {
+      n(a.value.svgFileCK) && (a.value.svgFile = d);
+    }), k(() => v, (d) => {
+      n(a.value.firstColorCK) && (a.value.firstColor = d);
+    }), k(() => j, (d) => {
+      n(a.value.secondColorCK) && (a.value.secondColor = d);
+    }), k(() => P, (d) => {
+      n(a.value.thirdColorCK) && (a.value.thirdColor = d);
+    }), k(() => L, (d) => {
+      n(a.value.fourColorCK) && (a.value.fourColor = d);
+    }), k(() => F, (d) => {
+      n(a.value.fiveColorCK) && (a.value.fiveColor = d);
+    });
+    const m = { isNotEmpty: n, api: e, svgContainerRef: c, props: i, dataCache: t, smartData: l, eventHandler: s, propValue: a, element: w, events: g, router: o, route: x, compContext: I, handleClick: R, handleDblClick: T, svgContent: y, customStyle: O, loadSvgFile: S, removeSvgDimensions: D, fileData: f, firstColorData: v, secondColorData: j, thirdColorData: P, fourColorData: L, fiveColorData: F, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, watch: k, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, nextTick: ye, get CommonUtils() {
+      return z;
+    }, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, get useApi() {
+      return Ce;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+function pl(r, b, n, e, c, i) {
+  return A(), M("div", {
+    ref: "svgContainerRef",
+    class: "svg-container",
+    onClick: e.handleClick,
+    onDblclick: e.handleDblClick,
+    style: Ee(e.customStyle)
+  }, null, 36);
+}
+const vl = /* @__PURE__ */ ae(fl, [["render", pl], ["__scopeId", "data-v-56539202"], ["__file", "Component.vue"]]), hl = {
+  __name: "BaseGridTable",
+  props: {
+    // 网格边框配置 默认样式配置
+    borderStyle: {
+      type: Object,
+      default: () => ({
+        color: "#ddd",
+        width: 1,
+        dash: []
+      })
+    },
+    // 自定义边框信息 4个边框 上下左右的顺序 可以带样式 没有则使用默认
+    borders: { type: Array, default: () => [] },
+    // 网格行列配置
+    rows: { type: Number, default: 5 },
+    cols: { type: Number, default: 5 },
+    cellWidth: { type: Number, default: 100 },
+    cellHeight: { type: Number, default: 50 },
+    // 行列独立尺寸配置
+    rowHeights: { type: Array, default: () => [] },
+    colWidths: { type: Array, default: () => [] },
+    // 行线样式
+    rowStyle: {
+      type: Object,
+      default: () => ({
+        color: "#999",
+        width: 1,
+        dash: []
+      })
+    },
+    rowLine: {
+      type: Array,
+      default: () => []
+    },
+    // 列线样式
+    colStyle: {
+      type: Object,
+      default: () => ({
+        color: "#999",
+        width: 1,
+        dash: []
+      })
+    },
+    colLine: {
+      type: Array,
+      default: () => []
+    },
+    cellStyle: {
+      type: Array,
+      default: () => []
+    },
+    // 合并单元格配置 row col 从0开始
+    mergedCells: { type: Array, default: () => [] },
+    // 斜线配置
+    diagonalStyle: {
+      type: Object,
+      default: () => ({
+        color: "#999",
+        width: 1,
+        dash: []
+      })
+    },
+    // 斜线单元格配置 row col 从0开始 可以带样式 没有则使用默认样式
+    diagonalCells: { type: Array, default: () => [] }
+  },
+  setup(r, { expose: b }) {
+    const { consolePrint: n, isArray: e, isEven: c, isNotEmpty: i } = z, t = r, l = _(), s = _();
+    let a = [], w = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+    const x = p(() => Array.from(
+      { length: t.rows },
+      (u, h) => Number(t.rowHeights[h] || t.cellHeight)
+    )), I = p(() => Array.from(
+      { length: t.cols },
+      (u, h) => Number(t.colWidths[h] || t.cellWidth)
+    )), R = p(
+      () => I.value.reduce((u, h) => u + h, 0)
+    ), T = p(
+      () => x.value.reduce((u, h) => u + h, 0)
+    ), y = () => {
+      if (!s.value) return;
+      n("debug", "绘制网格开始");
+      const u = l.value;
+      s.value.clearRect(0, 0, u.width, u.height), D(), O(u.width, u.height), f(), n("debug", "绘制网格完成");
+    }, O = (u, h) => {
+      let C = [], H = m();
+      H.x1 = 0, H.y1 = 0, H.x2 = u, H.y2 = 0, S(H, 0), H.y1 += H.lineWidth / 2, H.y2 += H.lineWidth / 2, C.push(H);
+      let W = m();
+      W.x1 = u, W.y1 = 0, W.x2 = u, W.y2 = h, S(W, 3), W.x1 -= W.lineWidth / 2, W.x2 -= W.lineWidth / 2, C.push(W);
+      let E = m();
+      E.x1 = u, E.y1 = h, E.x2 = 0, E.y2 = h, S(E, 1), E.y1 -= E.lineWidth / 2, E.y2 -= E.lineWidth / 2, C.push(E);
+      let V = m();
+      V.x1 = 0, V.y1 = h, V.x2 = 0, V.y2 = 0, S(V, 2), V.x1 += V.lineWidth / 2, V.x2 += V.lineWidth / 2, C.push(V), d(s.value, C, !1);
+    }, S = (u, h) => {
+      u.strokeStyle = t.borderStyle.color, u.lineWidth = t.borderStyle.width, u.dash = t.borderStyle.dash, t.borders && e(t.borders) && t.borders.length > h && (u.strokeStyle = t.borders[h].color, u.lineWidth = t.borders[h].width, u.dash = t.borders[h].dash);
+    }, D = () => {
+      a = [], v();
+      let u = [];
+      for (let h = 0; h < t.rows; h++)
+        for (let C = 0; C < t.cols; C++)
+          j(u, h, C);
+      d(s.value, u, !1);
+    }, f = () => {
+      if (e(t.diagonalCells) && t.diagonalCells.length > 0) {
+        let u, h = [], C, H, W;
+        for (let E = 0; E < t.diagonalCells.length; E++) {
+          if (u = t.diagonalCells[E], !L(u.row, u.col) || (C = u.row + "_" + u.col, w.has(C)))
+            continue;
+          let V = m();
+          if (H = u.row, W = u.col, u.reverse) {
+            let te = a[H][W][0], fe = a[H][W][1], ve = te + F(I.value[u.col]), he = a[H][W][1] + F(x.value[u.row]);
+            if (g.has(C)) {
+              let pe = g.get(C), oe = 0;
+              for (let re = 0; re < pe.colSpan; re++)
+                oe += F(I.value[u.col + re]);
+              ve = te + oe, oe = 0;
+              for (let re = 0; re < pe.rowSpan; re++)
+                oe += F(x.value[u.row + re]);
+              he = fe + oe;
+            }
+            V.x1 = te, V.y1 = he, V.x2 = ve, V.y2 = fe, V.strokeStyle = u.color ?? t.diagonalStyle.color, V.lineWidth = u.width ?? t.diagonalStyle.width, V.dash = u.dash ?? t.diagonalStyle.dash, h.push(V);
+          } else {
+            let te = a[H][W][0], fe = a[H][W][1], ve = te + F(I.value[u.col]), he = fe + F(x.value[u.row]);
+            if (g.has(C)) {
+              let pe = g.get(C), oe = 0;
+              for (let re = 0; re < pe.colSpan; re++)
+                oe += F(I.value[u.col + re]);
+              ve = te + oe, oe = 0;
+              for (let re = 0; re < pe.rowSpan; re++)
+                oe += F(x.value[u.row + re]);
+              he = fe + oe;
+            }
+            V.x1 = te, V.y1 = fe, V.x2 = ve, V.y2 = he, V.strokeStyle = u.color ?? t.diagonalStyle.color, V.lineWidth = u.width ?? t.diagonalStyle.width, V.dash = u.dash ?? t.diagonalStyle.dash, h.push(V);
+          }
+        }
+        d(s.value, h, !1);
+      }
+    }, v = () => {
+      let u = 0, h = 0, C = 0, H = 0;
+      for (let W = 0; W < t.rows; W++) {
+        a[W] = [], W == 0 ? u = 0 : u = F(x.value[W - 1]), C += u, H = 0;
+        for (let E = 0; E < t.cols; E++)
+          E == 0 ? h = 0 : h = F(I.value[E - 1]), H += h, a[W][E] = [H, C];
+      }
+    }, j = (u, h, C) => {
+      let H = a[h][C][0], W = a[h][C][1], E = h + "_" + C, V;
+      h > 0 && (V = m(), V.x1 = H, V.y1 = W, V.x2 = H + F(I.value[C]), V.y2 = W, V.r = h, V.c = C, w.has(E) ? w.get(E).sameRow && (P(V, h, C, 1), c(V.lineWidth) || (V.y1 += 0.5, V.y2 += 0.5), u.push(V)) : (P(V, h, C, 1), c(V.lineWidth) || (V.y1 += 0.5, V.y2 += 0.5), u.push(V))), C > 0 && (V = m(), V.x1 = H, V.y1 = W, V.x2 = H, V.y2 = W + F(x.value[h]), V.r = h, V.c = C, w.has(E) ? w.get(E).sameCol && (P(V, h, C, 2), c(V.lineWidth) || (V.x1 += 0.5, V.x2 += 0.5), u.push(V)) : (P(V, h, C, 2), c(V.lineWidth) || (V.x1 += 0.5, V.x2 += 0.5), u.push(V)));
+    }, P = (u, h, C, H) => {
+      let W = h + "_" + C, E = h, V = C;
+      if (w.has(W)) {
+        let te = w.get(W);
+        E = te.startRow, V = te.startCol;
+      }
+      if (W = E + "_" + V, o.has(W)) {
+        let te = o.get(W);
+        u.strokeStyle = te.color, u.lineWidth = te.width, u.dash = te.dash;
+      } else
+        H == 1 ? e(t.rowLine) && t.rowLine.length > h ? (u.strokeStyle = t.rowLine[h].color, u.lineWidth = t.rowLine[h].width, u.dash = t.rowLine[h].dash) : (u.strokeStyle = t.rowStyle.color, u.lineWidth = t.rowStyle.width, u.dash = t.rowStyle.dash) : e(t.colLine) && t.colLine.length > C ? (u.strokeStyle = t.colLine[C].color, u.lineWidth = t.colLine[C].width, u.dash = t.colLine[C].dash) : (u.strokeStyle = t.colStyle.color, u.lineWidth = t.colStyle.width, u.dash = t.colStyle.dash);
+    };
+    N(() => {
+      s.value = l.value.getContext("2d"), y();
+    }), k(() => t.mergedCells, (u) => {
+      if (u && (g.clear(), w.clear(), t.mergedCells.length > 0)) {
+        let h, C;
+        for (let H = 0; H < t.mergedCells.length; H++)
+          if (h = t.mergedCells[H], !(h.row < 0 || g.col < 0) && (h.rowSpan >= 2 || h.colSpan >= 2)) {
+            h.row + h.rowSpan > t.rows && (h.rowSpan = t.rows - h.row), h.col + h.colSpan > t.cols && (h.colSpan = t.cols - h.col);
+            let W = 0, E = 0;
+            g.set(h.row + "_" + h.col, { ...h });
+            for (let V = 0; V < h.rowSpan; V++)
+              for (let te = 0; te < h.colSpan; te++)
+                V == 0 && te == 0 || (W = h.row + V, E = h.col + te, C = W + "_" + E, W == h.row ? w.set(C, {
+                  sameRow: !0,
+                  sameCol: !1,
+                  startRow: h.row,
+                  startCol: h.col
+                }) : E == h.col ? w.set(C, {
+                  sameRow: !1,
+                  sameCol: !0,
+                  startRow: h.row,
+                  startCol: h.col
+                }) : w.set(C, {
+                  sameRow: !1,
+                  sameCol: !1,
+                  startRow: h.row,
+                  startCol: h.col
+                }));
+          }
+      }
+    }, { immediate: !0 }), k(() => t.cellStyle, (u) => {
+      if (u && (o.clear(), t.cellStyle.length > 0)) {
+        let h;
+        for (let C = 0; C < t.cellStyle.length; C++)
+          h = t.cellStyle[C], L(h.row, h.col) && o.set(h.row + "_" + h.col, { ...h });
+      }
+    }, { immediate: !0 });
+    const L = (u, h) => !(u < 0 || h < 0 || u > t.rows || h > t.cols), F = (u) => parseFloat(u) ?? 0, m = () => ({
+      x1: 0,
+      y1: 0,
+      x2: 0,
+      y2: 0,
+      strokeStyle: "#F8F8FF",
+      lineWidth: 1,
+      dash: []
+    }), d = (u, h, C) => {
+      if (e(h) && h.length > 0) {
+        let H = !!C;
+        H && u.beginPath(), h.forEach((W, E) => {
+          if (Number(W.lineWidth) > 0) {
+            if (H || u.beginPath(), u.strokeStyle = W.strokeStyle, u.lineWidth = W.lineWidth, i(W.dash))
+              if (e(W.dash))
+                u.setLineDash(W.dash);
+              else {
+                let V = W.dash.split(",");
+                u.setLineDash(V);
+              }
+            else
+              u.setLineDash([]);
+            u.moveTo(W.x1, W.y1), u.lineTo(W.x2, W.y2), u.closePath(), H || u.stroke();
+          }
+        }), H && u.stroke(), u.restore();
+      }
+    }, Q = () => {
+      ye(() => {
+        y();
+      });
+    };
+    b({
+      redraw: Q
+    });
+    const ee = { consolePrint: n, isArray: e, isEven: c, isNotEmpty: i, props: t, canvasRef: l, ctx: s, get cellPosition() {
+      return a;
+    }, set cellPosition(u) {
+      a = u;
+    }, get mergedCellInfo() {
+      return w;
+    }, set mergedCellInfo(u) {
+      w = u;
+    }, get mergeCellInfo() {
+      return g;
+    }, set mergeCellInfo(u) {
+      g = u;
+    }, get cellStyleMap() {
+      return o;
+    }, set cellStyleMap(u) {
+      o = u;
+    }, computedRowHeights: x, computedColWidths: I, canvasWidth: R, canvasHeight: T, drawGrid: y, _drawBorder: O, _setBorderStyle: S, _drawCellArea: D, _drawDiagonal: f, _calcCellPosition: v, drawCell: j, _setCellStyle: P, _checkValidCell: L, _getVal: F, _getDefaultLineObj: m, drawLine: d, redraw: Q, computed: p, onMounted: N, ref: _, watch: k, nextTick: ye, get CommonUtils() {
+      return z;
+    } };
+    return Object.defineProperty(ee, "__isScriptSetup", { enumerable: !1, value: !0 }), ee;
+  }
+};
+function gl(r, b, n, e, c, i) {
+  return A(), M("div", { class: "canvas-grid-container" }, [
+    ne("canvas", {
+      ref: "canvasRef",
+      width: e.canvasWidth,
+      height: e.canvasHeight
+    }, null, 8, ["width", "height"])
+  ]);
+}
+const ml = /* @__PURE__ */ ae(hl, [["render", gl], ["__scopeId", "data-v-6480756a"], ["__file", "BaseGridTable.vue"]]), yl = /* @__PURE__ */ Object.assign({
+  name: "GridTable"
+}, {
+  __name: "Component",
+  props: {
+    propValue: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    },
+    element: {
+      type: Object,
+      default: () => {
+      }
+    },
+    designStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r, { expose: b }) {
+    const n = r, e = Z(), c = $(e), i = _(null), t = p(() => n.propValue || {}), l = p(() => n.element || {}), s = p(() => l.value.events || []), a = Y(), w = J(), g = X(t, l, a, w);
+    K(() => {
+      i.value = q(s.value, n.designStatus, g), i.value?.beforeMount();
+    }), N(() => {
+      i.value?.mounted();
+    }), G(() => {
+      i.value?.beforeUnmount();
+    }), U(() => {
+      i.value?.unmounted();
+    });
+    const o = _(null);
+    k([() => l.value.style.width, () => l.value.style.height], ([O, S]) => {
+      o.value && (t.value.autoResize ? T() : o.value.redraw());
+    });
+    const x = _([]), I = _([]), R = () => {
+      if (!t.value.autoResize)
+        return;
+      let O = Array.from(
+        { length: t.value.rows },
+        (D, f) => t.value?.rowHeights?.length > f ? Number(t.value?.rowHeights[f] || t.value.cellHeight) ?? 0 : Number(t.value.cellHeight) ?? 0
+      );
+      if (l.value.style.height > 0) {
+        let D = 0;
+        D = O.reduce((L, F) => L + F, 0);
+        let f = [], v = 0;
+        for (let L = 0; L < t.value.rows; L++)
+          f[L] = Math.floor(O[L] / D * l.value.style.height, 0), v += f[L];
+        let j = l.value.style.height - v, P = Math.min(j, t.value.rows);
+        for (let L = P - 1; L >= 0; L--)
+          f[L] += 1;
+        x.value = [...f];
+      }
+      let S = Array.from(
+        { length: t.value.cols },
+        (D, f) => t.value?.colWidths?.length > f ? Number(t.value?.colWidths[f] || t.value.cellWidth) ?? 0 : Number(t.value.cellWidth) ?? 0
+      );
+      if (l.value.style.width > 0) {
+        let D = 0;
+        D = S.reduce((L, F) => L + F, 0);
+        let f = [], v = 0;
+        for (let L = 0; L < t.value.cols; L++)
+          f[L] = Math.floor(S[L] / D * l.value.style.width, 0), v += f[L];
+        let j = l.value.style.width - v, P = Math.min(j, t.value.cols);
+        for (let L = P - 1; L >= 0; L--)
+          f[L] += 1;
+        I.value = [...f];
+      }
+      o.value?.redraw();
+    }, T = we(R, 500);
+    k(() => t.value.autoResize, (O) => {
+      O && T();
+    }, { immediate: !0 }), b({});
+    const y = { props: n, dataCache: e, smartData: c, eventHandler: i, propValue: t, element: l, events: s, router: a, route: w, compContext: g, baseGridTableRef: o, rowHeights: x, colWidths: I, _autoCalcWidthAndHeight: R, debouncedAutoCalcWidthAndHeight: T, get useEventHandler() {
+      return q;
+    }, get useDataCacheStore() {
+      return Z;
+    }, get createSmartAccessor() {
+      return $;
+    }, get CreateCompContext() {
+      return X;
+    }, ref: _, computed: p, onMounted: N, onBeforeMount: K, onBeforeUnmount: G, onUnmounted: U, watch: k, reactive: Oe, get useRoute() {
+      return J;
+    }, get useRouter() {
+      return Y;
+    }, BaseGridTable: ml, get debounce() {
+      return we;
+    } };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+  }
+});
+function Cl(r, b, n, e, c, i) {
+  return A(), M("div", { class: "grid-container" }, [
+    be(e.BaseGridTable, {
+      ref: "baseGridTableRef",
+      rows: e.propValue.rows,
+      cols: e.propValue.cols,
+      "cell-width": e.propValue.cellWidth,
+      "cell-height": e.propValue.cellHeight,
+      "row-heights": e.rowHeights,
+      "col-widths": e.colWidths,
+      "merged-cells": e.propValue.mergedCells,
+      "diagonal-cells": e.propValue.diagonalCells,
+      "row-style": e.propValue.rowStyle,
+      "row-line": e.propValue.rowLine,
+      "col-style": e.propValue.colStyle,
+      "col-line": e.propValue.colLine,
+      "cell-style": e.propValue.cellStyle,
+      "diagonal-style": e.propValue.diagonalStyle,
+      borders: e.propValue.borders,
+      "border-style": e.propValue.borderStyle
+    }, 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"])
+  ]);
+}
+const _l = /* @__PURE__ */ ae(yl, [["render", Cl], ["__scopeId", "data-v-dced3ee3"], ["__file", "Component.vue"]]), wl = [
+  Ze,
+  tt,
+  jt,
+  Wt,
+  Pt,
+  Bt,
+  Et,
+  zt,
+  Xt,
+  Jt,
+  $t,
+  ll,
+  nl,
+  dl,
+  vl,
+  _l
+], ke = (r) => {
+  if (ke.installed)
+    return;
+  ke.installed = !0;
+  const b = r._context.provides["hflvloader-api"];
+  b && r.provide("hflvcomp-api", b), wl.forEach((n) => {
+    r.component(n.name, n);
+  });
+}, Vl = {
+  install: ke
+};
+export {
+  Vl as default
+};