bp-aicc-editor 1.0.0

package/lib/index-CX6tHoIu.js

@@ -0,0 +1,208 @@
+import { s as N, _ as D, l as M } from "./index-Bjs1bW2W.js";
+import { defineComponent as W, useCssVars as K, computed as d, toRef as P, resolveComponent as O, createElementBlock as y, openBlock as S, normalizeStyle as l, createVNode as q, createSlots as F, renderList as U, withCtx as H, createElementVNode as u, unref as J, createCommentVNode as C, toDisplayString as i } from "vue";
+import { u as Q, a as X, g as Y } from "./use-data-center-Cj9FGyCg.js";
+import { u as Z } from "./event-DDj_G-ix.js";
+const ee = { class: "container" }, oe = { class: "left" }, te = { key: 0 }, re = { class: "right" }, se = /* @__PURE__ */ W({
+  __name: "index",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(h) {
+    K((t) => ({
+      v0758120b: E.value
+    }));
+    const m = h, z = Q();
+    Z(), X(m.com);
+    const k = d(() => z.dataMap[m.com.id]?.source ?? []), b = d(() => Y(m.com.apis.source.fields)), v = d(() => k.value?.map((t) => ({
+      ...t,
+      x: t[b.value.x],
+      y: t[b.value.y],
+      z: t[b.value.z]
+    })).sort((t, r) => r[e.value.global.rankKey || b.value.z] - t[e.value.global.rankKey || b.value.z])), e = P(m.com, "config"), T = P(m.com, "attr"), $ = d(() => ({
+      width: `${T.value.w}px`,
+      height: `${T.value.h}px`
+    }));
+    function w(t) {
+      const r = e.value.series?.[t] || {}, a = { ...e.value.bar, ...r?.config?.bar }, { width: s, borderColor: o, borderType: p, borderWidth: g, borderRadius: c, background: f } = a;
+      return {
+        all: {
+          marginTop: useNumberToPx(e.value.global.barGap ?? 8),
+          height: useNumberToPx(s),
+          border: `${useNumberToPx(g)} ${p} ${setChartColor(o)}`,
+          borderRadius: useNumberToPx(c).join(" ")
+        },
+        bar: {
+          background: e.value.generate.color[t],
+          borderRadius: useNumberToPx(c).join(" "),
+          width: `${v.value?.[t].z}%`
+        },
+        bg: {
+          ...setChartColor(f),
+          borderRadius: useNumberToPx(c).join(" "),
+          width: `${100 - v.value?.[t].z}%`
+        }
+      };
+    }
+    function R(t) {
+      const r = e.value.series?.[t] || {}, a = { ...e.value.title, ...r?.config?.title }, { show: s, font: o } = a;
+      return {
+        opacity: s ? 1 : 0,
+        ...o,
+        marginLeft: useNumberToPx(e.value.global.titleLeft ?? 8),
+        fontSize: useNumberToPx(o.fontSize),
+        ...setChartColor(o.color)
+      };
+    }
+    function L(t) {
+      const r = e.value.series?.[t] || {}, a = { ...e.value.count, ...r?.config?.count }, { show: s, font: o } = a;
+      return {
+        opacity: s ? 1 : 0,
+        ...o,
+        fontSize: useNumberToPx(o.fontSize),
+        ...setChartColor(o.color)
+      };
+    }
+    function V(t) {
+      const r = e.value.series?.[t] || {}, a = { ...e.value.progress, ...r?.config?.progress }, { show: s, font: o } = a;
+      return {
+        opacity: s ? 1 : 0,
+        ...o,
+        marginLeft: useNumberToPx(e.value.global.progressLeft ?? 8),
+        fontSize: useNumberToPx(o.fontSize),
+        ...setChartColor(o.color)
+      };
+    }
+    function B() {
+      const { width: t, color: r } = e.value.global.streamer;
+      return {
+        width: useNumberToPx(t),
+        ...setChartColor(r)
+      };
+    }
+    function I(t) {
+      const r = e.value.series?.[t] || {}, a = { ...e.value.top }, { borderColor: s, borderType: o, borderWidth: p, borderRadius: g, font: c, padding: f, width: x, height: A } = a;
+      return {
+        border: `${useNumberToPx(p)} ${o} ${setChartColor(s)}`,
+        ...c,
+        background: e.value.generate.color[t],
+        color: setChartColor(c.color),
+        borderRadius: useNumberToPx(g),
+        fontSize: useNumberToPx(c.fontSize),
+        padding: useNumberToPx(f),
+        width: useNumberToPx(x),
+        height: useNumberToPx(A),
+        backgroundImage: r?.config?.top.image ? `url(${N(r?.config?.top.image)})` : "",
+        backgroundSize: "100% 100%",
+        textAlign: "center"
+      };
+    }
+    function j(t) {
+      const { top: r, width: a, height: s, background: o, image: p, borderWidth: g, borderType: c, borderColor: f, borderRadius: x } = e.value.bar.iconStyle;
+      return {
+        left: `${v.value?.[t].z}%`,
+        border: `${useNumberToPx(g)} ${c} ${setChartColor(f)}`,
+        borderRadius: useNumberToPx(x),
+        top: `-${useNumberToPx(r)}`,
+        width: useNumberToPx(a),
+        height: useNumberToPx(s),
+        ...setChartColor(o),
+        backgroundImage: p ? `url(${N(p)})` : "",
+        backgroundSize: "100% 100%"
+      };
+    }
+    const E = d(() => `${e.value.global.streamer.speed / 1e3}s`), n = d(() => e.value.swiper), G = useNumberToPx;
+    return (t, r) => {
+      const a = O("GlSwiper");
+      return S(), y("div", {
+        class: "datav-wrapper",
+        style: l($.value)
+      }, [
+        q(a, {
+          length: v.value.length,
+          loop: n.value.loop,
+          row: n.value.row,
+          col: n.value.col,
+          "space-between": n.value.spaceBetween,
+          autoplay: {
+            autoplay: n.value.autoplay.autoplay,
+            delay: n.value.autoplay.delay,
+            pauseOnMouseEnter: !0
+          },
+          direction: n.value.direction,
+          effect: n.value.effect,
+          "slides-per-group": n.value.slidesPerGroup
+        }, F({ _: 2 }, [
+          U(v.value, (s, o) => ({
+            name: o + 1,
+            fn: H(() => [
+              u("div", ee, [
+                u("div", {
+                  class: "view",
+                  style: l({
+                    marginBottom: J(G)(e.value.global.countLeft ?? 8)
+                  })
+                }, [
+                  u("div", oe, [
+                    e.value.top.show && (!e.value.top.showNum || o < e.value.top.showNum) ? (S(), y("div", {
+                      key: 0,
+                      class: "top",
+                      style: l(I(o))
+                    }, [
+                      e.value.series[o]?.config.top.image ? C("", !0) : (S(), y("span", te, i(e.value.top.prefix) + " " + i(o + 1), 1))
+                    ], 4)) : C("", !0),
+                    u("div", {
+                      class: "title",
+                      style: l(R(o))
+                    }, i(s.x), 5)
+                  ]),
+                  u("div", re, [
+                    u("div", {
+                      class: "count",
+                      style: l(L(o))
+                    }, i(s.y) + i(e.value.series[o]?.count?.suffix || e.value.count?.suffix), 5),
+                    u("div", {
+                      class: "progress",
+                      style: l(V(o))
+                    }, i(s.z) + i(e.value.series[o]?.progress?.suffix.value || e.value.progress?.suffix?.value), 5)
+                  ])
+                ], 4),
+                u("div", {
+                  class: "chart",
+                  style: l(w(o).all)
+                }, [
+                  u("div", {
+                    class: "bar",
+                    style: l(w(o).bar)
+                  }, [
+                    u("div", {
+                      class: "streamer",
+                      style: l(B())
+                    }, null, 4)
+                  ], 4),
+                  e.value.bar.showIcon ? (S(), y("div", {
+                    key: 0,
+                    class: "icon",
+                    style: l(j(o))
+                  }, null, 4)) : C("", !0),
+                  u("div", {
+                    class: "bar-bg",
+                    style: l(w(o).bg)
+                  }, null, 4)
+                ], 4)
+              ])
+            ])
+          }))
+        ]), 1032, ["length", "loop", "row", "col", "space-between", "autoplay", "direction", "effect", "slides-per-group"])
+      ], 4);
+    };
+  }
+}), _ = /* @__PURE__ */ D(se, [["__scopeId", "data-v-b9ef7c68"]]);
+_.install = (h) => {
+  h.component("VScrollRank", _), h.component("VScrollRankProp", M(() => import("./config-CXGTRw74.js")));
+};
+export {
+  _ as default
+};

