bp-aicc-editor 1.0.0

package/lib/index-BH6iU67J.js

@@ -0,0 +1,209 @@
+import { o as I, _ as M, l as q } from "./index-Bjs1bW2W.js";
+import { NPopover as L } from "naive-ui";
+import { defineComponent as R, computed as g, toRef as N, resolveComponent as P, createElementBlock as d, openBlock as u, normalizeStyle as i, createElementVNode as h, createVNode as Z, createCommentVNode as b, toDisplayString as v, Fragment as $, renderList as C, createSlots as J, withCtx as S, createBlock as z } from "vue";
+import "./iking-utils.es-Ba74AedH.js";
+import { u as K, a as Q } from "./use-data-center-Cj9FGyCg.js";
+import "./event-DDj_G-ix.js";
+const U = /* @__PURE__ */ R({
+  __name: "index",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const y = m, V = K();
+    Q(y.com);
+    const T = g(() => V.dataMap[y.com.id]?.source ?? []), r = N(y.com, "config"), _ = N(y.com, "attr"), p = g(() => r.value.swiper), s = g(() => r.value.series), x = g(() => {
+      const t = s.value.filter((e) => !e.config.width.auto).length, o = s.value.reduce((e, n) => (n.config.width.auto ? 0 : n.config.width.value) + (e || 0), 0);
+      return `calc(${100 / t}% - ${(r.value.order.width + o) / t}px)`;
+    }), j = g(() => {
+      const { textStyle: t, lineStyle: o } = r.value.generate;
+      return {
+        width: `${_.value.w}px`,
+        height: `${_.value.h}px`,
+        ...t,
+        fontSize: useNumberToPx(t.fontSize)
+      };
+    }), B = g(() => {
+      const { background: t, height: o, font: e, image: n } = r.value.header;
+      return {
+        ...setChartColor(t),
+        ...e,
+        height: useNumberToPx(o),
+        lineHeight: useNumberToPx(o),
+        ...setChartColor(e.color)
+      };
+    }), E = g(() => {
+      const { background: t, height: o, font: e, image: n } = r.value.odd;
+      return {
+        ...setChartColor(t),
+        ...e,
+        // height: useNumberToPx(height),
+        lineHeight: useNumberToPx(o),
+        ...setChartColor(e.color)
+      };
+    }), O = g(() => {
+      const { background: t, height: o, font: e, image: n } = r.value.even;
+      return {
+        ...setChartColor(t),
+        ...e,
+        // height: useNumberToPx(height),
+        lineHeight: useNumberToPx(o),
+        ...setChartColor(e.color)
+      };
+    });
+    function D() {
+      const { width: t, height: o, fontSize: e, color: n } = r.value.order;
+      return {
+        ...r.value.order,
+        width: useNumberToPx(t),
+        height: useNumberToPx(o),
+        fontSize: useNumberToPx(e),
+        color: setChartColor(n)
+      };
+    }
+    function w(t, o) {
+      const e = s.value.find((l) => l.config.field === o);
+      if (!e)
+        return {};
+      const n = e?.config?.event;
+      if (!n)
+        return {};
+      for (let l of n)
+        if (checkOperator(t[l.key1], l.operator, l.static ? l.value : t[l.key2]))
+          return {
+            ...l.config,
+            ...setChartColor(l.config.background),
+            color: setChartColor(l.config.color),
+            border: `${l.config.borderWidth}px ${l.config.borderType}  ${setChartColor(l.config.borderColor)}`
+          };
+      return {};
+    }
+    function H(t) {
+      const o = s.value[t];
+      if (!o)
+        return {};
+      const { width: e } = o.config;
+      return e ? {
+        width: e.auto ? e.isPercent ? `${e.value}%` : useNumberToPx(e.value) : x.value,
+        justifyContent: o.config.align,
+        display: "flex"
+      } : {};
+    }
+    function W(t) {
+      const o = s.value.find((n) => n.config.field === t);
+      if (!o)
+        return {};
+      const { width: e } = o.config;
+      return e ? {
+        width: e.auto ? e.isPercent ? `${e.value}%` : useNumberToPx(e.value) : x.value,
+        justifyContent: o.config.align,
+        display: "flex"
+      } : {};
+    }
+    function k(t) {
+      return s.value.find((o) => o.config.field === t)?.config.type || "text";
+    }
+    function A(t, o) {
+      const e = s.value.find((n) => n.config.field === t);
+      return I(o).format(e.config.date.format);
+    }
+    return (t, o) => {
+      const e = P("GlCountTo"), n = L, l = P("GlSwiper");
+      return u(), d("div", {
+        class: "datav-wrapper",
+        style: i(j.value)
+      }, [
+        h("div", {
+          class: "table-header",
+          style: i(B.value)
+        }, [
+          r.value.order.show ? (u(), d("p", {
+            key: 0,
+            class: "table-order",
+            style: i({ width: `${r.value.order.width}px` })
+          }, [
+            h("span", null, v(r.value.order.name), 1)
+          ], 4)) : b("", !0),
+          (u(!0), d($, null, C(s.value, (c, f) => (u(), d("p", {
+            key: f,
+            style: i(H(f))
+          }, v(c.name), 5))), 128))
+        ], 4),
+        Z(l, {
+          length: T.value.length,
+          loop: p.value.loop,
+          row: p.value.row,
+          col: p.value.col,
+          "space-between": r.value.generate.rowWap,
+          autoplay: {
+            autoplay: p.value.autoplay.autoplay,
+            delay: p.value.autoplay.delay,
+            pauseOnMouseEnter: !0
+          },
+          direction: p.value.direction,
+          effect: p.value.effect,
+          "slides-per-group": p.value.slidesPerGroup,
+          style: i({ height: `calc(100% - ${r.value.header.height}px)` })
+        }, J({ _: 2 }, [
+          C(T.value, (c, f) => ({
+            name: f + 1,
+            fn: S(() => [
+              h("div", {
+                class: "tbody-tr",
+                style: i(f % 2 ? E.value : O.value)
+              }, [
+                r.value.order.show ? (u(), d("p", {
+                  key: 0,
+                  class: "table-order",
+                  style: i({ width: `${r.value.order.width}px` })
+                }, [
+                  h("span", {
+                    style: i(D())
+                  }, v(r.value.order.addZero ? f + 1 > 9 ? f + 1 : `0${f + 1}` : f + 1), 5)
+                ], 4)) : b("", !0),
+                (u(!0), d($, null, C(s.value, (a, F) => (u(), d("p", {
+                  key: F,
+                  style: i(W(a?.config.field))
+                }, [
+                  a?.config ? (u(), z(n, {
+                    key: 0,
+                    trigger: "hover"
+                  }, {
+                    trigger: S(() => [
+                      k(a?.config.field) === "number" ? (u(), z(e, {
+                        key: 0,
+                        num: Number.parseFloat(c[a?.config.field]),
+                        item: a?.config.number,
+                        "show-separator": "",
+                        style: i(w(c, a?.config.field))
+                      }, null, 8, ["num", "item", "style"])) : k(a?.config.field) === "date" ? (u(), d("span", {
+                        key: 1,
+                        style: i(w(c, a?.config.field))
+                      }, v(A(a?.config.field, c[a?.config.field])), 5)) : (u(), d("span", {
+                        key: 2,
+                        style: i(w(c, a?.config.field))
+                      }, v(c[a?.config.field]), 5))
+                    ]),
+                    default: S(() => [
+                      h("span", null, v(c[a.config.field]), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : b("", !0)
+                ], 4))), 128))
+              ], 4)
+            ])
+          }))
+        ]), 1032, ["length", "loop", "row", "col", "space-between", "autoplay", "direction", "effect", "slides-per-group", "style"])
+      ], 4);
+    };
+  }
+}), G = /* @__PURE__ */ M(U, [["__scopeId", "data-v-c7538e24"]]);
+G.install = (m) => {
+  m.component("VScrollTable", G), m.component("VScrollTableProp", q(() => import("./config-DHGpQmWe.js")));
+};
+export {
+  G as default
+};