bp-aicc-editor 1.0.0

package/lib/index-CGni9huM.js

@@ -0,0 +1,339 @@
+import { q as _, l as ee } from "./index-Bjs1bW2W.js";
+import { defineComponent as P, inject as te, ref as v, shallowRef as D, computed as l, watch as V, onUnmounted as U, createElementBlock as g, openBlock as h, Fragment as A, createElementVNode as p, createCommentVNode as N, normalizeStyle as d, toDisplayString as $, createTextVNode as X, nextTick as ae, toRef as j, markRaw as oe, provide as ne, renderList as le, createVNode as ie } from "vue";
+import { u as re, a as se, g as ue } from "./use-data-center-Cj9FGyCg.js";
+import { tableBarInjectionKey as Z } from "./context-Bl7hm9BN.js";
+import { g as I } from "./index-CTo4-44e.js";
+import { A as E } from "./accounting-BdNhlOvc.js";
+import { o as ce, m as de } from "./orderBy--EIhNVJu.js";
+const fe = /* @__PURE__ */ P({
+  __name: "table-bar-item",
+  props: {
+    config: {},
+    data: {},
+    index: {},
+    tableWidth: {}
+  },
+  setup(n) {
+    const o = n, { pageIndex: R, maxNum: r, watchFlag: y } = te(Z), s = v(null), b = v(null), w = v(!1), S = v(0), k = D(null), T = v(0), x = D(null), q = v(0), C = D(null), F = l(() => {
+      const { global: e, index: t } = o.config, a = o.index + (R.value - 1) * e.quantity + 1;
+      return t.format === "2" ? `NO.${a}` : t.format === "3" ? `(${a})` : a;
+    }), i = l(() => {
+      const { number: e } = o.config;
+      if (!e.show)
+        return "";
+      let { value: t } = o.data, a = "0";
+      return e.percentage ? (r.value !== 0 && (t = t / r.value * 100), a = E.toFixed(t, e.decimal)) : (a = E.toFixed(t, e.decimal), a = e.separatingChart ? e.decimal === 0 ? a.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : a.replace(/(\d)(?=(\d{3})+\.)/g, "$1,") : a), a;
+    }), u = l(() => {
+      const { textarea: e } = o.config.content;
+      return {
+        display: "flex",
+        "align-items": "center",
+        "margin-bottom": `${o.config.global.padding}px`,
+        position: "relative",
+        width: "100%",
+        "transform-style": "preserve-3d",
+        "transform-origin": "50% 50% 0px",
+        "will-change": "transform",
+        height: `${Math.max(e.fontSize + 8, 20)}px`,
+        transform: `rotateX(${q.value}deg) translateZ(0px)`
+        // 'backface-visibility': 'hidden',
+      };
+    }), f = l(() => {
+      const { textarea: e, width: t, padding: a } = o.config.index;
+      return {
+        flex: "none",
+        width: t,
+        color: e.color,
+        "font-weight": e.fontWeight,
+        "font-size": `${e.fontSize}px`,
+        "padding-right": `${a}px`
+      };
+    }), c = l(() => {
+      const { textarea: e, marquee: t } = o.config.content;
+      let a = {
+        position: "relative",
+        display: "flex",
+        "vertical-align": "bottom",
+        "font-size": `${e.fontSize}px`,
+        "font-weight": e.fontWeight,
+        color: e.color,
+        overflow: "auto",
+        flex: "auto",
+        whiteSpace: "normal"
+      };
+      return t.show && (a.overflow = "hidden", a.whiteSpace = "nowrap"), a;
+    }), M = l(() => o.config.content.marquee.show ? {
+      position: "relative",
+      left: "0px",
+      transform: `translateX(-${S.value}px)`,
+      transition: "none 0s ease 0s"
+    } : {}), W = l(() => {
+      const { number: e } = o.config;
+      return {
+        "white-space": "nowrap",
+        "font-weight": e.fontWeight,
+        "font-size": `${e.fontSize}px`,
+        color: e.color,
+        "padding-left": `${e.padding}px`
+      };
+    }), G = l(() => {
+      const { bar: e } = o.config, { threshold: t } = e, a = r.value === 0 ? 0 : o.data.value / r.value * 100, m = t.show && a > t.value ? t : e;
+      return {
+        display: "inline-block",
+        overflow: "hidden",
+        position: "absolute",
+        bottom: "0px",
+        left: "0px",
+        width: `${a}%`,
+        height: `${e.height}px`,
+        "z-index": 1,
+        "border-radius": `${e.radius}px`,
+        background: m.fillColorType === "gradient" ? `linear-gradient(to left, ${m.fromColor}, ${m.toColor})` : m.color
+      };
+    }), L = l(() => {
+      const { width: e, height: t, color: a } = o.config.light;
+      return {
+        position: "absolute",
+        left: "0px",
+        top: "0px",
+        width: `${e}px`,
+        height: `${t}px`,
+        background: `radial-gradient(${a} 5%, rgba(0, 0, 0, 0) 80%)`,
+        transform: `translateX(${T.value || -e}px)`,
+        transition: "none 0s ease 0s"
+      };
+    }), H = l(() => {
+      const { segment: e, global: t, bar: a, light: m } = o.config;
+      return {
+        display: e.show ? "block" : "none",
+        overflow: "hidden",
+        position: "relative",
+        width: "100%",
+        height: `${m.show ? e.height : 0}px`,
+        background: e.color,
+        "margin-bottom": `${t.padding}px`,
+        "border-radius": `${a.radius}px`,
+        "border-bottom": a.show ? "none" : `1px solid ${e.color}`
+      };
+    }), J = () => {
+      const { show: e, duration: t } = o.config.content.marquee;
+      e && ae(() => {
+        let a = 0, m = 0;
+        s.value && (a = s.value.offsetWidth), b.value && (m = b.value.offsetWidth), w.value = m > a, w.value ? k.value = I.fromTo(S, {
+          value: 0
+        }, {
+          value: m + 80,
+          duration: t / 1e3,
+          ease: "none",
+          repeatDelay: 0.5,
+          repeat: 1 / 0
+        }) : z();
+      });
+    }, z = () => {
+      k.value?.kill(), S.value = 0;
+    }, Q = () => {
+      const { global: e, light: t } = o.config;
+      t.show && (x.value = I.fromTo(T, {
+        value: -t.width
+      }, {
+        value: o.tableWidth,
+        duration: e.duration / 1e3,
+        delay: o.index * 0.15,
+        ease: "power1.out",
+        repeatDelay: t.duration / 1e3,
+        repeat: 1 / 0
+      }));
+    }, B = () => {
+      x.value?.kill(), T.value = 0;
+    }, Y = () => {
+      const { global: e } = o.config;
+      !e.loop || !e.animation || (C.value = I.to(q, {
+        ease: "power4.inOut",
+        keyframes: [
+          {
+            value: -90,
+            duration: 0.75,
+            onStart() {
+              z(), B();
+            }
+          },
+          { value: 90, duration: 0 },
+          {
+            value: 0,
+            duration: 0.5,
+            onComplete() {
+              J(), Q();
+            }
+          }
+        ],
+        delay: o.index * 0.1,
+        repeatDelay: e.looptime / 1e3,
+        repeat: 1 / 0
+      }));
+    }, O = () => {
+      C.value?.kill(), q.value = 0;
+    };
+    return V(y, () => {
+      O(), z(), B(), Y();
+    }, {
+      immediate: !0
+    }), U(() => {
+      O(), z(), B();
+    }), (e, t) => (h(), g(A, null, [
+      p("div", {
+        class: "rotate",
+        style: d(u.value)
+      }, [
+        n.config.index.show ? (h(), g("span", {
+          key: 0,
+          class: "table-index",
+          style: d(f.value)
+        }, $(F.value), 5)) : N("", !0),
+        p("div", {
+          ref_key: "contentRef",
+          ref: s,
+          class: "table-content",
+          style: d(c.value)
+        }, [
+          p("div", {
+            class: "inner",
+            style: d(M.value)
+          }, [
+            p("span", {
+              ref_key: "marqueeRef",
+              ref: b
+            }, $(n.data.content), 513),
+            n.config.content.marquee.show && w.value ? (h(), g(A, { key: 0 }, [
+              t[0] || (t[0] = p("i", { style: { display: "inline-block", width: "80px" } }, null, -1)),
+              p("span", null, $(n.data.content), 1)
+            ], 64)) : N("", !0)
+          ], 4)
+        ], 4),
+        n.config.number.show ? (h(), g("div", {
+          key: 1,
+          class: "number",
+          style: d(W.value)
+        }, [
+          X($(n.config.number.symbol.prefix), 1),
+          p("span", {
+            style: d({
+              "margin-left": n.config.number.symbol.marginLeft + "px",
+              "margin-right": n.config.number.symbol.marginRight + "px"
+            })
+          }, $(i.value), 5),
+          X($(n.config.number.symbol.suffix), 1)
+        ], 4)) : N("", !0)
+      ], 4),
+      n.config.bar.show ? (h(), g("div", {
+        key: 0,
+        class: "table-bar",
+        style: d(G.value)
+      }, [
+        p("div", {
+          class: "light",
+          style: d(L.value)
+        }, null, 4)
+      ], 4)) : N("", !0),
+      p("div", {
+        class: "line-segment",
+        style: d(H.value)
+      }, [
+        n.config.bar.show ? N("", !0) : (h(), g("div", {
+          key: 0,
+          class: "light",
+          style: d(L.value)
+        }, null, 4))
+      ], 4)
+    ], 64));
+  }
+}), K = /* @__PURE__ */ P({
+  __name: "index",
+  props: {
+    com: {}
+  },
+  setup(n) {
+    const o = n, R = re();
+    se(o.com);
+    const r = j(o.com, "config"), y = j(o.com, "attr"), s = v(1), b = v(null), w = v(0), S = l(() => R.dataMap[o.com.id]?.source ?? []), k = l(() => ue(o.com.apis.source.fields)), T = l(() => ({
+      transform: "translate3d(0px, 0px, 0px)",
+      width: `${y.value.w}px`,
+      height: `${y.value.h}px`,
+      opacity: y.value.opacity,
+      fontFamily: `${r.value.global.fontFamily}, Arial, sans-serif`
+    })), x = l(() => {
+      const i = S.value.map((c, M) => {
+        const W = +c[k.value.value];
+        return {
+          $$datav_index: M,
+          value: isNaN(W) ? 0 : W,
+          content: c[k.value.content] ?? "",
+          dataRef: oe(c)
+        };
+      }), { show: u, sort: f } = r.value.global.sort;
+      return u ? ce(i, (c) => c.value, f) : i;
+    }), q = l(() => {
+      const { quantity: i } = r.value.global, u = i * (s.value - 1);
+      return x.value.slice(u, u + i);
+    }), C = l(() => {
+      const i = x.value.length;
+      if (i === 0)
+        return 0;
+      const { show: u, sort: f } = r.value.global.sort;
+      return u ? x.value[f === "desc" ? 0 : i - 1].value : de(x.value, (c) => c.value).value;
+    }), F = () => {
+      if (!r.value.global.loop)
+        return;
+      const { quantity: i, looptime: u } = r.value.global;
+      b.value = window.setTimeout(() => {
+        const f = Math.ceil(x.value.length / i);
+        s.value = f <= s.value ? 1 : s.value + 1, F();
+      }, u);
+    };
+    return V(
+      [r, y, s],
+      _(() => {
+        w.value = Math.random();
+      }, 300),
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), V(
+      () => r.value.global.loop,
+      (i) => {
+        clearTimeout(b.value), i ? F() : s.value = 1;
+      },
+      {
+        immediate: !0
+      }
+    ), U(() => {
+      clearTimeout(b.value);
+    }), ne(Z, {
+      pageIndex: s,
+      maxNum: C,
+      watchFlag: w
+    }), (i, u) => (h(), g("div", {
+      class: "datav-wrapper",
+      style: d(T.value)
+    }, [
+      (h(!0), g(A, null, le(q.value, (f, c) => (h(), g("div", {
+        key: f.$$datav_index,
+        style: { position: "relative", perspective: "250px", "perspective-origin": "50% 100%" },
+        class: "table-line"
+      }, [
+        ie(fe, {
+          config: r.value,
+          data: f,
+          index: c,
+          "table-width": y.value.w
+        }, null, 8, ["config", "data", "index", "table-width"])
+      ]))), 128))
+    ], 4));
+  }
+});
+K.install = (n) => {
+  n.component("VTableBar", K), n.component("VTableBarProp", ee(() => import("./config-6kqKwjzS.js")));
+};
+export {
+  K as default
+};

