@opengis/bi 1.0.39 → 1.0.41

package/dist/vs-map-CnK-QncQ.js

@@ -0,0 +1,283 @@
+import { c as L, l as $, p as B, V as H, a as O, b as T, d as F, m as S, e as N } from "./vs-list-ONirzMum.js";
+import { _ as C, c as R } from "./import-file-CcioJxEB.js";
+import { resolveComponent as u, createElementBlock as d, openBlock as n, Fragment as w, createElementVNode as a, createBlock as E, createCommentVNode as c, createVNode as f, Teleport as A, toDisplayString as b, renderList as k, normalizeStyle as I, normalizeClass as V } from "vue";
+const G = {
+  components: { legendIcon: $, closeIcon: L },
+  props: {
+    mapId: { type: String },
+    colors: { type: Array },
+    sizes: { type: Array, default: () => [] },
+    cluster: { type: [Boolean, String] },
+    color: { type: String, default: "gray" },
+    colorTitle: { type: String },
+    sizesTitle: { type: String },
+    resizeItem: { type: [Boolean, String], default: !1 },
+    changeOpacityItem: { type: [Boolean, String], default: !1 }
+  },
+  data() {
+    return {
+      isOpenLegend: !1,
+      palette: B
+      // palette: ['#69D2E7', 'yellow', '#FE4365'],
+    };
+  },
+  computed: {
+    borderRadius() {
+      return this.cluster ? "rounded-sm" : "rounded-full";
+    },
+    sortedSizes() {
+      return [...this.sizes].sort((e, t) => e - t);
+    },
+    maxWidht() {
+      var s;
+      const e = ((s = this.sizes) == null ? void 0 : s.length) - 1;
+      return this.calcSize(e);
+    }
+  },
+  methods: {
+    sizeClass(e) {
+      return this.resizeItem ? `h-[${this.calcSize(e)}] w-[${this.calcSize(e)}] ${this.borderRadius}` : `h-[18px] w-[18px] ${this.borderRadius}`;
+    },
+    calcSize(e) {
+      return `${10 + e * 2}px`;
+    },
+    getOpacity(e) {
+      return (e + 1) / this.sortedSizes.length;
+    }
+  }
+}, W = { class: "w-full absolute max-w-[200px] bg-white border rounded-lg bottom-[10px] right-[50px]" }, P = { class: "flex items-center justify-between border-b border-[#0000001A] px-2" }, Z = { class: "w-full flex flex-col gap-[8px] px-2 py-2 max-h-[200px] overflow-auto [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, q = {
+  key: 0,
+  class: "flex flex-col w-full"
+}, j = {
+  key: 0,
+  class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
+}, J = { class: "flex flex-col gap-[6px]" }, K = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" }, Q = {
+  key: 1,
+  class: "flex flex-col w-full"
+}, U = {
+  key: 0,
+  class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
+}, X = { class: "flex flex-col gap-[6px]" }, Y = { class: "flex flex-row items-center justify-start" }, D = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" };
+function ee(e, t, s, o, r, l) {
+  var x, y;
+  const m = u("legendIcon"), h = u("closeIcon");
+  return n(), d(w, null, [
+    a("div", {
+      class: "flex justify-center items-center rounded-md w-[32px] h-[32px] cursor-pointer bg-white p-1 border-[2px]",
+      onClick: t[0] || (t[0] = (i) => r.isOpenLegend = !r.isOpenLegend)
+    }, [
+      f(m)
+    ]),
+    r.isOpenLegend ? (n(), E(A, {
+      key: 0,
+      to: `#wrapper-${s.mapId}`
+    }, [
+      a("div", W, [
+        a("div", P, [
+          t[2] || (t[2] = a("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
+          a("button", {
+            type: "button",
+            class: "inline-flex items-center text-sm font-medium text-gray-500 rounded-lg gap-x-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-blue-500 dark:focus:text-blue-500",
+            onClick: t[1] || (t[1] = (i) => r.isOpenLegend = !1)
+          }, [
+            f(h, { class: "w-[20px]" })
+          ])
+        ]),
+        a("div", Z, [
+          (x = s.colors) != null && x.length ? (n(), d("div", q, [
+            s.colorTitle ? (n(), d("h4", j, b(s.colorTitle), 1)) : c("", !0),
+            a("div", J, [
+              (n(!0), d(w, null, k(s.colors, (i, p) => (n(), d("div", {
+                key: p,
+                class: "flex items-center gap-[10px]"
+              }, [
+                i.color ? (n(), d("div", {
+                  key: 0,
+                  class: "w-[12px] h-[12px] rounded-full",
+                  style: I({
+                    backgroundColor: i.color
+                  })
+                }, null, 4)) : c("", !0),
+                a("p", K, b(i.val), 1)
+              ]))), 128))
+            ])
+          ])) : c("", !0),
+          (y = s.sizes) != null && y.length ? (n(), d("div", Q, [
+            e.sizeTitle ? (n(), d("h4", U, b(e.sizeTitle), 1)) : c("", !0),
+            a("div", X, [
+              l.sortedSizes.length ? (n(!0), d(w, { key: 0 }, k(l.sortedSizes, (i, p) => {
+                var g, v, _, z, M;
+                return n(), d("div", null, [
+                  a("div", Y, [
+                    a("div", {
+                      class: V([l.maxWidht ? `w-[${l.maxWidht}]` : "", "mr-[10px]"])
+                    }, [
+                      a("div", {
+                        class: V(l.sizeClass(p)),
+                        style: I({
+                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[s.color]) == null ? void 0 : v[p]) || s.color
+                        })
+                      }, null, 6)
+                    ], 2),
+                    a("p", D, b(p === ((_ = l.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + i : p == ((z = l.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + l.sortedSizes[((M = l.sortedSizes) == null ? void 0 : M.length) - 1] : i + "-" + l.sortedSizes[p + 1]), 1)
+                  ])
+                ]);
+              }), 256)) : c("", !0)
+            ])
+          ])) : c("", !0)
+        ])
+      ])
+    ], 8, ["to"])) : c("", !0)
+  ], 64);
+}
+const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
+  components: {
+    VsMapSetting: F,
+    VsMapSlotLayers: T,
+    VsMapLegend: te,
+    VsMapGoHome: O,
+    VsList: H
+  },
+  data() {
+    return {
+      mapId: `map-${Math.floor(Math.random() * 1e3)}`,
+      layerId: `layer${Math.floor(Math.random() * 1e3)}`,
+      map: null,
+      hoverData: null,
+      data: null,
+      coordinatesByMouse: [],
+      showSetting: !1,
+      popup: null,
+      color: "#69D2E7"
+    };
+  },
+  methods: {
+    async createMap() {
+      const e = {
+        version: 8,
+        glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
+        sources: {},
+        layers: []
+      };
+      this.map = await new S.Map({
+        container: this.mapId,
+        style: e,
+        center: [31, 48.5],
+        zoom: 5,
+        minZoom: 3,
+        maxZoom: 20,
+        attributionControl: !1
+      }), this.map.addControl(
+        new S.NavigationControl({
+          visualizePitch: !0
+        })
+      ), this.map.on("load", () => {
+        this.loadHandler();
+      }), this.map.on("mousemove", (t) => {
+        this.moveMouseHadler(t);
+      }), this.map.on("mouseout", () => {
+        var t;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (t = this.popup) == null || t.remove();
+      });
+    },
+    moveMouseHadler(e) {
+      var t;
+      try {
+        const s = this.map.queryRenderedFeatures(e.point), o = ((t = s[0]) == null ? void 0 : t.properties) || {};
+        if (!s.length) {
+          this.map.getCanvas().style.cursor = "", this.popupElement && this.popupElement.remove();
+          return;
+        }
+        this.map.getCanvas().style.cursor = "pointer", this.popupElement && this.popupElement.remove(), this.popupElement = document.createElement("div"), this.popupElement.className = "absolute text-gray-800 border border-gray-200 rounded-lg shadow-md min-w-28", this.popupElement.style.backgroundColor = "rgba(255, 255, 255, 0.7)", this.popupElement.innerHTML = `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 rounded-t-lg  px-2 py-1">
+        ${(o == null ? void 0 : o.x) || (o == null ? void 0 : o.title) || (o == null ? void 0 : o.name) || ""}
+        </div>
+    
+        <div class="flex justify-between items-center text-xs px-2 py-0.5 text-gray-500 ">
+          <span class="flex items-center">
+            <span class="font-medium mr-[6px]">Значення</span>
+          </span>
+          <span>${(o == null ? void 0 : o.metric) || 0}</span>
+        </div>`;
+        const r = this.map.project(e.lngLat);
+        this.popupElement.style.left = `${r.x}px`, this.popupElement.style.top = `${r.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
+      } catch (s) {
+        console.error(s);
+      }
+    }
+  }
+}, oe = {
+  mixins: [R, N, se],
+  name: "VsMap",
+  async mounted() {
+    await this.getMapData(), await this.createMap();
+  },
+  methods: {
+    async getMapData() {
+      const t = await (await fetch(
+        `/api/bi-map?widget=${this.widget}&dashboard=${this.dashboard}`
+      )).json();
+      this.data = t;
+    },
+    async loadHandler() {
+      const e = ["#69D2E7", "yellow", "#FE4365"], t = this.data.colors ? ["match", ["get", "x"]].concat(
+        this.data.colors.reduce(
+          (l, m, h) => l.concat(m.val, e[h]),
+          []
+        )
+      ).concat(["gray"]) : "blue", s = [5, 7, 9, 11, 13], o = this.data.sizes ? ["case"] : 5;
+      this.data.sizes && (this.data.sizes.reverse().forEach((l, m) => {
+        o.push([">", ["get", "metric"], l]), o.push(s[m]);
+      }), o.push(5));
+      const r = {
+        type: "circle",
+        color: t,
+        width: 2,
+        radius: o,
+        stroke: "#eee"
+      };
+      Object.assign(r, this.data.style || {}), this.addVtileLayer({
+        id: "bi",
+        url: `${window.top.location.origin}/api/bi-vtile/{z}/{x}/{y}.vmt?widget=${this.widget}&dashboard=${this.dashboard}&nocache=1`,
+        style: r
+      });
+    }
+  }
+}, ae = ["id"], le = ["id"], ne = { ref: "popup" }, re = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" };
+function ie(e, t, s, o, r, l) {
+  var i, p, g;
+  const m = u("VsMapSetting"), h = u("VsMapSlotLayers"), x = u("VsMapLegend"), y = u("VsMapGoHome");
+  return n(), d("div", {
+    class: "relative w-full h-full",
+    id: `wrapper-${e.mapId}`
+  }, [
+    a("div", {
+      id: e.mapId,
+      class: "w-full flex items-end relative h-[250px]"
+    }, [
+      a("div", ne, null, 512)
+    ], 8, le),
+    e.showSetting ? (n(), E(m, {
+      key: 0,
+      map: e.map,
+      coordinates: e.coordinatesByMouse
+    }, null, 8, ["map", "coordinates"])) : c("", !0),
+    f(h, { map: e.map }, null, 8, ["map"]),
+    a("div", re, [
+      f(x, {
+        mapId: e.mapId,
+        colors: (i = e.data) == null ? void 0 : i.colors,
+        sizes: (p = e.data) == null ? void 0 : p.sizes,
+        color: e.color,
+        resizeItem: "true"
+      }, null, 8, ["mapId", "colors", "sizes", "color"]),
+      f(y, {
+        map: e.map,
+        bbox: (g = e.data) == null ? void 0 : g.bounds
+      }, null, 8, ["map", "bbox"])
+    ])
+  ], 8, ae);
+}
+const me = /* @__PURE__ */ C(oe, [["render", ie]]);
+export {
+  me as default
+};

package/dist/vs-map-cluster-D3AbUEU0.js

@@ -0,0 +1,309 @@
+import { c as R, l as A, p as N, b as P, V as Z, a as q, d as K, e as W, m as T } from "./vs-list-ONirzMum.js";
+import { _ as V, V as D, c as J, I as Q, e as U } from "./import-file-CcioJxEB.js";
+import { createElementBlock as h, createCommentVNode as S, openBlock as p, createElementVNode as l, normalizeClass as I, Fragment as O, renderList as F, toDisplayString as G, normalizeStyle as X, resolveComponent as u, withDirectives as z, createBlock as M, resolveDynamicComponent as Y, createVNode as w, vShow as C } from "vue";
+const j = {
+  components: { legendIcon: A, closeIcon: R },
+  props: {
+    mapId: { type: String },
+    colors: { type: Array },
+    sizes: { type: Array, default: () => [] },
+    cluster: { type: [Boolean, String] },
+    color: { type: String, default: "gray" },
+    colorTitle: { type: String },
+    sizesTitle: { type: String },
+    resizeItem: { type: [Boolean, String], default: !1 },
+    changeOpacityItem: { type: [Boolean, String], default: !1 }
+  },
+  data() {
+    return {
+      isOpenLegend: !1,
+      palette: N
+      // palette: ['#69D2E7', 'yellow', '#FE4365'],
+    };
+  },
+  computed: {
+    borderRadius() {
+      return this.cluster ? "rounded-sm" : "rounded-full";
+    },
+    sortedSizes() {
+      return [...this.sizes].sort((t, s) => t - s);
+    },
+    maxWidht() {
+      var n;
+      const t = ((n = this.sizes) == null ? void 0 : n.length) - 1;
+      return this.calcSize(t);
+    }
+  },
+  methods: {
+    sizeClass(t) {
+      return this.resizeItem ? `h-[${this.calcSize(t)}] w-[${this.calcSize(t)}] ${this.borderRadius}` : `h-[10px]  ${this.borderRadius}`;
+    },
+    calcSize(t) {
+      return `${10 + t * 2}px`;
+    },
+    getOpacity(t) {
+      return (t + 1) / this.sortedSizes.length;
+    }
+  }
+}, $ = {
+  key: 0,
+  class: "absolute flex items-end w-fit bottom-[10px] max-w-[80%] left-[50%] translate-x-[-50%] bg-[rgba(255,255,255,0.7)] p-[10px] rounded"
+}, ee = { class: "w-[80px] mr-[10px]" }, te = ["title"], se = { class: "text-[10px] mb-[2px] text-[#1F2937] font-normal leading-[1.2]" };
+function oe(t, s, n, a, e, o) {
+  var d;
+  return (d = n.sizes) != null && d.length ? (p(), h("div", $, [
+    l("div", ee, [
+      s[0] || (s[0] = l("p", { class: "text-[10px] mb-[2px] text-[#1F2937] leading-[1.2]" }, " Дані відсутні ", -1)),
+      l("div", {
+        class: I([o.sizeClass(t.index), "w-full border border-gray-500"])
+      }, null, 2)
+    ]),
+    o.sortedSizes.length ? (p(!0), h(O, { key: 0 }, F(o.sortedSizes, (c, i) => {
+      var v, x, _, m, g, y, f, b;
+      return p(), h("div", {
+        class: "w-[80px]",
+        title: i === ((v = o.sortedSizes) == null ? void 0 : v.length) - 1 ? ">" + c : i == ((x = o.sortedSizes) == null ? void 0 : x.length) - 1 ? ">" + o.sortedSizes[((_ = o.sortedSizes) == null ? void 0 : _.length) - 1] : c + "-" + o.sortedSizes[i + 1]
+      }, [
+        l("p", se, G(i === ((m = o.sortedSizes) == null ? void 0 : m.length) - 1 ? ">" + parseInt(c) : i == ((g = o.sortedSizes) == null ? void 0 : g.length) - 1 ? ">" + parseInt(o.sortedSizes[((y = o.sortedSizes) == null ? void 0 : y.length) - 1]) : parseInt(c) + "-" + parseInt(o.sortedSizes[i + 1])), 1),
+        l("div", {
+          class: I([o.sizeClass(i), "w-full border border-r-0 border-gray-500"]),
+          style: X({
+            backgroundColor: ((b = (f = e.palette) == null ? void 0 : f[n.color]) == null ? void 0 : b[i]) || n.color
+          })
+        }, null, 6)
+      ], 8, te);
+    }), 256)) : S("", !0)
+  ])) : S("", !0);
+}
+const re = /* @__PURE__ */ V(j, [["render", oe]]), ae = {}, ne = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
+};
+function le(t, s) {
+  return p(), h("svg", ne, s[0] || (s[0] = [
+    l("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    l("path", { d: "M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" }, null, -1),
+    l("path", { d: "M9 4v13" }, null, -1),
+    l("path", { d: "M15 7v13" }, null, -1)
+  ]));
+}
+const ie = /* @__PURE__ */ V(ae, [["render", le]]), pe = {
+  mixins: [J, W],
+  components: {
+    VsMapSetting: K,
+    VsClusterLegend: re,
+    VsMapGoHome: q,
+    VsList: Z,
+    VsMapSlotLayers: P,
+    VsListbar: D
+  },
+  data() {
+    return {
+      baseColor: "pink",
+      kattotg: "",
+      options: [
+        { id: "map", text: "Карта", component: ie },
+        { id: "table", text: "Таблиця", component: Q },
+        { id: "chart", text: "Віджет", component: U }
+      ],
+      activeTab: "map",
+      mapId: `map-${Math.floor(Math.random() * 1e3)}`,
+      layerId: `layer${Math.floor(Math.random() * 1e3)}`,
+      map: null,
+      hoverData: null,
+      data: null,
+      coordinatesByMouse: [],
+      showSetting: !1,
+      popup: null,
+      color: "#69D2E7",
+      label: "<div><icon-map/></div>"
+    };
+  },
+  async mounted() {
+    await this.getMapData(), await this.createMap();
+  },
+  watch: {
+    kattotg() {
+      this.loadHandler();
+    }
+  },
+  methods: {
+    async getMapData() {
+      const t = await fetch(
+        `/api/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`
+      );
+      this.data = await t.json();
+    },
+    async loadHandler() {
+      var a, e, o, d;
+      this.baseColor = ((a = this.data.style) == null ? void 0 : a.color) || "blue";
+      const t = ["case"];
+      (d = (o = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : o.reverse()) == null || d.forEach((c, i) => {
+        t.push([">", ["get", "metric"], c]), t.push(N[this.baseColor][i]), i++;
+      }), t.push("gray");
+      const s = {
+        type: "polygon",
+        color: t,
+        opacity: 0.4
+      };
+      Object.assign(s, this.data.style || {}), this.map.getSource("bi") || this.addVtileLayer({
+        id: "bi",
+        url: `${window.location.origin}/api/bi-cluster-vtile/{z}/{x}/{y}.vmt?widget=${this.widget}&dashboard=${this.dashboard}&nocache=1`,
+        style: s
+      }), this.map.getLayer("highlighted") && this.map.removeLayer("highlighted"), this.map.getSource("highlighted") && this.map.removeSource("highlighted");
+      const n = ["case"];
+      this.kattotg && n.push(
+        ["==", ["to-string", ["get", "name"]], String(this.kattotg)],
+        "red"
+      ), n.push("transparent"), this.map.addLayer({
+        id: "highlighted",
+        type: "fill",
+        source: "bi",
+        "source-layer": "bi",
+        paint: {
+          "fill-color": n,
+          "fill-opacity": 0.6
+        }
+      });
+    },
+    async createMap() {
+      const t = {
+        version: 8,
+        glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
+        sources: {},
+        layers: []
+      };
+      this.map = await new T.Map({
+        container: this.mapId,
+        style: t,
+        center: [31, 48.5],
+        zoom: 5,
+        minZoom: 3,
+        maxZoom: 20,
+        attributionControl: !1
+      }), this.map.addControl(
+        new T.NavigationControl({
+          visualizePitch: !0
+        })
+      ), this.map.on("load", () => {
+        this.loadHandler();
+      }), this.map.on("mousemove", (s) => {
+        this.moveMouseHadler(s);
+      }), this.map.on("mouseout", () => {
+        var s;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.remove();
+      });
+    },
+    moveMouseHadler(t) {
+      var s;
+      try {
+        const n = this.map.queryRenderedFeatures(t.point), a = ((s = n[0]) == null ? void 0 : s.properties) || {};
+        if (!n.length) {
+          this.map.getCanvas().style.cursor = "", this.popupElement && this.popupElement.remove();
+          return;
+        }
+        this.map.getCanvas().style.cursor = "pointer", this.popupElement && this.popupElement.remove(), this.popupElement = document.createElement("div"), this.popupElement.className = "absolute text-gray-800 border border-gray-200 rounded-lg shadow-md min-w-28", this.popupElement.style.backgroundColor = "rgba(255, 255, 255, 0.7)", this.popupElement.innerHTML = `<div class="px-2 py-1 text-sm font-semibold text-gray-800 border-b border-gray-200 border-solid rounded-t-lg">
+        ${(a == null ? void 0 : a.x) || (a == null ? void 0 : a.title) || (a == null ? void 0 : a.name) || ""}
+        </div>
+    
+        <div class="flex justify-between items-center text-xs px-2 py-0.5 text-gray-500 ">
+          <span class="flex items-center">
+            <span class="font-medium mr-[6px]">Значення</span>
+          </span>
+          <span>${(a == null ? void 0 : a.metric) || 0}</span>
+        </div>`;
+        const e = this.map.project(t.lngLat);
+        this.popupElement.style.left = `${e.x}px`, this.popupElement.style.top = `${e.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
+      } catch (n) {
+        console.error(n);
+      }
+    }
+  }
+}, ce = { class: "h-full" }, de = { class: "flex items-start justify-between mb-[6px] w-full" }, he = { class: "text-gray-800 font-[600]" }, ue = { class: "flex gap-2" }, me = ["onClick"], ge = ["id"], ye = ["id"], fe = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" }, be = { class: "h-[calc(250px)]" };
+function ve(t, s, n, a, e, o) {
+  var m, g, y, f, b, k, L, E, B, H;
+  const d = u("VsMapSetting"), c = u("VsMapSlotLayers"), i = u("VsMapGoHome"), v = u("VsClusterLegend"), x = u("VsList"), _ = u("VsListbar");
+  return p(), h("div", ce, [
+    l("div", de, [
+      l("h3", he, G(t.title), 1),
+      l("div", ue, [
+        (p(!0), h(O, null, F(e.options, (r) => (p(), h("button", {
+          class: I(["p-1 text-gray-700 border rounded-lg", [e.activeTab === (r == null ? void 0 : r.id) ? "ring-2 ring-blue-500" : ""]]),
+          onClick: (xe) => e.activeTab = r == null ? void 0 : r.id
+        }, [
+          (p(), M(Y(r == null ? void 0 : r.component), {
+            height: "24",
+            width: "24"
+          }))
+        ], 10, me))), 256))
+      ])
+    ]),
+    z(l("div", {
+      class: "relative w-full h-[calc(100%-40px)]",
+      id: `wrapper-${e.mapId}`
+    }, [
+      l("div", {
+        id: e.mapId,
+        class: "h-[calc(100%-40px)] w-full flex items-end min-h-[250px]"
+      }, null, 8, ye),
+      e.showSetting ? (p(), M(d, {
+        key: 0,
+        map: e.map,
+        coordinates: e.coordinatesByMouse
+      }, null, 8, ["map", "coordinates"])) : S("", !0),
+      w(c, { map: e.map }, null, 8, ["map"]),
+      l("div", fe, [
+        w(i, {
+          map: e.map,
+          bbox: (m = e.data) == null ? void 0 : m.bounds
+        }, null, 8, ["map", "bbox"])
+      ]),
+      w(v, {
+        mapId: e.mapId,
+        colors: (g = e.data) == null ? void 0 : g.colors,
+        sizes: (y = e.data) == null ? void 0 : y.sizes,
+        color: e.baseColor,
+        changeOpacityItem: "true",
+        cluster: "true"
+      }, null, 8, ["mapId", "colors", "sizes", "color"])
+    ], 8, ge), [
+      [C, e.activeTab == "map"]
+    ]),
+    z(w(x, {
+      mapId: e.mapId,
+      source: (f = e.data) == null ? void 0 : f.rows,
+      total: ((b = e.data) == null ? void 0 : b.total) || 0,
+      count: ((k = e.data) == null ? void 0 : k.count) || 0,
+      onKattotg: s[0] || (s[0] = (r) => e.kattotg = r)
+    }, null, 8, ["mapId", "source", "total", "count"]), [
+      [C, e.activeTab == "table"]
+    ]),
+    z(l("div", be, [
+      (E = (L = e.data) == null ? void 0 : L.rows) != null && E.length ? (p(), M(_, {
+        key: 0,
+        source: (H = (B = e.data) == null ? void 0 : B.rows) == null ? void 0 : H.map((r) => ({
+          title: r == null ? void 0 : r.title,
+          metric: r == null ? void 0 : r.metric
+        }))
+      }, null, 8, ["source"])) : S("", !0)
+    ], 512), [
+      [C, e.activeTab == "chart"]
+    ])
+  ]);
+}
+const ze = /* @__PURE__ */ V(pe, [["render", ve]]);
+export {
+  ze as default
+};

package/dist/{vs-number-Bg_z0D1y.js → vs-number-BwR2niBA.js}

@@ -1,4 +1,4 @@
-import { _ as c, c as o, f as n } from "./import-file-DXZLuS8B.js";
+import { _ as c, c as o, f as n } from "./import-file-CcioJxEB.js";
 import { createElementBlock as i, openBlock as m, toDisplayString as s } from "vue";
 const u = {
   name: "VsNumber",

package/dist/{vs-table-DqJ9ioWo.js → vs-table-BgSOqPFX.js}

@@ -1,4 +1,4 @@
-import { _ as m, c as f, d as _, a as b } from "./import-file-DXZLuS8B.js";
+import { _ as m, c as f, d as _, a as b } from "./import-file-CcioJxEB.js";
 import { createElementBlock as a, openBlock as r, createElementVNode as s, Fragment as n, renderList as c, toDisplayString as d } from "vue";
 const x = {
   name: "VsTable",

package/dist/{vs-text-BLhX4iot.js → vs-text-L2QtfpkN.js}

@@ -1,5 +1,5 @@
-import { _ as o, c as s, m as a } from "./import-file-DXZLuS8B.js";
-import { createElementBlock as r, openBlock as n, createCommentVNode as i } from "vue";
+import { _ as o, c as s, m as i } from "./import-file-CcioJxEB.js";
+import { createElementBlock as r, openBlock as n, createCommentVNode as a } from "vue";
 const c = {
   name: "VsText",
   mixins: [s],
@@ -12,7 +12,7 @@ const c = {
   async mounted() {
     this.uniqueID = this.widget;
     try {
-      await this.getData(), this.markedText = a(this.sourceData);
+      await this.getData(), this.markedText = i(this.sourceData);
     } catch (t) {
       console.error(t);
     }
@@ -23,18 +23,18 @@ const c = {
     }
   }
 }, u = ["id"], d = ["innerHTML"];
-function l(t, m, h, x, e, _) {
+function l(t, m, x, h, e, _) {
   return n(), r("div", {
     id: e.uniqueID,
-    class: "relative select-auto h-[calc(100%-40px)] py-4 rounded-xl p-4 box-border bg-white custom-scrollbar"
+    class: "relative select-auto h-full rounded-xl text-[12px] box-border bg-white custom-scrollbar text-widget"
   }, [
     e.markedText ? (n(), r("div", {
       key: 0,
       innerHTML: e.markedText
-    }, null, 8, d)) : i("", !0)
+    }, null, 8, d)) : a("", !0)
   ], 8, u);
 }
-const T = /* @__PURE__ */ o(c, [["render", l]]);
+const k = /* @__PURE__ */ o(c, [["render", l]]);
 export {
-  T as default
+  k as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/bi",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "description": "BI data visualization module",
   "main": "dist/bi.js",
   "browser": "dist/bi.umd.cjs",

package/server/routes/data/controllers/data.js

@@ -19,7 +19,7 @@ const maxLimit = 100;
 export default async function dataAPI(req, reply) {
   const time = Date.now();
 
-  const { query = {}, unittest } = req;
+  const { query = {}, user = {}, unittest } = req;
 
   query.metric = Array.isArray(query.metric) ? query.metric.pop() : query.metric;
 
@@ -139,8 +139,8 @@ export default async function dataAPI(req, reply) {
     };
   }
 
-  if (config.debug) console.log(sql);
-  const { rows, fields } = await pg.query(sql); // test with limit
+  if (config.debug) console.log(sql, user?.uid);
+  const { rows, fields } = await pg.query(sql.replace('{{uid}}', user?.uid)); // test with limit
 
   if (cls) {
     const values = rows