go-view-worker 0.0.1

package/dist/chunks/index-0472b3a5.js

@@ -0,0 +1,173 @@
+import { defineComponent as K, toRefs as Q, ref as k, computed as W, watch as X, resolveComponent as l, openBlock as o, createBlock as a, withCtx as e, createVNode as n, unref as E, createElementBlock as b, Fragment as x, renderList as N, createElementVNode as G, toDisplayString as H, resolveDynamicComponent as i, createCommentVNode as L } from "vue";
+import "naive-ui";
+import { A as Y } from "./designStore-fe92c2ba.js";
+import "vue-router";
+import { l as p } from "./index-82d00e13.js";
+import { u as Z, i as $ } from "./chartEditStore-a725b558.js";
+import { C as ee } from "./index-51458edb.js";
+import { u as R, C as D } from "./index-097ae4b0.js";
+import "pinia";
+import "./index.vue_vue_type_script_setup_true_lang-c6159a17.js";
+import "./router-106a6abc.js";
+var r = /* @__PURE__ */ ((s) => (s.PAGE_SETTING = "pageSetting", s.CHART_SETTING = "chartSetting", s.CHART_ANIMATION = "chartAnimation", s.CHART_DATA = "chartData", s.CHART_EVENT = "chartEvent", s))(r || {});
+const te = /* @__PURE__ */ K({
+  __name: "index",
+  setup(s) {
+    const { getDetails: y } = Q(R()), { setItem: T } = R(), d = Z(), { ConstructIcon: w, FlashIcon: oe, DesktopOutlineIcon: z, LeafIcon: B, RocketIcon: ne } = $.ionicons5, V = p(() => import("./index-95c5f0a0.js")), O = p(() => import("./index-a410a1d3.js")), P = p(() => import("./index-09e62bb4.js")), F = p(() => import("./index-1cb69ab6.js")), u = k(y.value), _ = k(r.CHART_SETTING), C = () => {
+      u.value = !0, T(D.DETAILS, !0);
+    }, h = () => {
+      u.value = !1, T(D.DETAILS, !1);
+    }, m = W(() => {
+      if (d.getTargetChart.selectId.length !== 1)
+        return;
+      const c = d.componentList[d.fetchTargetIndex()];
+      return c?.isGroup && (_.value = r.CHART_SETTING), c;
+    });
+    X(y, (f) => {
+      f ? C() : h();
+    });
+    const M = [
+      {
+        key: r.PAGE_SETTING,
+        title: "页面配置",
+        icon: z,
+        render: O
+      }
+    ], v = [
+      {
+        key: r.CHART_SETTING,
+        title: "定制",
+        icon: w,
+        render: P
+      },
+      {
+        key: r.CHART_ANIMATION,
+        title: "动画",
+        icon: B,
+        render: F
+      }
+    ], U = [...v];
+    return (f, c) => {
+      const j = l("n-layout-content"), g = l("n-icon"), I = l("n-space"), A = l("n-tab-pane"), S = l("n-tabs"), q = l("n-layout-sider"), J = l("n-layout");
+      return o(), a(J, {
+        "has-sider": "",
+        "sider-placement": "right"
+      }, {
+        default: e(() => [
+          n(j, null, {
+            default: e(() => [
+              n(E(V))
+            ]),
+            _: 1
+          }),
+          n(q, {
+            "collapse-mode": "transform",
+            "collapsed-width": 0,
+            width: 350,
+            collapsed: u.value,
+            "native-scrollbar": !1,
+            "show-trigger": "bar",
+            onCollapse: C,
+            onExpand: h
+          }, {
+            default: e(() => [
+              n(E(ee), {
+                class: "go-content-configurations go-boderbox",
+                "show-top": !1,
+                depth: 2
+              }, {
+                default: e(() => [
+                  m.value ? L("", !0) : (o(), a(S, {
+                    key: 0,
+                    class: "tabs-box",
+                    size: "small",
+                    type: "segment"
+                  }, {
+                    default: e(() => [
+                      (o(), b(x, null, N(M, (t) => n(A, {
+                        key: t.key,
+                        name: t.key,
+                        size: "small",
+                        "display-directive": "show:lazy"
+                      }, {
+                        tab: e(() => [
+                          n(I, null, {
+                            default: e(() => [
+                              G("span", null, H(t.title), 1),
+                              n(g, {
+                                size: "16",
+                                class: "icon-position"
+                              }, {
+                                default: e(() => [
+                                  (o(), a(i(t.icon)))
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: e(() => [
+                          (o(), a(i(t.render)))
+                        ]),
+                        _: 2
+                      }, 1032, ["name"])), 64))
+                    ]),
+                    _: 1
+                  })),
+                  m.value ? (o(), a(S, {
+                    key: 1,
+                    value: _.value,
+                    "onUpdate:value": c[0] || (c[0] = (t) => _.value = t),
+                    class: "tabs-box",
+                    size: "small",
+                    type: "segment"
+                  }, {
+                    default: e(() => [
+                      (o(!0), b(x, null, N(m.value.isGroup ? v : U, (t) => (o(), a(A, {
+                        key: t.key,
+                        name: t.key,
+                        size: "small",
+                        "display-directive": "show:lazy"
+                      }, {
+                        tab: e(() => [
+                          n(I, null, {
+                            default: e(() => [
+                              G("span", null, H(t.title), 1),
+                              n(g, {
+                                size: "16",
+                                class: "icon-position"
+                              }, {
+                                default: e(() => [
+                                  (o(), a(i(t.icon)))
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: e(() => [
+                          (o(), a(i(t.render)))
+                        ]),
+                        _: 2
+                      }, 1032, ["name"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["value"])) : L("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["collapsed"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const fe = /* @__PURE__ */ Y(te, [["__scopeId", "data-v-997af9d9"]]);
+export {
+  fe as default
+};

package/dist/chunks/index-097ae4b0.js

@@ -0,0 +1,436 @@
+import { defineComponent as m, openBlock as T, createBlock as L, unref as v, withCtx as h, createVNode as p, renderSlot as G, computed as P, onMounted as I, createElementBlock as ee, provide as E, watch as te, onBeforeUnmount as ne } from "vue";
+import { useMessage as re, useDialog as ae, useLoadingBar as ie, NLoadingBarProvider as oe, NDialogProvider as se, NNotificationProvider as le, NMessageProvider as ue, darkTheme as ce, NConfigProvider as fe } from "naive-ui";
+import { u as de, _ as ve, f as pe, a as _e, c as ge } from "./index.vue_vue_type_script_setup_true_lang-c6159a17.js";
+import { D as he } from "./index-82d00e13.js";
+import { g as me, s as Ce, S as ye, _ as Te, e as U, i as V, a as D, b as Ee, c as Oe, d as Se, k, f as $e, h as be, j as Le, l as we, m as Pe, n as Ae, o as Ne, p as xe, q as w, r as Me, t as Be, u as Re, v as Fe, w as Ge, x as O } from "./designStore-fe92c2ba.js";
+import "vue-router";
+import { u as H, a as Ie, C as S, P as Ue, B as y, E as A } from "./chartEditStore-a725b558.js";
+import { defineStore as Ve } from "pinia";
+const De = /* @__PURE__ */ m({
+  __name: "index",
+  setup(e) {
+    return window.$message = re(), (t, n) => null;
+  }
+}), ke = /* @__PURE__ */ m({
+  __name: "index",
+  setup(e) {
+    return window.$dialog = ae(), (t, n) => null;
+  }
+}), He = /* @__PURE__ */ m({
+  __name: "index",
+  setup(e) {
+    return window.$loading = ie(), window.$loading.finish(), (t, n) => null;
+  }
+}), ze = /* @__PURE__ */ m({
+  __name: "index",
+  setup(e) {
+    return (t, n) => (T(), L(v(oe), null, {
+      default: h(() => [
+        p(v(se), null, {
+          default: h(() => [
+            p(v(ke)),
+            p(v(He)),
+            p(v(le), null, {
+              default: h(() => [
+                p(v(ue), null, {
+                  default: h(() => [
+                    p(v(De)),
+                    G(t.$slots, "default")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Ke = ["data-theme"], Ye = /* @__PURE__ */ m({
+  __name: "index",
+  props: {
+    theme: {}
+  },
+  setup(e) {
+    const t = e, n = de(), r = P(() => t.theme ?? (n.isDarkMode ? "dark" : "light") ?? "light"), a = P(() => r.value === "dark" ? ce : null);
+    return I(() => {
+    }), (o, l) => (T(), ee("div", {
+      class: "go-view-container",
+      "data-theme": r.value
+    }, [
+      p(v(fe), { theme: a.value }, {
+        default: h(() => [
+          p(v(ze), null, {
+            default: h(() => [
+              G(o.$slots, "default")
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["theme"])
+    ], 8, Ke));
+  }
+});
+const qe = /* @__PURE__ */ m({
+  __name: "index",
+  props: {
+    data: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(e) {
+    return (t, n) => (T(), L(ve));
+  }
+});
+var z = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.DOUBLE = "double", e))(z || {}), K = /* @__PURE__ */ ((e) => (e.THUMBNAIL = "thumbnail", e.TEXT = "text", e))(K || {}), b = /* @__PURE__ */ ((e) => (e.LAYERS = "layers", e.CHARTS = "charts", e.DETAILS = "details", e.Chart_TYPE = "chartType", e.LAYER_TYPE = "layerType", e.PERCENTAGE = "percentage", e.RE_POSITION_CANVAS = "rePositionCanvas", e))(b || {});
+const je = () => H(), { GO_CHART_LAYOUT_STORE: Y } = ye, We = me(Y), Qe = Ve({
+  id: "useChartLayoutStore",
+  state: () => ({
+    // 图层控制
+    layers: !0,
+    // 图表组件
+    charts: !0,
+    // 详情设置（收缩为true）
+    details: !1,
+    // 组件列表展示类型（默认单列）
+    chartType: z.SINGLE,
+    // 图层类型（默认图片）
+    layerType: K.THUMBNAIL,
+    // 当前加载数量
+    percentage: 0,
+    // 是否重置当前画布位置
+    rePositionCanvas: !1,
+    // 防止值不存在
+    ...We
+  }),
+  getters: {
+    getLayers() {
+      return this.layers;
+    },
+    getCharts() {
+      return this.charts;
+    },
+    getDetails() {
+      return this.details;
+    },
+    getChartType() {
+      return this.chartType;
+    },
+    getLayerType() {
+      return this.layerType;
+    },
+    getPercentage() {
+      return this.percentage;
+    },
+    getRePositionCanvas() {
+      return this.rePositionCanvas;
+    }
+  },
+  actions: {
+    setItem(e, t, n = !0) {
+      this.$patch((r) => {
+        r[e] = t;
+      }), Ce(Y, this.$state), this.rePositionCanvas = !0, n && setTimeout(() => {
+        je().computedScale();
+      }, 500);
+    },
+    setItemUnHandle(e, t) {
+      this.$patch((n) => {
+        n[e] = t;
+      });
+    }
+  }
+});
+var Xe = Te, Je = U;
+function Ze(e, t, n) {
+  (n !== void 0 && !Je(e[t], n) || n === void 0 && !(t in e)) && Xe(e, t, n);
+}
+var q = Ze;
+function et(e) {
+  return function(t, n, r) {
+    for (var a = -1, o = Object(t), l = r(t), u = l.length; u--; ) {
+      var i = l[e ? u : ++a];
+      if (n(o[i], i, o) === !1)
+        break;
+    }
+    return t;
+  };
+}
+var tt = et, nt = tt, rt = nt(), at = rt, it = V, ot = D;
+function st(e) {
+  return ot(e) && it(e);
+}
+var lt = st, ut = Ee, ct = Oe, ft = D, dt = "[object Object]", vt = Function.prototype, pt = Object.prototype, j = vt.toString, _t = pt.hasOwnProperty, gt = j.call(Object);
+function ht(e) {
+  if (!ft(e) || ut(e) != dt)
+    return !1;
+  var t = ct(e);
+  if (t === null)
+    return !0;
+  var n = _t.call(t, "constructor") && t.constructor;
+  return typeof n == "function" && n instanceof n && j.call(n) == gt;
+}
+var mt = ht;
+function Ct(e, t) {
+  if (!(t === "constructor" && typeof e[t] == "function") && t != "__proto__")
+    return e[t];
+}
+var W = Ct, yt = Se, Tt = k;
+function Et(e) {
+  return yt(e, Tt(e));
+}
+var Ot = Et, N = q, St = $e, $t = be, bt = Le, Lt = we, x = Pe, M = Ae, wt = lt, Pt = Ne, At = xe, Nt = w, xt = mt, Mt = Me, B = W, Bt = Ot;
+function Rt(e, t, n, r, a, o, l) {
+  var u = B(e, n), i = B(t, n), c = l.get(i);
+  if (c) {
+    N(e, n, c);
+    return;
+  }
+  var s = o ? o(u, i, n + "", e, t, l) : void 0, f = s === void 0;
+  if (f) {
+    var g = M(i), d = !g && Pt(i), C = !g && !d && Mt(i);
+    s = i, g || d || C ? M(u) ? s = u : wt(u) ? s = bt(u) : d ? (f = !1, s = St(i, !0)) : C ? (f = !1, s = $t(i, !0)) : s = [] : xt(i) || x(i) ? (s = u, x(u) ? s = Bt(u) : (!Nt(u) || At(u)) && (s = Lt(i))) : f = !1;
+  }
+  f && (l.set(i, s), a(s, i, r, o, l), l.delete(i)), N(e, n, s);
+}
+var Ft = Rt, Gt = Be, It = q, Ut = at, Vt = Ft, Dt = w, kt = k, Ht = W;
+function Q(e, t, n, r, a) {
+  e !== t && Ut(t, function(o, l) {
+    if (a || (a = new Gt()), Dt(o))
+      Vt(e, t, l, n, Q, r, a);
+    else {
+      var u = r ? r(Ht(e, l), o, l + "", e, t, a) : void 0;
+      u === void 0 && (u = o), It(e, l, u);
+    }
+  }, kt);
+}
+var zt = Q;
+function Kt(e) {
+  return e;
+}
+var X = Kt;
+function Yt(e, t, n) {
+  switch (n.length) {
+    case 0:
+      return e.call(t);
+    case 1:
+      return e.call(t, n[0]);
+    case 2:
+      return e.call(t, n[0], n[1]);
+    case 3:
+      return e.call(t, n[0], n[1], n[2]);
+  }
+  return e.apply(t, n);
+}
+var qt = Yt, jt = qt, R = Math.max;
+function Wt(e, t, n) {
+  return t = R(t === void 0 ? e.length - 1 : t, 0), function() {
+    for (var r = arguments, a = -1, o = R(r.length - t, 0), l = Array(o); ++a < o; )
+      l[a] = r[t + a];
+    a = -1;
+    for (var u = Array(t + 1); ++a < t; )
+      u[a] = r[a];
+    return u[t] = n(l), jt(e, this, u);
+  };
+}
+var Qt = Wt;
+function Xt(e) {
+  return function() {
+    return e;
+  };
+}
+var Jt = Xt, Zt = Jt, F = Re, en = X, tn = F ? function(e, t) {
+  return F(e, "toString", {
+    configurable: !0,
+    enumerable: !1,
+    value: Zt(t),
+    writable: !0
+  });
+} : en, nn = tn, rn = 800, an = 16, on = Date.now;
+function sn(e) {
+  var t = 0, n = 0;
+  return function() {
+    var r = on(), a = an - (r - n);
+    if (n = r, a > 0) {
+      if (++t >= rn)
+        return arguments[0];
+    } else
+      t = 0;
+    return e.apply(void 0, arguments);
+  };
+}
+var ln = sn, un = nn, cn = ln, fn = cn(un), dn = fn, vn = X, pn = Qt, _n = dn;
+function gn(e, t) {
+  return _n(pn(e, t, vn), e + "");
+}
+var hn = gn, mn = U, Cn = V, yn = Fe, Tn = w;
+function En(e, t, n) {
+  if (!Tn(n))
+    return !1;
+  var r = typeof t;
+  return (r == "number" ? Cn(n) && yn(t, n.length) : r == "string" && t in n) ? mn(n[t], e) : !1;
+}
+var On = En, Sn = hn, $n = On;
+function bn(e) {
+  return Sn(function(t, n) {
+    var r = -1, a = n.length, o = a > 1 ? n[a - 1] : void 0, l = a > 2 ? n[2] : void 0;
+    for (o = e.length > 3 && typeof o == "function" ? (a--, o) : void 0, l && $n(n[0], n[1], l) && (o = a < 3 ? void 0 : o, a = 1), t = Object(t); ++r < a; ) {
+      var u = n[r];
+      u && e(t, u, r, o);
+    }
+    return t;
+  });
+}
+var Ln = bn, wn = zt, Pn = Ln, An = Pn(function(e, t, n) {
+  wn(e, t, n);
+}), Nn = An;
+const $ = /* @__PURE__ */ Ge(Nn), xn = (e) => e, Mn = (e, t) => {
+  try {
+    if (t.id) {
+      const n = "vnodeBeforeMount" in t.events, r = "vnodeMounted" in t.events;
+      return n && (e.events.advancedEvents.vnodeBeforeMount = t?.events.vnodeBeforeMount), r && (e.events.advancedEvents.vnodeMounted = t?.events.vnodeMounted), (n || r) && (t.events = {
+        baseEvent: {
+          [y.ON_CLICK]: void 0,
+          [y.ON_DBL_CLICK]: void 0,
+          [y.ON_MOUSE_ENTER]: void 0,
+          [y.ON_MOUSE_LEAVE]: void 0
+        },
+        advancedEvents: {
+          [A.VNODE_MOUNTED]: void 0,
+          [A.VNODE_BEFORE_MOUNT]: void 0
+        },
+        interactEvents: []
+      }), e;
+    }
+  } catch {
+    return e;
+  }
+}, _ = (e, t, n = !1) => {
+  if (Mn(e, t), n)
+    return $(e, t);
+  const r = t.option;
+  if (!r)
+    return $(e, t);
+  if (t.option = void 0, r)
+    return {
+      ...$(e, t),
+      option: r
+    };
+}, Bn = () => {
+  const e = H(), t = Ie(), n = Qe();
+  return {
+    updateComponent: async (a, o = !1, l = !1) => {
+      o && (e.componentList = [], t.clearBackStack(), t.clearForwardStack()), a.editCanvasConfig = xn(a.editCanvasConfig), a.componentList.forEach(async (i) => {
+        const c = (s) => {
+          window.$vue.component(s.chartConfig.chartKey) || (window.$vue.component(s.chartConfig.chartKey, pe(s.chartConfig)), window.$vue.component(s.chartConfig.conKey, _e(s.chartConfig)));
+        };
+        i.isGroup ? i.groupList.forEach((s) => {
+          c(s);
+        }) : c(i);
+      });
+      const u = async (i, c) => {
+        let s = await ge(i.chartConfig);
+        i.chartConfig.redirectComponent && (i.chartConfig.dataset && (s.option.dataset = i.chartConfig.dataset), s.chartConfig.title = i.chartConfig.title, s.chartConfig.chartFrame = i.chartConfig.chartFrame), c ? c(l ? _(s, { ...i, id: O() }) : _(s, i)) : l ? e.addComponentList(
+          _(s, { ...i, id: O() }),
+          !1,
+          !0
+        ) : e.addComponentList(_(s, i), !1, !0);
+      };
+      for (const i in a)
+        if (i === S.COMPONENT_LIST) {
+          let c = 0;
+          const s = a[i].length;
+          for (const f of a[i]) {
+            let g = parseInt((parseFloat(`${++c / s}`) * 100).toString());
+            if (n.setItemUnHandle(b.PERCENTAGE, g), f.isGroup) {
+              let d = new Ue();
+              l ? d = _(d, { ...f, id: O() }) : d = _(d, f);
+              const C = [];
+              for (const J of f.groupList)
+                await u(J, (Z) => {
+                  C.push(Z);
+                });
+              d.groupList = C, e.addComponentList(d, !1, !0);
+            } else
+              await u(f);
+            g === 100 && (t.clearBackStack(), t.clearForwardStack());
+          }
+        } else
+          (i === S.EDIT_CANVAS_CONFIG || i === S.REQUEST_GLOBAL_CONFIG) && _(e[i], a[i], !0);
+      n.setItemUnHandle(b.PERCENTAGE, 0);
+    }
+  };
+}, Rn = {
+  __name: "index",
+  props: {
+    //外部传入渲染数据
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["back", "preview", "save"],
+  setup(e, { emit: t }) {
+    const n = e, r = t;
+    E("saveData", (o) => {
+      r("save", o);
+    }), E("previewChart", (o) => {
+      r("preview");
+    }), E("backHome", (o) => {
+      r("back");
+    });
+    const { updateComponent: a } = Bn();
+    return te(
+      () => n.data,
+      async (o) => {
+        if (o)
+          try {
+            await a(o, !0, !0);
+          } catch (l) {
+            console.error("[go-view-worker] Failed to load data:", l);
+          }
+      },
+      { immediate: !0 }
+    ), (o, l) => (T(), L(he, { data: e.data }, null, 8, ["data"]));
+  }
+};
+function zn(e = 1920, t = 14) {
+  let n;
+  const r = () => {
+    n && clearTimeout(n), n = setTimeout(() => {
+      const a = e, o = document.documentElement.clientWidth / a * t;
+      document.documentElement.style.fontSize = o + "px", document.body.style.fontSize = o + "px";
+    }, 300);
+  };
+  I(() => {
+    r(), window.addEventListener("resize", r);
+  }), ne(() => {
+    window.removeEventListener("resize", r), n && clearTimeout(n);
+  });
+}
+const Kn = {
+  install: (e) => {
+    e.component("Configurator", Ye), e.component("Renderer", qe), e.component("Designer", Rn);
+  }
+};
+export {
+  b as C,
+  K as L,
+  Qt as _,
+  z as a,
+  dn as b,
+  Bn as c,
+  Ye as d,
+  qe as e,
+  Rn as f,
+  Kn as g,
+  zn as h,
+  mt as i,
+  Qe as u
+};