package/lib/index-Cb06BDgi.js

@@ -0,0 +1,48 @@
+import { defineComponent as f, inject as y, computed as v, ref as g, provide as h, resolveComponent as a, createElementBlock as r, openBlock as n, createVNode as l, createElementVNode as C, createBlock as i, Fragment as m, renderList as k } from "vue";
+import { l as K, _ as j } from "./index-Bjs1bW2W.js";
+import { c as E, a as P } from "./index-B9nm6Rgv.js";
+import { C as $, a as B } from "./children-manager-CdxNQ6Oe.js";
+import { E as I } from "./empty-panel-C6Y6WgQ5.js";
+const N = f({
+  name: "DataCenterPanel",
+  components: {
+    ConfigTitle: B,
+    EmptyPanel: I,
+    ChildrenManager: $,
+    SourcePanel: K(() => import("./source-panel-ClGOmTVn.js"))
+  },
+  setup() {
+    const e = y(E), o = v(() => Object.keys(e.value.apis)), t = g(o.value[0]);
+    return h(P, (c) => {
+      t.value = t.value === c ? "" : c;
+    }), {
+      activeName: t,
+      com: e,
+      dataKeys: o
+    };
+  }
+}), b = { class: "data-center-panel" }, V = { class: "scroll-container" };
+function A(e, o, t, c, D, F) {
+  const p = a("config-title"), d = a("children-manager"), _ = a("source-panel"), u = a("empty-panel");
+  return n(), r("div", b, [
+    l(p),
+    C("div", V, [
+      e.dataKeys.length > 0 ? (n(), r(m, { key: 0 }, [
+        l(d),
+        (n(!0), r(m, null, k(e.dataKeys, (s) => (n(), i(_, {
+          key: s,
+          "api-name": s,
+          "active-name": e.activeName,
+          collapse: e.dataKeys.length > 1
+        }, null, 8, ["api-name", "active-name", "collapse"]))), 128))
+      ], 64)) : (n(), i(u, {
+        key: 1,
+        content: "该组件不需要配置数据"
+      }))
+    ])
+  ]);
+}
+const q = /* @__PURE__ */ j(N, [["render", A], ["__scopeId", "data-v-a1634f6b"]]);
+export {
+  q as default
+};