bp-aicc-editor 1.0.0

package/lib/index-B76XXskt.js

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

package/lib/index-B9lRx-kg.js

@@ -0,0 +1,85 @@
+import { b as g, a as S, f as C, _ as $, l as x } from "./index-Bjs1bW2W.js";
+import "element-plus";
+import { storeToRefs as B } from "pinia";
+import { defineComponent as R, toRef as v, computed as d, ref as I, watch as U, onMounted as V, onBeforeUnmount as z, createElementBlock as f, openBlock as y, normalizeStyle as w, createCommentVNode as E } from "vue";
+const L = R({
+  name: "VBtnReturn",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const { pageConfig: n } = B(g()), e = v(a.com, "config"), i = v(a.com, "attr"), u = d(() => n.value.resourceList[e.value.url]), l = I(""), s = async (t, r = 0) => {
+      if (!t)
+        return l.value = e.value.url;
+      t.startsWith("http"), l.value = t;
+    };
+    s(n.value.resourceList[e.value.url]), U(
+      () => u,
+      (t) => {
+        s(t.value, 1);
+      },
+      {
+        deep: !0
+      }
+    );
+    const P = d(() => {
+      const t = e.value.imageType === "vector";
+      let r = `url('${l.value}') 0% 0% / `, o = "";
+      return e.value.bgModel && (e.value.repeat === "repeat" ? (r += "auto repeat", o = "auto") : e.value.repeat === "repeat-x" ? (r += "auto 100% repeat-x", o = "auto 100%") : e.value.repeat === "repeat-y" ? (r += "100% repeat-y", o = "100%") : (r += "100% 100% no-repeat", o = "100% 100%")), {
+        width: `${i.value.w}px`,
+        height: `${i.value.h}px`,
+        "image-rendering": "-webkit-optimize-contrast",
+        background: t ? e.value.vectorFill : r,
+        "-webkit-mask-image": t ? `url(${e.value.vectorImage})` : "none",
+        "-webkit-mask-repeat": t ? e.value.repeat : "initial",
+        "-webkit-mask-size": t ? o : "initial",
+        "border-radius": `${e.value.radius}px`,
+        cursor: e.value.cursor ? "pointer" : "default"
+      };
+    }), b = d(() => ({
+      width: "100%",
+      height: "100%"
+    })), p = () => {
+      const t = S(), r = g();
+      let o = r.allPages.findIndex((c) => c.id === n.value.defaultAllPages), h = r.allPages.findIndex((c) => c.id === r.allPages[o].returnPage);
+      t.editIsComs(!1), r.editPages(n.value.defaultAllPages, r.allPages[o].returnPage), t.requestCom(r.screen.id, C, h);
+    }, m = (t) => {
+      t.keyCode === e.value.shortcutKeys && p();
+    };
+    return V(() => {
+      e.value.shortcutKeys && window.addEventListener("keydown", m);
+    }), z(() => {
+      window.removeEventListener("keydown", m);
+    }), {
+      returnPage: p,
+      imgUrl: l,
+      bgUrl: u,
+      config: e,
+      imgStyle: b,
+      wrapperStyle: P
+    };
+  }
+}), A = ["src"];
+function K(a, n, e, i, u, l) {
+  return y(), f("div", {
+    class: "datav-wrapper",
+    style: w(a.wrapperStyle)
+  }, [
+    a.config.bgModel ? E("", !0) : (y(), f("img", {
+      key: 0,
+      src: a.imgUrl,
+      style: w(a.imgStyle),
+      onClick: n[0] || (n[0] = (...s) => a.returnPage && a.returnPage(...s))
+    }, null, 12, A))
+  ], 4);
+}
+const k = /* @__PURE__ */ $(L, [["render", K]]);
+k.install = (a) => {
+  a.component("VBtnReturn", k), a.component("VBtnReturnProp", x(() => import("./config-B1XQHD5S.js")));
+};
+export {
+  k as default
+};

package/lib/index-B9nm6Rgv.js