package/lib/index-CI6xXcR0.js

@@ -0,0 +1,47 @@
+import { _ as i, l as c } from "./index-Bjs1bW2W.js";
+import { defineComponent as p, toRef as s, computed as m, createElementBlock as u, openBlock as f, normalizeStyle as b, createElementVNode as y } from "vue";
+import { presetImages as x } from "./border-box-BoVwKoLu.js";
+const $ = p({
+  name: "VBorderBox",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = s(e.com, "config"), t = s(e.com, "attr");
+    return {
+      wraperStyle: m(() => {
+        const n = {
+          transform: "translateZ(0px)",
+          width: `${t.value.w}px`,
+          height: `${t.value.h}px`,
+          "border-radius": 0,
+          "border-style": "solid",
+          "border-width": "1px",
+          background: "none"
+        }, r = x.find((l) => l.id === o.value.boxStyle.style);
+        return r && (n["border-image"] = `url(${r.src}) ${r.border.slice} / ${r.border.width} / ${r.border.outset} ${r.border.repeat}`), n;
+      })
+    };
+  }
+});
+function g(e, o, t, a, n, r) {
+  return f(), u("div", {
+    class: "datav-wrapper",
+    style: b(e.wraperStyle)
+  }, [...o[0] || (o[0] = [
+    y("div", {
+      class: "bg-inner",
+      style: { background: "none", width: "100%", height: "100%" }
+    }, null, -1)
+  ])], 4);
+}
+const d = /* @__PURE__ */ i($, [["render", g]]);
+d.install = (e) => {
+  e.component("VBorderBox", d), e.component("VBorderBoxProp", c(() => import("./config-Cm22p_rY.js")));
+};
+export {
+  d as default
+};