go-view-worker 0.0.1

package/dist/chunks/index-09e62bb4.js

@@ -0,0 +1,284 @@
+import { defineComponent as y, resolveComponent as s, openBlock as m, createBlock as A, unref as e, withCtx as i, createVNode as n, createElementBlock as x, Fragment as I, renderList as V, resolveDynamicComponent as w, createTextVNode as _, createCommentVNode as H } from "vue";
+import { S as v } from "./index.vue_vue_type_script_setup_true_lang-c6159a17.js";
+import "naive-ui";
+import { C as f, A as j } from "./designStore-fe92c2ba.js";
+import "vue-router";
+import { i as q } from "./chartEditStore-a725b558.js";
+import { S as D } from "./StylesSetting-952ff564.js";
+import { u as U } from "./useTargetData.hook-28a7e43b.js";
+import "pinia";
+import "./router-106a6abc.js";
+const $ = /* @__PURE__ */ y({
+  __name: "NameSetting",
+  props: {
+    chartConfig: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const o = t;
+    let a = "";
+    const u = () => {
+      a = o.chartConfig.title;
+    }, p = () => {
+      o.chartConfig.title.length || (window.$message.warning("请输入至少一个字符!"), o.chartConfig.title = a);
+    };
+    return (h, g) => {
+      const l = s("n-input");
+      return m(), A(e(v), {
+        name: "名称",
+        alone: !0
+      }, {
+        default: i(() => [
+          n(l, {
+            type: "text",
+            maxlength: "12",
+            minlength: "1",
+            placeholder: "请输入图表名称",
+            size: "small",
+            clearable: "",
+            "show-count": "",
+            value: t.chartConfig.title,
+            "onUpdate:value": g[0] || (g[0] = (r) => t.chartConfig.title = r),
+            onFocus: u,
+            onBlur: p
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), L = /* @__PURE__ */ y({
+  __name: "PositionSetting",
+  props: {
+    canvasConfig: {
+      type: Object,
+      required: !0
+    },
+    chartAttr: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const {
+      AlignHorizontalLeftIcon: o,
+      AlignVerticalCenterIcon: a,
+      AlignVerticalTopIcon: u,
+      AlignHorizontalCenterIcon: p,
+      AlignHorizontalRightIcon: h,
+      AlignVerticalBottomIcon: g
+    } = q.carbon, l = [
+      {
+        key: "AlignHorizontalLeftIcon",
+        lable: "局左",
+        icon: f(o)
+      },
+      {
+        key: "AlignVerticalCenterIcon",
+        lable: "X轴居中",
+        icon: f(a)
+      },
+      {
+        key: "AlignHorizontalRightIcon",
+        lable: "局右",
+        icon: f(h)
+      },
+      {
+        key: "AlignVerticalTopIcon",
+        lable: "顶部",
+        icon: f(u)
+      },
+      {
+        key: "AlignHorizontalCenterIcon",
+        lable: "Y轴居中",
+        icon: f(p)
+      },
+      {
+        key: "AlignVerticalBottomIcon",
+        lable: "底部",
+        icon: f(g)
+      }
+    ], r = t, z = (C) => {
+      switch (C) {
+        case l[0].key:
+          r.chartAttr.x = 0;
+          break;
+        case l[1].key:
+          r.chartAttr.y = (r.canvasConfig.height - r.chartAttr.h) / 2;
+          break;
+        case l[2].key:
+          r.chartAttr.x = r.canvasConfig.width - r.chartAttr.w;
+          break;
+        case l[3].key:
+          r.chartAttr.y = 0;
+          break;
+        case l[4].key:
+          r.chartAttr.x = (r.canvasConfig.width - r.chartAttr.w) / 2;
+          break;
+        case l[5].key:
+          r.chartAttr.y = r.canvasConfig.height - r.chartAttr.h;
+          break;
+      }
+    };
+    return (C, c) => {
+      const S = s("n-divider"), B = s("n-button"), G = s("n-space"), b = s("n-text"), k = s("n-input-number");
+      return m(), x(I, null, [
+        n(S, { style: { margin: "10px 0" } }),
+        n(G, {
+          size: 8,
+          justify: "space-between",
+          style: { "margin-top": "10px" }
+        }, {
+          default: i(() => [
+            (m(), x(I, null, V(l, (d) => n(B, {
+              secondary: "",
+              key: d.key,
+              onClick: (E) => z(d.key)
+            }, {
+              icon: i(() => [
+                (m(), A(w(d.icon)))
+              ]),
+              _: 2
+            }, 1032, ["onClick"])), 64))
+          ]),
+          _: 1
+        }),
+        n(e(v), { name: "位置" }, {
+          default: i(() => [
+            n(k, {
+              value: t.chartAttr.y,
+              "onUpdate:value": c[0] || (c[0] = (d) => t.chartAttr.y = d),
+              min: 0,
+              size: "small",
+              placeholder: "px"
+            }, {
+              prefix: i(() => [
+                n(b, { depth: "3" }, {
+                  default: i(() => c[2] || (c[2] = [
+                    _("上")
+                  ])),
+                  _: 1,
+                  __: [2]
+                })
+              ]),
+              _: 1
+            }, 8, ["value"]),
+            n(k, {
+              value: t.chartAttr.x,
+              "onUpdate:value": c[1] || (c[1] = (d) => t.chartAttr.x = d),
+              min: 0,
+              size: "small",
+              placeholder: "px"
+            }, {
+              prefix: i(() => [
+                n(b, { depth: "3" }, {
+                  default: i(() => c[3] || (c[3] = [
+                    _("左")
+                  ])),
+                  _: 1,
+                  __: [3]
+                })
+              ]),
+              _: 1
+            }, 8, ["value"])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), N = /* @__PURE__ */ y({
+  __name: "SizeSetting",
+  props: {
+    chartAttr: {
+      type: Object,
+      required: !0
+    },
+    isGroup: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  setup(t) {
+    return (o, a) => {
+      const u = s("n-text"), p = s("n-input-number");
+      return m(), A(e(v), { name: "尺寸" }, {
+        default: i(() => [
+          n(p, {
+            value: t.chartAttr.w,
+            "onUpdate:value": a[0] || (a[0] = (h) => t.chartAttr.w = h),
+            min: 50,
+            disabled: t.isGroup,
+            size: "small",
+            placeholder: "px"
+          }, {
+            prefix: i(() => [
+              n(u, { depth: "3" }, {
+                default: i(() => a[2] || (a[2] = [
+                  _("宽度")
+                ])),
+                _: 1,
+                __: [2]
+              })
+            ]),
+            _: 1
+          }, 8, ["value", "disabled"]),
+          n(p, {
+            value: t.chartAttr.h,
+            "onUpdate:value": a[1] || (a[1] = (h) => t.chartAttr.h = h),
+            min: 50,
+            disabled: t.isGroup,
+            size: "small",
+            placeholder: "px"
+          }, {
+            prefix: i(() => [
+              n(u, { depth: "3" }, {
+                default: i(() => a[3] || (a[3] = [
+                  _("高度")
+                ])),
+                _: 1,
+                __: [3]
+              })
+            ]),
+            _: 1
+          }, 8, ["value", "disabled"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), O = {
+  key: 0,
+  class: "go-chart-configurations-setting"
+}, T = /* @__PURE__ */ y({
+  __name: "index",
+  setup(t) {
+    const { targetData: o, chartEditStore: a } = U();
+    return (u, p) => e(o) ? (m(), x("div", O, [
+      n(e($), {
+        chartConfig: e(o).chartConfig
+      }, null, 8, ["chartConfig"]),
+      n(e(N), {
+        isGroup: e(o).isGroup,
+        chartAttr: e(o).attr
+      }, null, 8, ["isGroup", "chartAttr"]),
+      n(e(L), {
+        chartAttr: e(o).attr,
+        canvasConfig: e(a).getEditCanvasConfig
+      }, null, 8, ["chartAttr", "canvasConfig"]),
+      n(e(D), {
+        isGroup: e(o).isGroup,
+        chartStyles: e(o).styles
+      }, null, 8, ["isGroup", "chartStyles"]),
+      (m(), A(w(e(o).chartConfig.conKey), {
+        optionData: e(o).option
+      }, null, 8, ["optionData"]))
+    ])) : H("", !0);
+  }
+});
+const Z = /* @__PURE__ */ j(T, [["__scopeId", "data-v-1b3c5ff2"]]);
+export {
+  Z as default
+};

package/dist/chunks/index-1cb69ab6.js

@@ -0,0 +1,136 @@
+import { defineComponent as L, useCssVars as R, ref as B, computed as S, resolveComponent as i, unref as o, openBlock as t, createElementBlock as s, createVNode as b, withCtx as u, createTextVNode as c, Fragment as d, renderList as m, createBlock as p, normalizeClass as U, toDisplayString as z, createCommentVNode as A } from "vue";
+import { b as V } from "./index.vue_vue_type_script_setup_true_lang-c6159a17.js";
+import "naive-ui";
+import { H as $, A as N } from "./designStore-fe92c2ba.js";
+import "vue-router";
+import "./chartEditStore-a725b558.js";
+import { u as T } from "./useTargetData.hook-28a7e43b.js";
+import "pinia";
+import "./router-106a6abc.js";
+const Y = [
+  {
+    label: "强调动画",
+    children: [
+      { label: "弹跳", value: "bounce" },
+      { label: "闪烁", value: "flash" },
+      { label: "放大缩小", value: "pulse" },
+      { label: "放大缩小弹簧", value: "rubberBand" },
+      { label: "左右晃动", value: "headShake" },
+      { label: "左右扇形摇摆", value: "swing" },
+      { label: "放大晃动缩小", value: "tada" },
+      { label: "扇形摇摆", value: "wobble" },
+      { label: "左右上下晃动", value: "jello" }
+    ]
+  },
+  {
+    label: "移入动画",
+    children: [
+      { label: "渐显", value: "fadeIn" },
+      { label: "向右进入", value: "fadeInLeft" },
+      { label: "向左进入", value: "fadeInRight" },
+      { label: "向上进入", value: "fadeInUp" },
+      { label: "向下进入", value: "fadeInDown" },
+      { label: "向右长距进入", value: "fadeInLeftBig" },
+      { label: "向左长距进入", value: "fadeInRightBig" },
+      { label: "向上长距进入", value: "fadeInUpBig" },
+      { label: "向下长距进入", value: "fadeInDownBig" },
+      { label: "旋转进入", value: "rotateIn" },
+      { label: "左顺时针旋转", value: "rotateInDownLeft" },
+      { label: "右逆时针旋转", value: "rotateInDownRight" },
+      { label: "左逆时针旋转", value: "rotateInUpLeft" },
+      { label: "右逆时针旋转", value: "rotateInUpRight" },
+      { label: "弹入", value: "bounceIn" },
+      { label: "向右弹入", value: "bounceInLeft" },
+      { label: "向左弹入", value: "bounceInRight" },
+      { label: "向上弹入", value: "bounceInUp" },
+      { label: "向下弹入", value: "bounceInDown" },
+      { label: "光速从右进入", value: "lightSpeedInRight" },
+      { label: "光速从左进入", value: "lightSpeedInLeft" },
+      { label: "光速从右退出", value: "lightSpeedOutRight" },
+      { label: "光速从左退出", value: "lightSpeedOutLeft" },
+      { label: "Y轴旋转", value: "flip" },
+      { label: "中心X轴旋转", value: "flipInX" },
+      { label: "中心Y轴旋转", value: "flipInY" },
+      { label: "左长半径旋转", value: "rollIn" },
+      { label: "由小变大进入", value: "zoomIn" },
+      { label: "左变大进入", value: "zoomInLeft" },
+      { label: "右变大进入", value: "zoomInRight" },
+      { label: "向上变大进入", value: "zoomInUp" },
+      { label: "向下变大进入", value: "zoomInDown" },
+      { label: "向右滑动展开", value: "slideInLeft" },
+      { label: "向左滑动展开", value: "slideInRight" },
+      { label: "向上滑动展开", value: "slideInUp" },
+      { label: "向下滑动展开", value: "slideInDown" }
+    ]
+  }
+], M = {
+  key: 0,
+  class: "go-chart-configurations-animations"
+}, O = /* @__PURE__ */ L({
+  __name: "index",
+  setup(X) {
+    R((a) => ({
+      "44b2acfc": f.value
+    }));
+    const _ = $(), r = B(""), { targetData: l } = T(), f = S(() => _.getAppTheme), g = (a) => {
+      const n = l.value.styles.animations;
+      return n.length ? n[0] === a : !1;
+    }, I = () => {
+      l.value.styles.animations = [];
+    }, h = (a) => {
+      l.value.styles.animations = [a.value];
+    };
+    return (a, n) => {
+      const x = i("n-button"), y = i("n-grid-item"), k = i("n-grid");
+      return o(l) ? (t(), s("div", M, [
+        b(x, {
+          class: "clear-btn go-my-2",
+          disabled: !o(l).styles.animations.length,
+          onClick: I
+        }, {
+          default: u(() => n[0] || (n[0] = [
+            c(" 清除动画 ")
+          ])),
+          _: 1,
+          __: [0]
+        }, 8, ["disabled"]),
+        (t(!0), s(d, null, m(o(Y), (v, w) => (t(), p(o(V), {
+          key: w,
+          name: v.label,
+          expanded: !0
+        }, {
+          default: u(() => [
+            b(k, {
+              "x-gap": 6,
+              "y-gap": 10,
+              cols: 3
+            }, {
+              default: u(() => [
+                (t(!0), s(d, null, m(v.children, (e, D) => (t(), p(y, {
+                  class: U(["animation-item go-transition-quick", [
+                    g(e.value) && "active",
+                    r.value === e.value && `animate__animated  animate__${e.value}`
+                  ]]),
+                  key: D,
+                  onMouseover: (C) => r.value = e.value,
+                  onClick: (C) => h(e)
+                }, {
+                  default: u(() => [
+                    c(z(e.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onMouseover", "onClick"]))), 128))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128))
+      ])) : A("", !0);
+    };
+  }
+});
+const Q = /* @__PURE__ */ N(O, [["__scopeId", "data-v-a89fd695"]]);
+export {
+  Q as default
+};

package/dist/chunks/index-32d13283.js

@@ -0,0 +1,26 @@
+import { resolveComponent as p, openBlock as e, createBlock as o, withCtx as m, resolveDynamicComponent as r, KeepAlive as a, defineComponent as s, unref as u } from "vue";
+import { A as f } from "./designStore-fe92c2ba.js";
+import "pinia";
+import "naive-ui";
+import "vue-router";
+const l = {};
+function d(c, _) {
+  const t = p("router-view");
+  return e(), o(t, null, {
+    default: m(({ Component: n, route: i }) => [
+      i.meta.noKeepAlive ? (e(), o(r(n), { key: 0 })) : (e(), o(a, { key: 1 }, [
+        (e(), o(r(n)))
+      ], 1024))
+    ]),
+    _: 1
+  });
+}
+const v = /* @__PURE__ */ f(l, [["render", d]]), A = /* @__PURE__ */ s({
+  __name: "index",
+  setup(c) {
+    return (_, t) => (e(), o(u(v)));
+  }
+});
+export {
+  A as default
+};

package/dist/chunks/index-3fd591ea.js

@@ -0,0 +1,81 @@
+import { defineComponent as E, ref as i, computed as I, resolveComponent as n, openBlock as w, createBlock as B, withCtx as c, createVNode as o, unref as T, createTextVNode as k, withDirectives as r, createElementVNode as b, toDisplayString as N, vShow as _, withKeys as P, nextTick as R } from "vue";
+import { G as S, A as z } from "./designStore-fe92c2ba.js";
+import { b as V } from "./router-106a6abc.js";
+import "naive-ui";
+import { u as A, b as D, i as F } from "./chartEditStore-a725b558.js";
+import "pinia";
+import "vue-router";
+const K = { class: "title" }, M = /* @__PURE__ */ E({
+  __name: "index",
+  setup(G) {
+    const { FishIcon: p } = F.ionicons5, d = A(), s = i(!1), l = i(null), t = i((() => {
+      const e = V();
+      return e.length ? e[0] : "";
+    })() || ""), f = I(() => {
+      t.value = t.value.replace(/\s/g, "");
+      const e = t.value.length ? t.value : "新项目";
+      return S(`工作空间-${e}`), d.setEditCanvasConfig(D.PROJECT_NAME, e), e;
+    }), m = () => {
+      s.value = !0, R(() => {
+        l.value && l.value.focus();
+      });
+    }, u = () => {
+      s.value = !1;
+    };
+    return (e, a) => {
+      const v = n("n-icon"), h = n("n-button"), x = n("n-text"), y = n("n-input"), C = n("n-space");
+      return w(), B(C, null, {
+        default: c(() => [
+          o(v, {
+            size: "20",
+            depth: 3
+          }, {
+            default: c(() => [
+              o(T(p))
+            ]),
+            _: 1
+          }),
+          o(x, { onClick: m }, {
+            default: c(() => [
+              a[1] || (a[1] = k(" 工作空间 - ")),
+              r(o(h, {
+                secondary: "",
+                size: "tiny"
+              }, {
+                default: c(() => [
+                  b("span", K, N(f.value), 1)
+                ]),
+                _: 1
+              }, 512), [
+                [_, !s.value]
+              ])
+            ]),
+            _: 1,
+            __: [1]
+          }),
+          r(o(y, {
+            ref_key: "inputInstRef",
+            ref: l,
+            size: "small",
+            type: "text",
+            maxlength: "16",
+            "show-count": "",
+            placeholder: "请输入项目名称",
+            value: t.value,
+            "onUpdate:value": a[0] || (a[0] = (g) => t.value = g),
+            valueModifiers: { trim: !0 },
+            onKeyup: P(u, ["enter"]),
+            onBlur: u
+          }, null, 8, ["value"]), [
+            [_, s.value]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const Q = /* @__PURE__ */ z(M, [["__scopeId", "data-v-8780344c"]]);
+export {
+  Q as default
+};

package/dist/chunks/index-51458edb.js

@@ -0,0 +1,143 @@
+import { defineComponent as w, resolveComponent as s, openBlock as a, createElementBlock as i, normalizeClass as u, createVNode as l, withCtx as o, createTextVNode as y, toDisplayString as x, createElementVNode as d, renderSlot as n, withDirectives as B, unref as C, vShow as S, createCommentVNode as m, createBlock as f } from "vue";
+import "naive-ui";
+import { A as $ } from "./designStore-fe92c2ba.js";
+import "vue-router";
+import { i as N } from "./chartEditStore-a725b558.js";
+const T = {
+  key: 0,
+  class: "top go-mt-0 go-flex-no-wrap"
+}, I = { class: "mt-1" }, V = {
+  key: 1,
+  class: "bottom go-mt-0"
+}, z = { class: "aside" }, D = /* @__PURE__ */ w({
+  __name: "index",
+  props: {
+    title: String,
+    showTop: {
+      type: Boolean,
+      default: !0
+    },
+    showBottom: {
+      type: Boolean,
+      default: !1
+    },
+    flex: {
+      type: Boolean,
+      default: !1
+    },
+    // back
+    backIcon: {
+      type: Boolean,
+      default: !0
+    },
+    // 背景深度
+    depth: {
+      type: Number,
+      default: 1
+    },
+    // x 轴滚动
+    xScroll: {
+      type: Boolean,
+      default: !1
+    },
+    disabledScroll: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["back"],
+  setup(e, { emit: h }) {
+    const { ChevronBackOutlineIcon: p } = N.ionicons5, _ = h, v = () => {
+      _("back");
+    };
+    return (t, E) => {
+      const b = s("n-text"), g = s("n-ellipsis"), r = s("n-space"), k = s("n-icon"), c = s("n-scrollbar");
+      return a(), i("div", {
+        class: u(["go-content-box", [`bg-depth${e.depth}`, e.flex && "flex"]])
+      }, [
+        e.showTop ? (a(), i("div", T, [
+          l(r, {
+            class: "go-flex-no-wrap",
+            size: 5
+          }, {
+            default: o(() => [
+              l(g, null, {
+                default: o(() => [
+                  l(b, null, {
+                    default: o(() => [
+                      y(x(e.title), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d("div", I, [
+                n(t.$slots, "icon", {}, void 0, !0)
+              ])
+            ]),
+            _: 3
+          }),
+          l(r, {
+            class: "go-flex-no-wrap",
+            align: "center",
+            style: { gap: "4px" }
+          }, {
+            default: o(() => [
+              n(t.$slots, "top-right", {}, void 0, !0),
+              B(l(k, {
+                size: "20",
+                class: "go-cursor-pointer go-d-block",
+                onClick: v
+              }, {
+                default: o(() => [
+                  l(C(p))
+                ]),
+                _: 1
+              }, 512), [
+                [S, e.backIcon]
+              ])
+            ]),
+            _: 3
+          })
+        ])) : m("", !0),
+        d("div", {
+          class: u(["content", {
+            "content-height-show-top-bottom": e.showBottom || e.showTop,
+            "content-height-show-both": e.showBottom && e.showTop
+          }])
+        }, [
+          e.disabledScroll ? n(t.$slots, "default", { key: 0 }, void 0, !0) : e.xScroll ? (a(), f(c, {
+            key: 1,
+            "x-scrollable": ""
+          }, {
+            default: o(() => [
+              l(c, null, {
+                default: o(() => [
+                  n(t.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })) : (a(), f(c, { key: 2 }, {
+            default: o(() => [
+              n(t.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }))
+        ], 2),
+        e.showBottom ? (a(), i("div", V, [
+          n(t.$slots, "bottom", {}, void 0, !0)
+        ])) : m("", !0),
+        d("div", z, [
+          n(t.$slots, "aside", {}, void 0, !0)
+        ])
+      ], 2);
+    };
+  }
+});
+const F = /* @__PURE__ */ $(D, [["__scopeId", "data-v-62561556"]]);
+export {
+  F as C
+};