@@ -0,0 +1,142 @@
+import { createElementBlock as i, openBlock as o, createElementVNode as t, defineComponent as S, computed as d, provide as b, ref as z, resolveComponent as c, normalizeClass as I, createBlock as l, withCtx as m, createVNode as $, createTextVNode as M, toDisplayString as P } from "vue";
+import { _ as a, l as s, u as j, a as K, C as L } from "./index-Bjs1bW2W.js";
+const k = {}, V = {
+  t: "1639130452186",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3985",
+  width: "64",
+  height: "64"
+};
+function N(e, n) {
+  return o(), i("svg", V, [...n[0] || (n[0] = [
+    t("path", {
+      d: "M962 839.71739113c0 19.56521777-15.65217422 34.23913067-34.23913067 34.23913064L808.41304356 873.95652177c-18.58695644 0-34.23913067-15.65217422-34.23913067-34.23913064s15.65217422-34.23913067 34.23913065-34.23913068l119.34782579 0c18.58695644 0 34.23913067 15.65217422 34.23913067 34.23913068zM637.21739111 839.71739113c0 18.58695644-15.65217422 34.23913067-34.23913066 34.23913064L96.23913066 873.95652177C77.65217422 873.95652177 62 859.28260887 62 839.71739113S77.65217422 805.47826045 96.23913066 805.47826045l506.73912979 0c18.58695644 0 34.23913067 15.65217422 34.23913066 34.23913068z",
+      "p-id": "3986"
+    }, null, -1),
+    t("path", {
+      d: "M819.17391287 839.71739113C819.17391289 907.21739113 764.39130401 962 696.89130401 962s-122.28260887-54.78260887-122.28260801-122.28260887S629.39130401 718.41304355 696.89130401 718.41304355s122.28260887 53.80434756 122.28260886 121.30434758z m-176.08695643 0c0 29.34782578 24.45652178 53.80434756 53.80434757 53.80434842s53.80434756-24.45652178 53.80434844-53.80434842-24.45652178-53.80434756-53.80434844-53.80434757c-29.34782578 0.97826045-53.80434756 24.45652178-53.80434757 53.80434757zM962 512c0 18.58695644-15.65217422 34.23913067-34.23913067 34.23913067L605.91304355 546.23913067c-18.58695644 0-34.23913067-15.65217422-34.23913066-34.23913067s15.65217422-34.23913067 34.23913067-34.23913067l321.84782578 0c18.58695644 0 34.23913067 15.65217422 34.23913066 34.23913067zM443.52173955 512c0 18.58695644-15.65217422 34.23913067-34.23913066 34.23913067l-313.04347823 0C77.65217422 546.23913067 62 531.56521777 62 512s15.65217422-34.23913067 34.23913067-34.23913067l313.04347822 0c19.56521777 0 34.23913067 15.65217422 34.23913066 34.23913067z",
+      "p-id": "3987"
+    }, null, -1),
+    t("path", {
+      d: "M637.21739111 512c0 67.50000001-54.78260887 122.28260887-122.28260888 122.28260887S392.65217421 579.50000001 392.65217423 512s54.78260887-122.28260887 122.282608-122.28260887S637.21739113 445.47826045 637.21739111 512z m-176.08695645 0c0 29.34782578 24.45652178 53.80434756 53.80434757 53.80434756s53.80434756-24.45652178 53.80434843-53.80434756-24.45652178-53.80434756-53.80434843-53.80434756-53.80434756 24.45652178-53.80434757 53.80434756zM962 184.28260887c0 18.58695644-15.65217422 34.23913067-34.23913067 34.23913068L426.89130401 218.52173955c-18.58695644 0-34.23913067-15.65217422-34.23912978-34.23913068s15.65217422-34.23913067 34.23912978-34.23913065l500.86956532 0c18.58695644 0 34.23913067 14.67391289 34.23913067 34.23913065zM276.23913067 184.28260887c0 18.58695644-15.65217422 34.23913067-34.23913067 34.23913068L96.23913066 218.52173955C77.65217422 218.52173955 62 202.86956533 62 184.28260887S77.65217422 150.04347823 96.23913066 150.04347823l145.76086934-1e-8c18.58695644 0 34.23913067 14.67391289 34.23913067 34.23913065z",
+      "p-id": "3988"
+    }, null, -1),
+    t("path", {
+      d: "M455.26086932 184.28260887c0 67.50000001-54.78260887 122.28260887-122.28260887 122.2826089s-122.28260887-54.78260887-122.28260802-122.2826089S265.47826045 62 332.97826045 62s122.28260887 54.78260887 122.28260887 122.28260887z m-176.08695643 0c0 29.34782578 24.45652178 53.80434756 53.80434756 53.80434757s53.80434756-24.45652178 53.80434844-53.80434757-24.45652178-53.80434756-53.80434843-53.80434842-53.80434756 24.45652178-53.80434757 53.80434842z",
+      "p-id": "3989"
+    }, null, -1)
+  ])]);
+}
+const B = /* @__PURE__ */ a(k, [["render", N]]), x = {}, T = {
+  t: "1639130406253",
+  class: "icon",
+  viewBox: "0 0 1504 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3985",
+  width: "64",
+  height: "64"
+};
+function D(e, n) {
+  return o(), i("svg", T, [...n[0] || (n[0] = [
+    t("path", {
+      d: "M390.63774936 970.66666667C198.80324716 970.66666667 42.82785185 814.57408479 42.82785185 622.62239604 42.82785185 444.02998198 178.06121529 296.60921042 351.61460341 277.03904417 713.60408248-257.09758332 1191.37394528 120.9464623 1176.02249717 464.65482823c209.99842875-96.79615031 479.99640844 371.59878186 42.7731178 506.01183844H390.63774936m-259.80274315-348.04427063c0 143.31924 116.48350311 259.80274313 259.80274315 259.80274313h828.15786562c300.700875-145.3114125 63.74952281-415.42657875-68.67136126-318.6304275-17.10924656 43.1246775-40.54657125 78.86659781-71.60102717 119.64754219-18.28111311-16.6405003-47.81214187-40.78094437-67.03074846-57.30425908 33.98412094-39.96063844 80.74158375-138.51458813 80.74158376-218.67023905 0-185.74079719-332.69282343-520.89453938-647.80765218-128.08497844 36.44503969 6.09370406 231.0920203 96.67896375 265.77926063 114.96007688-9.49211625 21.0935925-28.82790935 60.93704438-39.96063845 78.5150372-77.34317155-39.1403325-210.34998845-109.92105281-279.60728249-110.03823845-143.31924 0.23437312-259.80274313 116.71787625-259.80274315 259.80274312",
+      "p-id": "3986"
+    }, null, -1)
+  ])]);
+}
+const E = /* @__PURE__ */ a(x, [["render", D]]), O = {}, A = {
+  t: "1639130487569",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4134",
+  width: "64",
+  height: "64"
+};
+function H(e, n) {
+  return o(), i("svg", A, [...n[0] || (n[0] = [
+    t("path", {
+      d: "M930.71848999 613.47251562l-70.5385903-21.85452561V296.56413125l-352.58634094-194.02554187-352.62187594 194.02554187v387.69572438l352.62187594 194.02554092 51.27817875-28.25097092 21.03720188 59.59355906-72.31538063 39.16046625L84.46862844 719.65352563V261.06385344L507.59355875 31.96446406l423.12493124 229.09938938v352.40866218z m-423.12493124-96.65741251l458.41199345 167.9777897-229.20599626 65.63464781-55.32926156 233.57690157-173.87673563-467.18933908z",
+      "p-id": "4135"
+    }, null, -1)
+  ])]);
+}
+const U = /* @__PURE__ */ a(O, [["render", H]]), q = Symbol("comInjectionKey"), X = Symbol("changePanelInjectionKey"), Y = Symbol("interactionInjectionKey"), Z = Symbol("sourceDrawerInjectionKey"), e3 = Symbol("sourcePanelInjectionKey"), F = S({
+  name: "ConfigPanel",
+  components: {
+    IconSetting: B,
+    IconCloud: E,
+    IconInteract: U,
+    PageConfig: s(() => import("./page-config-DT1C_kDM.js")),
+    MultiLayoutConfig: s(() => import("./multi-layout-config-DWBvxtbQ.js")),
+    SettingPanel: s(() => import("./setting-panel-CMKniQhs.js")),
+    DataCenterPanel: s(() => import("./index-Cb06BDgi.js")),
+    InteractionPanel: s(() => import("./index-BSeD4M2U.js")),
+    LayerSettingPanel: s(() => import("./layer-setting-panel-C86c3fN0.js"))
+  },
+  setup() {
+    const e = j(), n = K(), p = d(() => e.config.show), u = d(() => n.selectedComs.length), r = d(() => n.selectedSubCom || n.selectedCom);
+    return b(q, r), {
+      activeName: z("config"),
+      ComType: L,
+      visiblePanel: p,
+      currCom: r,
+      selectedCount: u
+    };
+  }
+}), G = { class: "config-manager" };
+function J(e, n, p, u, r, _) {
+  const g = c("layer-setting-panel"), y = c("setting-panel"), f = c("el-tab-pane"), C = c("el-tabs"), h = c("multi-layout-config"), v = c("page-config");
+  return o(), i("div", {
+    class: I(["g-aside config-panel-wp", { "--hide": !e.visiblePanel }])
+  }, [
+    t("div", G, [
+      e.currCom && e.currCom.type === e.ComType.layer ? (o(), l(g, { key: 0 })) : e.currCom ? (o(), l(C, {
+        key: 1,
+        type: "border-card",
+        modelValue: e.activeName,
+        "onUpdate:modelValue": n[0] || (n[0] = (w) => e.activeName = w),
+        style: { height: "100%" }
+      }, {
+        default: m(() => [
+          $(f, {
+            name: "config",
+            "display-directive": "show:lazy"
+          }, {
+            label: m(() => [
+              M(P(e.currCom.alias), 1)
+            ]),
+            default: m(() => [
+              (o(), l(y, {
+                key: e.currCom.id
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : e.selectedCount > 1 ? (o(), l(h, {
+        key: 2,
+        "selected-count": e.selectedCount
+      }, null, 8, ["selected-count"])) : (o(), l(v, { key: 3 }))
+    ])
+  ], 2);
+}
+const Q = /* @__PURE__ */ a(F, [["render", J], ["__scopeId", "data-v-f0ed6883"]]), n3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Q
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  E as I,
+  X as a,
+  Z as b,
+  q as c,
+  n3 as d,
+  Y as i,
+  e3 as s
+};

package/lib/index-BAN9B0Xt.js

@@ -0,0 +1,176 @@
+import { o as q, _ as Q, l as X } from "./index-Bjs1bW2W.js";
+import { defineComponent as Y, useCssVars as Z, computed as n, toRef as T, ref as w, watchEffect as ee, resolveComponent as oe, createElementBlock as g, openBlock as u, normalizeStyle as c, createVNode as z, createElementVNode as te, unref as C, withCtx as P, Fragment as ae, renderList as re, createBlock as _, toDisplayString as B } from "vue";
+import { u as le, g as ne, a as se } from "./use-data-center-Cj9FGyCg.js";
+import { ElTable as ue, ElTableColumn as ce, ElPagination as pe } from "element-plus";
+import "./page-table-U2Zv9dzo.js";
+import "./iking-utils.es-Ba74AedH.js";
+const ie = /* @__PURE__ */ Y({
+  __name: "index",
+  props: {
+    com: {}
+  },
+  setup(p) {
+    Z((t) => ({
+      v3f0b7f71: W.value,
+      v0ab5c7d4: F.value,
+      v74efac97: M.value,
+      v512f1a5a: U.value,
+      a4e8f506: H.value,
+      f3466c98: J.value,
+      v60e262f8: I.value,
+      v13bca8c4: K.value
+    }));
+    const s = p, o = T(s.com, "config"), v = T(s.com, "attr"), y = n(() => R.dataMap[s.com.id]?.source ?? {}), x = n(() => ne(s.com.apis.source.fields)), $ = n(() => y.value?.[x.value?.data] || []), D = n(() => y.value?.[x.value?.total] || 0), S = w(1), i = w(10), E = n(() => {
+      const t = o.value.generate.textStyle;
+      return {
+        width: `${v.value.w}px`,
+        height: `${v.value.h}px`,
+        ...t,
+        fontSize: useNumberToPx(t.fontSize)
+      };
+    }), j = n(() => {
+      const { position: t, marginTop: a } = o.value.page;
+      return {
+        display: "flex",
+        justifyContent: t,
+        marginTop: useNumberToPx(a)
+      };
+    }), A = (t) => {
+      b(t);
+    }, O = () => {
+      const { height: t, background: a, color: l, fontSize: e } = o.value.table.header;
+      return {
+        ...o.value.table.header,
+        height: useNumberToPx(t),
+        ...setChartColor(a),
+        color: setChartColor(l),
+        fontSize: useNumberToPx(e),
+        backgroundSize: "100% 100%"
+      };
+    }, V = ({ rowIndex: t }) => {
+      const { height: a, background: l, color: e, fontSize: r } = o.value.table.body, { odd: d, even: f } = o.value.table.body, L = (t + 1) % 2 ? d.enable ? {
+        ...setChartColor(d.background),
+        color: setChartColor(d.color)
+      } : {} : f.enable ? {
+        ...setChartColor(f.background),
+        color: setChartColor(f.color)
+      } : {};
+      return {
+        ...o.value.table.header,
+        height: useNumberToPx(a),
+        ...setChartColor(l),
+        color: setChartColor(e),
+        fontSize: useNumberToPx(r),
+        backgroundSize: "100% 100%",
+        ...L
+      };
+    }, W = n(() => {
+      const { borderColor: t, borderWidth: a, borderType: l } = o.value.table.borderBottomStyle;
+      return o.value.table.borderBottom ? `${a}px ${l} ${setChartColor(t)}` : "none";
+    }), F = n(() => {
+      const { borderColor: t, borderWidth: a, borderType: l } = o.value.table.borderStyle;
+      return o.value.table.border ? `${a}px ${l} ${setChartColor(t)}` : "none";
+    }), b = (t = 1) => {
+      const { page: a, rows: l } = o.value.page, e = {
+        ...JSON.parse(s.com.apiData.source?.config?.apiBody || "{}"),
+        [a]: t,
+        [l]: i.value
+      };
+      s.com.apiData.source.config.apiBody = JSON.stringify(e);
+    };
+    b();
+    const R = le();
+    se(s.com), ee(() => {
+      b();
+    });
+    const h = n(() => o.value.series), k = (t) => h.value.find((a) => a.columns.prop === t)?.columns.type || "text", G = (t, a) => {
+      const l = h.value.find((e) => e.columns.prop === t);
+      return q(a).format(l.columns.date.format);
+    }, m = (t, a) => {
+      const l = h.value.find((r) => r.columns.prop === a);
+      if (!l) return {};
+      const e = l?.columns?.event;
+      if (!e) return {};
+      for (let r of e)
+        if (checkOperator(t[r.key1], r.operator, r.static ? r.value : t[r.key2]))
+          return {
+            ...r.config,
+            ...setChartColor(r.config.background),
+            color: setChartColor(r.config.color),
+            border: `${r.config.borderWidth}px ${r.config.borderType}  ${setChartColor(r.config.borderColor)}`
+          };
+      return {};
+    }, H = n(() => setChartColor(o.value.page.activeBg)), J = n(() => setChartColor(o.value.page.activeColor)), M = n(() => setChartColor(o.value.page.backgroundColor)), U = n(() => setChartColor(o.value.page.color)), I = n(() => setChartColor(o.value.page.disableColor)), K = n(() => setChartColor(o.value.page.disableBg));
+    return (t, a) => {
+      const l = oe("GlCountTo");
+      return u(), g("div", {
+        class: "datav-wrapper page-table",
+        style: c(E.value)
+      }, [
+        z(C(ue), {
+          data: $.value,
+          style: { width: "100%" },
+          "max-height": v.value.h - 40,
+          "show-overflow-tooltip": o.value.table.showOverflowTooltip,
+          "tooltip-effect": "dark",
+          "header-row-style": O,
+          "row-style": V,
+          "show-header": o.value.table.showHeader,
+          border: o.value.table.border
+        }, {
+          default: P(() => [
+            (u(!0), g(ae, null, re(o.value.series, (e) => (u(), _(C(ce), {
+              key: e.columns.prop,
+              prop: e.columns.prop,
+              label: e.columns.label,
+              width: e.columns.width || void 0,
+              "min-width": e.columns.minWidth || void 0,
+              align: e.columns.align,
+              fixed: e.columns.fixed
+            }, {
+              default: P(({ row: r }) => [
+                k(e?.columns.prop) === "number" ? (u(), _(l, {
+                  key: 0,
+                  num: Number.parseFloat(r[e.columns.prop]),
+                  item: e?.columns.number,
+                  style: c(m(r, e?.columns.prop))
+                }, null, 8, ["num", "item", "style"])) : k(e?.columns.prop) === "date" ? (u(), g("span", {
+                  key: 1,
+                  style: c(m(r, e?.columns.prop))
+                }, B(G(e?.columns.prop, r[e?.columns.prop])), 5)) : (u(), g("span", {
+                  key: 2,
+                  style: c(m(r, e?.columns.prop))
+                }, B(r[e?.columns.prop]), 5))
+              ]),
+              _: 2
+            }, 1032, ["prop", "label", "width", "min-width", "align", "fixed"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["data", "max-height", "show-overflow-tooltip", "show-header", "border"]),
+        te("div", {
+          style: c(j.value)
+        }, [
+          z(C(pe), {
+            "current-page": S.value,
+            "onUpdate:currentPage": a[0] || (a[0] = (e) => S.value = e),
+            "page-size": i.value,
+            "onUpdate:pageSize": a[1] || (a[1] = (e) => i.value = e),
+            layout: o.value.page.layout.join(","),
+            total: D.value,
+            "hide-on-single-page": o.value.page.hideOnSinglePage,
+            "page-sizes": o.value.page.pageSize,
+            "default-page-size": i.value,
+            background: o.value.page.background,
+            onCurrentChange: A
+          }, null, 8, ["current-page", "page-size", "layout", "total", "hide-on-single-page", "page-sizes", "default-page-size", "background"])
+        ], 4)
+      ], 4);
+    };
+  }
+}), N = /* @__PURE__ */ Q(ie, [["__scopeId", "data-v-9492a793"]]);
+N.install = (p) => {
+  p.component("VPageTable", N), p.component("VPageTableProp", X(() => import("./config-D846M2Gv.js")));
+};
+export {
+  N as default
+};