bp-aicc-editor 1.0.0

package/lib/index-C8Ni1uMd.js

@@ -0,0 +1,435 @@
+import { l as pe } from "./index-Bjs1bW2W.js";
+import { defineComponent as ee, inject as ye, ref as f, shallowRef as te, computed as r, watch as P, onMounted as xe, onUnmounted as le, nextTick as be, h as F, toRef as J, provide as we, createElementBlock as k, openBlock as y, normalizeStyle as C, createCommentVNode as j, createElementVNode as M, Fragment as O, renderList as G, toDisplayString as Q, createBlock as $e } from "vue";
+import { g as ae } from "./index-CTo4-44e.js";
+import { u as Se, a as ke } from "./use-data-center-Cj9FGyCg.js";
+import { u as Ce } from "./event-DDj_G-ix.js";
+import { defaultImg as Le, CarouselTableEvent as I } from "./carousel-table-hn7W3uoD.js";
+import { carouselTableInjectionKey as ne } from "./context-DXwgwPsi.js";
+const _e = ee({
+  name: "CarouselTableItem",
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    tableWidth: {
+      type: Number,
+      required: !0
+    },
+    globalConfig: {
+      type: Object,
+      required: !0
+    },
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(n) {
+    const { isHighLight: m } = ye(ne), q = f(!1), L = f(null), l = f(null), d = f(0), g = f(0), B = f(0), E = te(null), x = r(() => {
+      const { width: o, textAlign: w, textStyle: u, isBr: $ } = n.config;
+      let A = {
+        display: "inline-block",
+        "vertical-align": "middle",
+        "background-color": "transparent",
+        "text-align": w,
+        overflow: "hidden",
+        width: `${o}%`,
+        color: u.color,
+        fontFamily: u.fontFamily,
+        "font-size": `${u.fontSize}px`,
+        "font-weight": u.fontWeight
+      };
+      return $ ? A["word-break"] = "break-all" : A["white-space"] = "nowrap", A;
+    }), p = () => {
+      const { textAlign: o } = n.config;
+      return o === "left" ? 0 : o === "center" ? (d.value - g.value + 4) / 2 : o === "right" ? d.value - g.value + 4 : 0;
+    }, b = () => {
+      const { ifRun: o } = n.globalConfig.textAnimate;
+      !o || n.config.isBr || be(() => {
+        L.value && (d.value = L.value.offsetWidth), l.value && (g.value = l.value.offsetWidth + 4);
+        const { isSpeed: w, animateDur: u, speedRate: $ } = n.globalConfig.textAnimate;
+        if (g.value > d.value) {
+          const A = w ? $ * g.value : u;
+          E.value = ae.fromTo(B, {
+            value: p()
+          }, {
+            value: -g.value,
+            duration: A,
+            ease: "none",
+            repeatDelay: 0.5,
+            repeat: 1 / 0
+          });
+        } else
+          _();
+      });
+    }, D = () => {
+      const { textStyle: o } = n.globalConfig.highLight.hlStyle;
+      return m(n.data.$$datav_index) ? {
+        display: "inline-block",
+        "background-image": "none",
+        "background-clip": "unset",
+        "-webkit-text-fill-color": "initial",
+        color: o.color,
+        "font-size": `${o.fontSize}px`,
+        "font-weight": o.fontWeight,
+        "font-family": o.fontFamily
+      } : {
+        display: "inline-block"
+      };
+    }, z = (o) => F("img", {
+      src: q.value ? n.globalConfig.defaultImg || Le : o,
+      class: "marquee-img",
+      style: {
+        width: `${n.config.widthPercent}px`,
+        "margin-left": 0,
+        "margin-top": 0,
+        "font-size": 0
+      },
+      onError() {
+        q.value = !0;
+      }
+    }), H = () => {
+      const { data: o, config: w, tableWidth: u } = n, $ = o[w.columnName];
+      return [
+        F(
+          "span",
+          {
+            ref: l,
+            class: "marquee-text-span",
+            style: D()
+          },
+          $ == null ? "-" : w.dataType === "img" ? z($) : $
+        ),
+        F("i", {
+          style: {
+            display: "inline-block",
+            width: `${w.isBr || g.value > d.value ? 0 : u}px`
+          }
+        })
+      ];
+    }, W = () => {
+      const o = [H()];
+      return n.config.isBr || o.push(" ", H()), F("div", {
+        ref: L,
+        class: "column cell-content",
+        style: x.value
+      }, F("div", {
+        class: "marquee-text",
+        style: {
+          display: "inline-block",
+          transform: `translateX(${B.value}px)`
+        }
+      }, o));
+    }, _ = () => {
+      E.value?.kill(), B.value = p();
+    };
+    return P([
+      x,
+      n.globalConfig.textAnimate,
+      () => n.tableWidth,
+      () => n.data[n.config.columnName]
+    ], () => {
+      n.config.dataType === "img" && (q.value = !1), _(), b();
+    }), xe(() => {
+      b();
+    }), le(() => {
+      _();
+    }), {
+      createColumn: W
+    };
+  },
+  render() {
+    return this.createColumn();
+  }
+}), Te = ["onClick"], Z = /* @__PURE__ */ ee({
+  __name: "index",
+  props: {
+    com: {}
+  },
+  setup(n) {
+    const m = n, q = Se(), L = Ce();
+    ke(m.com);
+    const l = J(m.com, "config"), d = J(m.com, "attr"), g = r(() => q.dataMap[m.com.id]?.source ?? []), B = f(-1), E = te(null), x = f(0), p = f([]), b = f(1), D = f(0), z = r(() => l.value.header.heightPercent * d.value.h / 100), H = r(() => (d.value.h - z.value) / l.value.global.rowCount), W = r(() => Array.isArray(g.value) ? Math.ceil(g.value.length / l.value.global.rowCount) : 0), _ = r(() => l.value.series.map((e) => e.columnName)), o = r(() => l.value.global.highLight.hlIndex.split(",").map((e) => +e)), w = () => {
+      const e = g.value;
+      if (!e || !Array.isArray(e))
+        return [];
+      const a = [], t = _.value.length;
+      return e.forEach((s, h) => {
+        const v = {
+          $$datav_index: h + 1
+        };
+        for (let i = 0; i < t; i++) {
+          const c = _.value[i];
+          v[c] = s[c] ?? null;
+        }
+        a.push(v);
+      }), a;
+    }, u = r(() => {
+      const { global: e } = l.value, a = w();
+      if (e.ifRowHidden)
+        return a;
+      const t = [], s = a.length;
+      let h = W.value * e.rowCount - s;
+      if (h > 0) {
+        const v = _.value.length;
+        for (let i = 0; i < h; i++) {
+          let c = {
+            $$datav_index: s + i + 1
+          };
+          for (let S = 0; S < v; S++)
+            c[_.value[S]] = "-";
+          t.push(c);
+        }
+      }
+      return [...a, ...t];
+    }), $ = r(() => {
+      const { global: e } = l.value;
+      return {
+        opacity: 1,
+        cursor: "pointer",
+        overflow: "hidden",
+        backgroundColor: "transparent",
+        fontFamily: e.fontFamily,
+        width: `${d.value.w}px`,
+        height: `${d.value.h}px`
+      };
+    }), A = r(() => {
+      const { header: e } = l.value;
+      return {
+        "z-index": 2,
+        width: "100%",
+        position: "absolute",
+        display: "flex",
+        "align-items": "center",
+        "vertical-align": "middle",
+        "text-overflow": "ellipsis",
+        "white-space": "nowrap",
+        overflow: "hidden",
+        height: `${z.value}px`,
+        fontFamily: e.textStyle.fontFamily,
+        color: e.textStyle.color,
+        backgroundColor: e.bgColor
+      };
+    }), oe = r(() => ({
+      display: "inline-block",
+      "vertical-align": "middle",
+      width: `${l.value.idList.width}%`,
+      height: `${z.value}px`
+    })), ie = r(() => {
+      const { textStyle: e } = l.value.header;
+      return {
+        display: "inline-block",
+        overflow: "hidden",
+        "white-space": "nowrap",
+        "vertical-align": "middle",
+        "background-color": "transparent",
+        "text-align": e.textAlign,
+        "font-size": `${e.fontSize}px`,
+        "font-weight": e.fontWeight,
+        color: e.color
+      };
+    }), re = r(() => ({
+      width: "100%",
+      height: `${d.value.h - z.value}px`,
+      overflow: "hidden"
+    })), ue = r(() => ({
+      display: "flex",
+      "align-items": "center",
+      "vertical-align": "middle",
+      "text-overflow": "ellipsis",
+      overflow: "hidden",
+      height: `${H.value}px`,
+      opacity: 1,
+      transform: `translateY(-${D.value}px)`
+    })), se = r(() => {
+      const { idList: e } = l.value;
+      return {
+        display: "inline-block",
+        "text-align": "center",
+        "vertical-align": "middle",
+        width: `${e.width}%`,
+        color: e.textStyle.color,
+        fontSize: `${e.textStyle.fontSize}px`
+      };
+    }), ce = r(() => {
+      const { idList: e } = l.value, a = H.value * e.radius / 100 - 4;
+      return {
+        margin: "auto",
+        "vertical-align": "middle",
+        "text-align": "center",
+        "font-family": e.textStyle.fontFamily,
+        "font-weight": e.textStyle.fontWeight,
+        "line-height": `${a}px`,
+        "border-radius": `${a / 2}px`,
+        width: `${a}px`,
+        height: `${a}px`
+      };
+    }), R = (e) => {
+      const { show: a, isOrder: t } = l.value.global.highLight;
+      return a && (t && b.value === e || !t && o.value.includes(e));
+    }, de = (e) => {
+      const { bgColor: a, border: t } = l.value.global.highLight.hlStyle;
+      return R(e) ? {
+        backgroundColor: a,
+        border: `${t.width}px ${t.style} ${t.color}`
+      } : {
+        backgroundColor: e & 1 ? l.value.row.oddBGColor : l.value.row.evenBGColor
+      };
+    }, ve = (e) => {
+      const { textStyle: a } = l.value.global.highLight.hlStyle;
+      return R(e) ? {
+        "background-image": "none",
+        "background-position": "initial",
+        "background-size": "initial",
+        "background-repeat": "initial",
+        "background-attachment": "initial",
+        "background-origin": "initial",
+        "background-clip": "unset",
+        "-webkit-text-fill-color": "initial",
+        "font-size": a.fontSize,
+        color: a.color
+      } : {
+        "background-color": l.value.idList.bgColor
+      };
+    }, K = () => {
+      const e = x.value, { animation: a, rowCount: t, isLoop: s, ifRowHidden: h } = l.value.global;
+      if (e === 0)
+        p.value = u.value;
+      else {
+        let v = 0, i = 0, c = 0, S = 0;
+        if (a.mode === "top")
+          v = (e - 1) * t, i = e * t + 1, e === W.value && !h ? (c = 1, S = t) : (c = i, S = (e + 1) * t);
+        else {
+          v = e - 1, i = e + t;
+          const T = u.value.length, Y = e - T + t;
+          Y > 0 && T > t ? (c = 1, S = Y) : (c = i, S = i + 1);
+        }
+        p.value = [
+          ...u.value.filter((T) => v < T.$$datav_index && T.$$datav_index < i),
+          ...u.value.filter((T) => c <= T.$$datav_index && T.$$datav_index <= S)
+        ];
+      }
+      s && !(a.singleStop && W.value <= 1) ? U() : N();
+    }, U = () => {
+      const { global: e } = l.value, { show: a, isOrder: t } = e.highLight;
+      B.value = window.setTimeout(() => {
+        if (a && t) {
+          const v = b.value + 1, i = p.value.some((c) => c.$$datav_index === v);
+          if (i ? b.value = v : b.value = 1, e.animation.mode === "top" && i && v <= x.value * e.rowCount) {
+            U();
+            return;
+          }
+        }
+        let s = u.value.length, h = H.value;
+        e.animation.mode === "top" && (s = W.value, h *= e.rowCount), E.value = ae.fromTo(
+          D,
+          {
+            value: 0
+          },
+          {
+            duration: 0.85,
+            value: h,
+            onComplete: () => {
+              D.value = 0, x.value === s ? (x.value = 1, me(p.value[0])) : x.value += 1, K();
+            }
+          }
+        ), he(p.value[0]), fe(b.value);
+      }, e.animation.duration * 1e3);
+    }, N = () => {
+      clearTimeout(B.value), E.value?.kill(), D.value = 0, b.value = 1;
+    }, X = () => {
+      x.value = 1, N(), K();
+    };
+    P(
+      () => l.value.global,
+      () => {
+        X();
+      },
+      {
+        deep: !0
+      }
+    ), P(u, () => {
+      X();
+    });
+    const V = (e) => e ? { ...e, index: e.$$datav_index } : {}, ge = (e) => {
+      L.handleSubVariablesChange(m.com.id, I.rowClicked, V(e));
+    }, he = (e) => {
+      L.handleSubVariablesChange(m.com.id, I.dataFlipped, V(e));
+    }, fe = (e) => {
+      if (R(e)) {
+        const a = p.value.find((t) => t.$$datav_index === e);
+        L.handleSubVariablesChange(m.com.id, I.dataHighLight, V(a));
+      }
+    }, me = (e) => {
+      L.handleSubVariablesChange(m.com.id, I.scrollEnd, {
+        isEnding: !0,
+        ...V(e)
+      });
+    };
+    return we(ne, {
+      isHighLight: R
+    }), le(() => {
+      N();
+    }), (e, a) => (y(), k("div", {
+      class: "datav-wraper",
+      style: C($.value)
+    }, [
+      l.value.header.show ? (y(), k("div", {
+        key: 0,
+        class: "line header",
+        style: C(A.value)
+      }, [
+        l.value.idList.show ? (y(), k("div", {
+          key: 0,
+          class: "index-list",
+          style: C(oe.value)
+        }, null, 4)) : j("", !0),
+        (y(!0), k(O, null, G(l.value.series, (t, s) => (y(), k("div", {
+          key: s,
+          class: "column column-title",
+          style: C([ie.value, { width: `${t.width}%` }])
+        }, Q(t.displayName), 5))), 128))
+      ], 4)) : j("", !0),
+      M("div", {
+        class: "placeholder",
+        style: C(`height: ${z.value}px`)
+      }, null, 4),
+      M("div", {
+        class: "rows-container",
+        style: C(re.value)
+      }, [
+        (y(!0), k(O, null, G(p.value, (t) => (y(), k("div", {
+          key: t.$$datav_index,
+          class: "line row-content",
+          style: C([ue.value, de(t.$$datav_index)]),
+          onClick: (s) => ge(t)
+        }, [
+          l.value.idList.show ? (y(), k("div", {
+            key: 0,
+            class: "index",
+            style: C(se.value)
+          }, [
+            M("div", {
+              class: "index-bg",
+              style: C([ce.value, ve(t.$$datav_index)])
+            }, Q(t.$$datav_index), 5)
+          ], 4)) : j("", !0),
+          (y(!0), k(O, null, G(l.value.series, (s, h) => (y(), $e(_e, {
+            key: t.$$datav_index + h,
+            "table-width": d.value.w,
+            "global-config": l.value.global,
+            config: s,
+            data: t
+          }, null, 8, ["table-width", "global-config", "config", "data"]))), 128))
+        ], 12, Te))), 128))
+      ], 4)
+    ], 4));
+  }
+});
+Z.install = (n) => {
+  n.component("VCarouselTable", Z), n.component("VCarouselTableProp", pe(() => import("./config-efyvf2nq.js")));
+};
+export {
+  Z as default
+};

package/lib/index-CCCckUnm.js

@@ -0,0 +1,19 @@
+import { l as c } from "./index-Bjs1bW2W.js";
+import { defineComponent as s, toRef as t, computed as r, createElementBlock as p, openBlock as m } from "vue";
+import { u as i, a as d, g as u } from "./use-data-center-Cj9FGyCg.js";
+const l = { class: "datav-wrapper" }, a = /* @__PURE__ */ s({
+  __name: "index",
+  props: {
+    com: {}
+  },
+  setup(e) {
+    const o = e, n = i();
+    return d(o.com), t(o.com, "config"), t(o.com, "attr"), r(() => n.dataMap[o.com.id]?.source ?? {}), r(() => u(o.com.apis.source.fields)), (f, _) => (m(), p("div", l, "Dater"));
+  }
+});
+a.install = (e) => {
+  e.component("VDater", a), e.component("VDaterProp", c(() => import("./config-CSUhHF5L.js")));
+};
+export {
+  a as default
+};