@opengis/bi 1.0.13 → 1.0.14

package/dist/style.css

@@ -1 +1 @@
-.custom-x-scrollbar{overflow-x:auto;overflow-y:clip}.custom-x-scrollbar::-webkit-scrollbar{height:6px}.custom-x-scrollbar::-webkit-scrollbar-thumb{background-color:#e0e0e0}.custom-x-scrollbar::-webkit-scrollbar-track{background-color:#f1f1f1}.ui-dialog__wrapper[data-v-5dd8dafb]{z-index:10001;position:relative}.ui-dialog__modal[data-v-5dd8dafb]{margin:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-height:0;height:fit-content;max-height:80vh;overflow:hidden}.ui-dialog__content[data-v-5dd8dafb]{min-height:0;height:100%;overflow:auto}.ui-dialog__content[data-v-5dd8dafb]::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}.ui-dialog__content[data-v-5dd8dafb]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d9d9d9bf}.ui-dialog__content[data-v-5dd8dafb]::-webkit-scrollbar-track{background-color:#f5f5f5}@media (max-width: 650px){.ui-dialog__modal[data-v-5dd8dafb]{top:50%}}.fade-enter-active[data-v-5dd8dafb],.fade-leave-active[data-v-5dd8dafb]{transition:opacity .2s}.fade-enter-from[data-v-5dd8dafb],.fade-leave-to[data-v-5dd8dafb]{opacity:0}.content-enter-active[data-v-5dd8dafb],.content-leave-active[data-v-5dd8dafb]{transition:transform .4s}.content-enter-from[data-v-5dd8dafb],.content-leave-to[data-v-5dd8dafb]{transform:translate(-50%,-50%) scale(.95)}.vs-chart{width:100%;height:100%}.vs-chart-tooltip{border-radius:7px;max-height:100px;max-width:340px;min-width:140px;background-color:#fff;box-shadow:0 0 8px #0000002e}.vs-chart-tooltip__head{padding:5px;border-bottom:1px solid #eee;margin-bottom:5px}.vs-chart-tooltip__head-title{font-size:14px;font-weight:700;display:flex;align-items:center}.vs-chart-tooltip__head-value{margin-right:5px}.vs-chart-tooltip__head-series{font-size:14px;display:flex;align-items:center}.vs-chart-tooltip__color{width:12px;height:12px;display:block;border-radius:50%;margin-right:5px}.vs-chart-tooltip__body{padding:5px;font-size:14px;display:flex;align-items:start;flex-direction:column}.vs-chart-tooltip__body .vs-chart-tooltip__color{border-radius:3px}.vs-chart-tooltip__item{width:100%;display:flex;align-items:center;justify-content:space-between}.vs-chart-tooltip__text{margin-right:auto}.vs-chart-tooltip__body svg{margin-right:8px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.vs-map-portal__legend{position:absolute;bottom:10px;right:10px}.map__settings{display:flex;padding:3px 1px;background:#fff;position:absolute;right:0;bottom:15px;height:30px;align-items:center;font-weight:100;text-align:center}.map__settings-item{display:flex;white-space:nowrap;padding:0 2px;font-size:10px;font-weight:400}.map__settings-attribution{padding:0}.map__settings-menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:15px!important;position:absolute;background-color:#fff;bottom:60px;right:90px;width:260px}.map__settings-menu-item{display:flex;align-items:center;color:#2c2c2c;margin-bottom:5px;font-size:12px;justify-content:space-between;height:28px}.map__settings-menu-item-text{height:28px;line-height:28px;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:12px;height:40px;line-height:40px;outline:0;padding:0 10px}.map__settings-menu-item--checktext{color:#000!important;font-size:12px;display:inline-block;padding-left:10px;line-height:19px;cursor:pointer}.checked{color:#409eff!important}.vs-map-slot-layers[data-v-490e9838]{position:absolute;display:flex;bottom:10px;left:15px}.vs-map-slot-layers__layer[data-v-490e9838]{width:50px;height:50px;background-color:#fff;box-shadow:0 0 7px #434c5626;padding:5px;border-radius:5px;margin-top:10px;margin-right:10px;cursor:pointer;transition:all .3s}.vs-map-slot-layers__layer[data-v-490e9838]:hover{background-color:#eee}.vs-map-slot-layers__image[data-v-490e9838]{width:100%;border-radius:5px;object-fit:contain}.focused[data-v-490e9838]{background-color:#1989fa!important}.vs-map-portal__list{position:absolute}.vs-map-portal__legend-title{padding-bottom:5px;border-bottom:1px solid #ebebeb}.vs-map-portal__legend-button{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;height:35px;background-color:#fff;border-radius:5px;border:1px solid #dcdfe5;padding:5px}.vs-map-portal__legend-body{background-color:#fff;border-radius:5px;border:1px solid #dcdfe5;padding:5px;width:250px;max-height:250px}.vs-map-portal__legend-body__content{padding-top:10px}.vs-map-portal__legend-category{font-weight:700;margin-bottom:5px}.vs-map-portal__legend-item{margin-right:10px;display:flex;flex-shrink:0}.vs-map-portal__legend-item__color{width:16px;height:16px;border-radius:3px;margin-right:10px;display:flex;flex-shrink:0}.maplibregl-popup-content{padding:0}
+.custom-x-scrollbar{overflow-x:auto;overflow-y:clip}.custom-x-scrollbar::-webkit-scrollbar{height:6px}.custom-x-scrollbar::-webkit-scrollbar-thumb{background-color:#e0e0e0}.custom-x-scrollbar::-webkit-scrollbar-track{background-color:#f1f1f1}.ui-dialog__wrapper[data-v-e51369e3]{position:relative}.ui-dialog__modal[data-v-e51369e3]{margin:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-height:0;height:fit-content;max-height:80vh;overflow:hidden}.ui-dialog__content[data-v-e51369e3]{min-height:0;height:100%;overflow:auto}.ui-dialog__content[data-v-e51369e3]::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}.ui-dialog__content[data-v-e51369e3]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d9d9d9bf}.ui-dialog__content[data-v-e51369e3]::-webkit-scrollbar-track{background-color:#f5f5f5}@media (max-width: 650px){.ui-dialog__modal[data-v-e51369e3]{top:50%}}.fade-enter-active[data-v-e51369e3],.fade-leave-active[data-v-e51369e3]{transition:opacity .2s}.fade-enter-from[data-v-e51369e3],.fade-leave-to[data-v-e51369e3]{opacity:0}.content-enter-active[data-v-e51369e3],.content-leave-active[data-v-e51369e3]{transition:transform .4s}.content-enter-from[data-v-e51369e3],.content-leave-to[data-v-e51369e3]{transform:translate(-50%,-50%) scale(.95)}.vs-chart{width:100%;height:100%}.vs-chart-tooltip{border-radius:7px;max-height:100px;max-width:340px;min-width:140px;background-color:#fff;box-shadow:0 0 8px #0000002e}.vs-chart-tooltip__head{padding:5px;border-bottom:1px solid #eee;margin-bottom:5px}.vs-chart-tooltip__head-title{font-size:14px;font-weight:700;display:flex;align-items:center}.vs-chart-tooltip__head-value{margin-right:5px}.vs-chart-tooltip__head-series{font-size:14px;display:flex;align-items:center}.vs-chart-tooltip__color{width:12px;height:12px;display:block;border-radius:50%;margin-right:5px}.vs-chart-tooltip__body{padding:5px;font-size:14px;display:flex;align-items:start;flex-direction:column}.vs-chart-tooltip__body .vs-chart-tooltip__color{border-radius:3px}.vs-chart-tooltip__item{width:100%;display:flex;align-items:center;justify-content:space-between}.vs-chart-tooltip__text{margin-right:auto}.vs-chart-tooltip__body svg{margin-right:8px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.vs-map-portal__legend{position:absolute;bottom:10px;right:45px}.map__settings{display:flex;padding:3px 1px;background:#fff;position:absolute;right:0;bottom:15px;height:30px;align-items:center;font-weight:100;text-align:center}.map__settings-item{display:flex;white-space:nowrap;padding:0 2px;font-size:10px;font-weight:400}.map__settings-attribution{padding:0}.map__settings-menu{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:15px!important;position:absolute;background-color:#fff;bottom:60px;right:90px;width:260px}.map__settings-menu-item{display:flex;align-items:center;color:#2c2c2c;margin-bottom:5px;font-size:12px;justify-content:space-between;height:28px}.map__settings-menu-item-text{height:28px;line-height:28px;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:12px;height:40px;line-height:40px;outline:0;padding:0 10px}.map__settings-menu-item--checktext{color:#000!important;font-size:12px;display:inline-block;padding-left:10px;line-height:19px;cursor:pointer}.checked{color:#409eff!important}.vs-map-slot-layers[data-v-aebbde6b]{position:absolute;display:flex;bottom:10px;left:15px}.vs-map-slot-layers__layer[data-v-aebbde6b]{width:50px;height:50px;background-color:#fff;box-shadow:0 0 7px #434c5626;padding:5px;border-radius:5px;margin-top:10px;margin-right:10px;cursor:pointer;transition:all .3s}.vs-map-slot-layers__layer[data-v-aebbde6b]:hover{background-color:#eee}.vs-map-slot-layers__image[data-v-aebbde6b]{width:100%;border-radius:5px;object-fit:contain}.focused[data-v-aebbde6b]{background-color:#1989fa!important}.vs-map-portal__list{position:absolute}.vs-map-portal__legend-title{padding-bottom:5px;border-bottom:1px solid #ebebeb}.vs-map-portal__legend-button{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;height:35px;background-color:#fff;border-radius:5px;border:1px solid #dcdfe5;padding:5px}.vs-map-portal__legend-body{background-color:#fff;border-radius:5px;border:1px solid #dcdfe5;padding:5px;width:250px;max-height:250px}.vs-map-portal__legend-body__content{padding-top:10px}.vs-map-portal__legend-category{font-weight:700;margin-bottom:5px}.vs-map-portal__legend-item{margin-right:10px;display:flex;flex-shrink:0}.vs-map-portal__legend-item__color{width:16px;height:16px;border-radius:3px;margin-right:10px;display:flex;flex-shrink:0}.maplibregl-popup-content{padding:0}

package/dist/{vs-calendar-WiK1hcHS.js → vs-calendar-cOoinEwc.js}

@@ -1,10 +1,12 @@
-import { _ as s, c as o, g as l, i as c, t as h, j as p } from "./import-file-1T7kpSzt.js";
-import { openBlock as d, createElementBlock as m } from "vue";
-const u = {
+import { _ as s, c as o, i as l, t as c, h } from "./import-file-DUp3rsNI.js";
+import { openBlock as p, createElementBlock as d } from "vue";
+const m = {
+  name: "VsCalendar",
   mixins: [o],
+  name: "VsCalendar",
   data() {
     return {
-      myChartvt: null,
+      chartInstance: null,
       label: null,
       uniqueID: null
     };
@@ -15,36 +17,37 @@ const u = {
     }
   },
   async mounted() {
-    this.uniqueID = l(), await this.$nextTick(), await this.getData(), this.initChart();
+    this.uniqueID = this.widget, await this.$nextTick(), await this.getData(), this.initChart();
   },
   methods: {
     prepareData() {
-      var a;
       try {
-        const t = Object.keys((a = this.sourceData) == null ? void 0 : a[0]);
         return this.sourceData.map((e) => [
-          e[t[0]].split("T")[0],
-          Number(e[t[1]])
+          e[this.dimensions[0]].split("T")[0],
+          Number(e[this.dimensions[1]])
         ]);
       } catch (t) {
         console.error(t);
       }
     },
     getCalendarRange() {
-      var i;
-      const a = Object.keys((i = this.sourceData) == null ? void 0 : i[0]), t = this.sourceData.map((n) => new Date(n[a[0]].split("T")[0])), r = new Date(Math.min(...t)), e = new Date(Math.max(...t));
-      return [r.getFullYear().toString(), e.getFullYear().toString()];
+      const t = this.sourceData.map((r) => new Date(r[this.dimensions[0]].split("T")[0])), e = new Date(Math.min(...t)), a = new Date(Math.max(...t));
+      return [
+        e.getFullYear().toString(),
+        a.getFullYear().toString()
+      ];
     },
     async initChart() {
-      var a, t;
+      var t, e;
       try {
-        const r = document.getElementById(this.uniqueID), e = c(r);
-        console.log(this.calendarRange);
-        const i = {
+        const a = this.$refs.chart, r = l(a), i = {
           tooltip: {
-            ...h((a = this.styleData) == null ? void 0 : a.tooltip, (t = this.styleData) == null ? void 0 : t.show_tooltip),
+            ...c(
+              (t = this.styleData) == null ? void 0 : t.tooltip,
+              (e = this.styleData) == null ? void 0 : e.show_tooltip
+            ),
             trigger: "item",
-            formatter: (n) => p(n)
+            formatter: (n) => h(n)
           },
           visualMap: {
             min: Math.min(...this.prepareData().map((n) => n[1])),
@@ -75,22 +78,22 @@ const u = {
             }
           }
         };
-        e.setOption(i), e.resize(), window.addEventListener("resize", () => {
-          e.resize();
+        r.setOption(i), r.resize(), window.addEventListener("resize", () => {
+          r.resize();
         });
-      } catch (r) {
-        console.error(r);
+      } catch (a) {
+        console.error(a);
       }
     }
   }
-}, D = ["id"];
-function g(a, t, r, e, i, n) {
-  return d(), m("div", {
-    id: i.uniqueID,
-    class: "h-full w-full min-h-[200px] pb-2"
-  }, null, 8, D);
+}, u = {
+  ref: "chart",
+  class: "h-full w-full min-h-[200px] pb-2"
+};
+function D(t, e, a, r, i, n) {
+  return p(), d("div", u, null, 512);
 }
-const _ = /* @__PURE__ */ s(u, [["render", g]]);
+const y = /* @__PURE__ */ s(m, [["render", D]]);
 export {
-  _ as default
+  y as default
 };

package/dist/vs-funnel-bar-kLkPoIhJ.js

@@ -0,0 +1,105 @@
+import { _ as o, c, a as h, b as l, d as n, i as d } from "./import-file-DUp3rsNI.js";
+import { openBlock as p, createElementBlock as u } from "vue";
+const m = {
+  mixins: [c],
+  name: "VsFunnelBar",
+  data() {
+    return {
+      chartInstance: null,
+      uniqueID: null
+    };
+  },
+  async mounted() {
+    this.uniqueID = this.widget, await this.$nextTick(), await this.getData();
+    const { series: t } = this.prepareData();
+    t && this.initChart(t);
+  },
+  methods: {
+    buildTooltipForDonut(t, r) {
+      const { name: s, value: a, percent: e } = t;
+      return `
+        <div style="background-color:${r[0]};font-size: 12px; font-family: Helvetica, Arial, sans-serif;color:#ffff; padding:5px; border-radius:5px; ![box-shadow:none]">
+          ${h(s)}: ${l(a)} (${e}%)
+        </div>`;
+    },
+    onChangedData() {
+      try {
+        if (this.sourceData) {
+          const { series: t, xs: r, ys: s } = this.prepareData();
+          t && (this == null || this.initChart(t, r, s));
+        }
+      } catch {
+      }
+    },
+    prepareData() {
+      try {
+        const t = Array.from(
+          new Set(this.sourceData.map((e) => e[this.dimensions[0]]))
+        ), r = Array.from(
+          new Set(this.sourceData.map((e) => e[this.dimensions[1]]))
+        ), s = t.map((e, i) => ({
+          name: e,
+          value: r[i]
+        }));
+        return { series: [
+          {
+            name: this.titleCharts ? this.titleCharts : this.dimensions[0],
+            type: "funnel",
+            ...n(this.styleData),
+            data: s,
+            height: "100%",
+            emphasis: {
+              label: {
+                show: !1
+              }
+            }
+          }
+        ] };
+      } catch (t) {
+        console.error(t);
+      }
+    },
+    async initChart(t) {
+      try {
+        const r = this.$refs.chart, s = d(r), a = {
+          series: t,
+          ...n(this.styleData),
+          tooltip: {
+            trigger: "item",
+            formatter: (e) => this.buildTooltipForDonut(e, [e.color]),
+            borderWidth: 0,
+            appendToBody: !0,
+            borderColor: "transparent",
+            textStyle: {
+              color: "#000"
+            },
+            padding: [10, 15],
+            shadowColor: "transparent",
+            backgroundColor: "transparent"
+          },
+          itemStyle: {
+            height: "15px"
+          },
+          labelLine: {
+            show: !1
+          }
+        };
+        s.setOption(a), s.resize(), window.addEventListener("resize", () => {
+          s.resize();
+        });
+      } catch (r) {
+        console.error(r);
+      }
+    }
+  }
+}, f = {
+  ref: "chart",
+  class: "h-[90%] custom-scrollbar min-h-[200px]"
+};
+function y(t, r, s, a, e, i) {
+  return p(), u("div", f, null, 512);
+}
+const b = /* @__PURE__ */ o(m, [["render", y]]);
+export {
+  b as default
+};

package/dist/vs-heatmap-3XAVGTSo.js

@@ -0,0 +1,98 @@
+import { _ as m, c as u, a as d, i as f, t as x, e as y, g as c, d as D } from "./import-file-DUp3rsNI.js";
+import { openBlock as _, createElementBlock as g } from "vue";
+const w = {
+  name: "VsHeatmap",
+  mixins: [u],
+  name: "VsHeatmap",
+  data() {
+    return {
+      chartInstance: null,
+      label: null,
+      uniqueID: null
+    };
+  },
+  async mounted() {
+    this.uniqueID = this.widget, await this.$nextTick(), await this.getData();
+    const { series: t, xs: s, ys: a } = this.prepareData();
+    t && this.initChart(t, s, a, !0);
+  },
+  methods: {
+    onChangedData() {
+      try {
+        if (this.sourceData) {
+          const { series: t, xs: s, ys: a } = this.prepareData();
+          t && (this == null || this.initChart(t, s, a));
+        }
+      } catch {
+        return null;
+      }
+    },
+    prepareData() {
+      try {
+        const t = Array.from(
+          new Set(this.sourceData.map((e) => e[this.dimensions[0]]))
+        );
+        let s;
+        this.dimensions[0].includes("date") ? s = t.map((e) => d(e)) : s = [...t];
+        const a = this.dimensions.filter((e, i) => i != 0), r = [];
+        for (let e = 0; e < s.length; e++)
+          for (let i = 0; i < a.length; i++)
+            r.push([e, i, this.sourceData[e][a[i]]]);
+        return { series: {
+          name: this.titleCharts ? this.titleCharts : this.dimensions[0],
+          type: "heatmap",
+          data: r
+        }, xs: s, ys: a };
+      } catch (t) {
+        return console.error(t), null;
+      }
+    },
+    async initChart(t, s, a) {
+      var r, n, e, i;
+      try {
+        const o = this.$refs.chart, l = f(o), h = {
+          tooltip: {
+            ...x(
+              (r = this.styleData) == null ? void 0 : r.tooltip,
+              (n = this.styleData) == null ? void 0 : n.show_tooltip
+            ),
+            trigger: "item",
+            formatter: (p) => y(p)
+          },
+          xAxis: {
+            data: s,
+            axisLabel: c((e = this.styleData) == null ? void 0 : e.x_axis)
+          },
+          visualMap: {
+            min: 0,
+            max: 1e6,
+            calculable: !0,
+            orient: "horizontal",
+            left: "center"
+          },
+          yAxis: {
+            data: a,
+            axisLabel: c((i = this.styleData) == null ? void 0 : i.y_axis)
+          },
+          series: t,
+          ...D(this.styleData)
+        };
+        l.setOption(h), l.resize(), window.addEventListener("resize", () => {
+          l.resize();
+        });
+      } catch (o) {
+        console.error(o);
+      }
+    }
+  }
+}, b = {
+  ref: "chart",
+  class: "h-full w-full min-h-[200px] pb-2"
+};
+function C(t, s, a, r, n, e) {
+  return _(), g("div", b, null, 512);
+}
+const z = /* @__PURE__ */ m(w, [["render", C]]);
+export {
+  z as default
+};

package/dist/vs-map-B1tr6V5_.js

@@ -0,0 +1,74 @@
+import { l as g, m as M } from "./map-component-mixin-CGM0P5ub.js";
+import { _ as w, c as y } from "./import-file-DUp3rsNI.js";
+import { resolveComponent as i, openBlock as u, createElementBlock as _, createElementVNode as r, createBlock as V, createCommentVNode as v, createVNode as d } from "vue";
+const x = {
+  mixins: [y, g, M],
+  name: "VsMap",
+  async mounted() {
+    await this.getMapData(), await this.createMap();
+  },
+  methods: {
+    async getMapData() {
+      const s = await (await fetch(
+        `/api/bi-map?widget=${this.widget}&dashboard=${this.dashboard}`
+      )).json();
+      this.data = s;
+    },
+    async loadHandler() {
+      const a = ["#69D2E7", "yellow", "#FE4365"], s = this.data.colors ? ["match", ["get", "x"]].concat(
+        this.data.colors.reduce(
+          (o, t, c) => o.concat(t.val, a[c]),
+          []
+        )
+      ).concat(["gray"]) : "blue", l = [5, 7, 9, 11, 13], e = this.data.sizes ? ["case"] : 5;
+      this.data.sizes && (this.data.sizes.reverse().forEach((o, t) => {
+        e.push([">", ["get", "metric"], o]), e.push(l[t]);
+      }), e.push(5));
+      const n = {
+        type: "circle",
+        color: s,
+        width: 2,
+        radius: e,
+        stroke: "#eee"
+      };
+      Object.assign(n, this.data.style || {}), this.addVtileLayer({
+        id: "bi",
+        url: `${window.location.origin}/api/bi-vtile/{z}/{x}/{y}.vmt?widget=${this.widget}&dashboard=${this.dashboard}&nocache=1`,
+        style: n
+      });
+    }
+  }
+}, $ = { class: "h-full w-full relative" }, z = ["id"], k = { ref: "popup" }, E = { class: "absolute h-[50px] flex w-[80px] justify-end rounded-[7px] bottom-[40px] right-[10px]" };
+function L(a, s, l, e, n, o) {
+  var p, m, h;
+  const t = i("VsMapSetting"), c = i("VsMapSlotLayers"), f = i("VsMapGoHome"), b = i("VsMapLegend");
+  return u(), _("div", $, [
+    r("div", {
+      id: a.mapId,
+      class: "h-[96%] w-full flex items-end relative min-h-[250px]"
+    }, [
+      r("div", k, null, 512)
+    ], 8, z),
+    a.showSetting ? (u(), V(t, {
+      key: 0,
+      map: a.map,
+      coordinates: a.coordinatesByMouse
+    }, null, 8, ["map", "coordinates"])) : v("", !0),
+    d(c, { map: a.map }, null, 8, ["map"]),
+    r("div", E, [
+      d(f, {
+        map: a.map,
+        bbox: (p = a.data) == null ? void 0 : p.bbox
+      }, null, 8, ["map", "bbox"]),
+      d(b, {
+        colors: (m = a.data) == null ? void 0 : m.colors,
+        sizes: (h = a.data) == null ? void 0 : h.sizes,
+        color: a.color
+      }, null, 8, ["colors", "sizes", "color"])
+    ])
+  ]);
+}
+const C = /* @__PURE__ */ w(x, [["render", L]]);
+export {
+  C as default
+};

package/dist/{vs-map-cluster-Dfe9INqE.js → vs-map-cluster-BWJPx7wE.js}

@@ -1,15 +1,16 @@
-import { l as V, m as v } from "./map-component-mixin-BLM9iEWA.js";
-import { _, c as $ } from "./import-file-1T7kpSzt.js";
+import { l as V, m as v } from "./map-component-mixin-CGM0P5ub.js";
+import { _, c as $ } from "./import-file-DUp3rsNI.js";
 import { resolveComponent as d, openBlock as M, createElementBlock as L, createVNode as p, createElementVNode as w, createBlock as S, createCommentVNode as k } from "vue";
 function C(t, n) {
   t = t.replace(/^#/, ""), t.length === 3 && (t = t.split("").map((r) => r + r).join(""));
-  const o = parseInt(t.substring(0, 2), 16) / 255, s = parseInt(t.substring(2, 4), 16) / 255, a = parseInt(t.substring(4, 6), 16) / 255, e = Math.max(o, s, a), l = Math.min(o, s, a);
-  let i, c, m = (e + l) / 2;
-  if (e === l)
-    i = c = 0;
+  const o = parseInt(t.substring(0, 2), 16) / 255, s = parseInt(t.substring(2, 4), 16) / 255, a = parseInt(t.substring(4, 6), 16) / 255, e = Math.max(o, s, a), c = Math.min(o, s, a);
+  let i, l;
+  const m = (e + c) / 2;
+  if (e === c)
+    i = l = 0;
   else {
-    const r = e - l;
-    switch (c = m > 0.5 ? r / (2 - e - l) : r / (e + l), e) {
+    const r = e - c;
+    switch (l = m > 0.5 ? r / (2 - e - c) : r / (e + c), e) {
       case o:
         i = (s - a) / r + (s < a ? 6 : 0);
         break;
@@ -22,13 +23,13 @@ function C(t, n) {
     }
     i /= 6;
   }
-  return `hsl(${Math.round(i * 360)},${Math.round(c * 100)}%,${n}%)`;
+  return `hsl(${Math.round(i * 360)},${Math.round(l * 100)}%,${n}%)`;
 }
 function H(t, n) {
   var e;
   const o = document.createElement("div");
   o.style.color = t, document.body.appendChild(o);
-  let s = ((e = window.getComputedStyle(o)) == null ? void 0 : e.color) || [];
+  const s = ((e = window.getComputedStyle(o)) == null ? void 0 : e.color) || [];
   document.body.removeChild(o);
   const a = s.match(/\d+/g).map(Number) || [];
   return this.rgbToHSL(a[0], a[1], n);
@@ -43,7 +44,9 @@ const E = {
   },
   methods: {
     async getMapData() {
-      const n = await (await fetch(`/api/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`)).json();
+      const n = await (await fetch(
+        `/api/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`
+      )).json();
       this.data = n;
     },
     async loadHandler() {
@@ -63,38 +66,38 @@ const E = {
       });
     }
   }
-}, j = { class: "h-full w-full relative" }, B = ["id"], I = { class: "relative w-full h-[50px] flex justify-end rounded-[7px] bottom-[80px] right-[10px]" };
+}, j = { class: "h-full w-full relative" }, B = ["id"], I = { class: "absolute h-[50px] flex w-[80px] justify-end rounded-[7px] bottom-[40px] right-[10px]" };
 function N(t, n, o, s, a, e) {
   var u, h, b, g, f, y;
-  const l = d("VsList"), i = d("VsMapSetting"), c = d("VsMapSlotLayers"), m = d("VsMapGoHome"), r = d("VsMapLegend");
+  const c = d("VsList"), i = d("VsMapSetting"), l = d("VsMapSlotLayers"), m = d("VsMapGoHome"), r = d("VsMapLegend");
   return M(), L("div", j, [
-    p(l, {
+    p(c, {
       source: (u = t.data) == null ? void 0 : u.rows,
       total: ((h = t.data) == null ? void 0 : h.total) || 0,
       count: ((b = t.data) == null ? void 0 : b.count) || 0
     }, null, 8, ["source", "total", "count"]),
     w("div", {
       id: t.mapId,
-      class: "h-[96%] w-full flex items-end"
+      class: "h-[96%] w-full flex items-end min-h-[250px]"
     }, null, 8, B),
     t.showSetting ? (M(), S(i, {
       key: 0,
       map: t.map,
       coordinates: t.coordinatesByMouse
     }, null, 8, ["map", "coordinates"])) : k("", !0),
-    p(c, { map: t.map }, null, 8, ["map"]),
+    p(l, { map: t.map }, null, 8, ["map"]),
     w("div", I, [
       p(m, {
         map: t.map,
-        bbox: ((g = t.data) == null ? void 0 : g.bbox) || {}
-      }, null, 8, ["map", "bbox"])
-    ]),
-    p(r, {
-      colors: (f = t.data) == null ? void 0 : f.colors,
-      sizes: (y = t.data) == null ? void 0 : y.sizes,
-      cluster: !0,
-      color: t.color
-    }, null, 8, ["colors", "sizes", "color"])
+        bbox: (g = t.data) == null ? void 0 : g.bbox
+      }, null, 8, ["map", "bbox"]),
+      p(r, {
+        colors: (f = t.data) == null ? void 0 : f.colors,
+        sizes: (y = t.data) == null ? void 0 : y.sizes,
+        color: t.color,
+        cluster: !0
+      }, null, 8, ["colors", "sizes", "color"])
+    ])
   ]);
 }
 const A = /* @__PURE__ */ _(E, [["render", N]]);

package/dist/vs-number-CrU7LmkV.js

@@ -0,0 +1,48 @@
+import { _ as n, c, f as i } from "./import-file-DUp3rsNI.js";
+import { openBlock as o, createElementBlock as m, toDisplayString as s } from "vue";
+const u = {
+  mixins: [c],
+  name: "VsNumber",
+  data() {
+    return {
+      number: ""
+    };
+  },
+  computed: {
+    formattedNumber() {
+      return i(this.number);
+    },
+    prefix() {
+      var e, t;
+      return (e = this.styleData) != null && e.prefix ? (t = this.styleData) == null ? void 0 : t.prefix : "";
+    }
+  },
+  async mounted() {
+    await this.getData(), this.getNumber();
+  },
+  watch: {
+    sourceData: {
+      handler: async function() {
+        this.getNumber();
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    async getNumber() {
+      var e, t;
+      try {
+        this.number = ((t = this.sourceData[0]) == null ? void 0 : t[Object.keys((e = this.sourceData) == null ? void 0 : e[0])]) || 0;
+      } catch (r) {
+        console.error(r);
+      }
+    }
+  }
+}, p = { class: "font-[Inter,_Helvetica,_Arial] p-4 w-full text-[28px] pt-[10px] min-h-[150px] border-0" };
+function f(e, t, r, h, d, a) {
+  return o(), m("div", p, s(a.prefix) + s(a.formattedNumber), 1);
+}
+const x = /* @__PURE__ */ n(u, [["render", f]]);
+export {
+  x as default
+};

package/dist/{vs-text-DcrAdQ40.js → vs-text-DRPx3aID.js}

@@ -1,7 +1,7 @@
 var ge = Object.defineProperty;
 var ke = (c, e, t) => e in c ? ge(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
 var k = (c, e, t) => ke(c, typeof e != "symbol" ? e + "" : e, t);
-import { _ as de, c as xe } from "./import-file-1T7kpSzt.js";
+import { _ as de, c as xe } from "./import-file-DUp3rsNI.js";
 import { openBlock as V, createElementBlock as J, createCommentVNode as be } from "vue";
 function D() {
   return {
@@ -1490,6 +1490,7 @@ y.parse;
 w.lex;
 const Ke = {
   mixins: [xe],
+  name: "VsText",
   data() {
     return {
       markedText: null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/bi",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "BI data visualization module",
   "main": "dist/bi.js",
   "browser": "dist/bi.umd.cjs",
@@ -15,9 +15,11 @@
   "scripts": {
     "debug": "node --watch-path=server server",
     "dev": "vite",
+    "type-check": "vue-tsc --noEmit",
     "build": "vite build",
     "build-app": "cross-env APP=true vite build",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "lint": "eslint .",
+    "format": "prettier --write .",
     "test": "node --test",
     "test21": "node --test ./test/plugins/*",
     "start": "node server.js",
@@ -30,7 +32,9 @@
     "docs-dev:dev": "vitepress dev docs-dev",
     "docs-dev:build": "vitepress build docs-dev",
     "docs-dev:preview": "vitepress preview docs-dev",
-    "adduser": "node script/adduser.js"
+    "adduser": "node script/adduser.js",
+    "prepare": "husky",
+    "commit": "cz --no-verify"
   },
   "keywords": [],
   "author": "Softpro",
@@ -39,11 +43,12 @@
     "@grpc/grpc-js": "^1.9.13",
     "@grpc/proto-loader": "^0.6.9",
     "@mapbox/sphericalmercator": "^1.2.0",
-    "@opengis/fastify-auth": "^1.0.35",
-    "@opengis/fastify-table": "^1.1.24",
+    "@opengis/fastify-auth": "^1.0.40",
+    "@opengis/fastify-table": "^1.1.29",
     "@opengis/v3-core": "^0.1.103",
-    "@opengis/v3-filter": "^0.0.31",
+    "@opengis/v3-filter": "^0.0.36",
     "@turf/turf": "^7.1.0",
+    "@vueuse/core": "^11.1.0",
     "axios": "^1.3.1",
     "cross-env": "^7.0.3",
     "d3-format": "^3.1.0",
@@ -55,18 +60,38 @@
     "marked": "^14.1.2",
     "vite": "^5.1.5",
     "vue": "^3.4.27",
-    "vue-router": "^4.4.3"
+    "vue-router": "^4.4.3",
+    "vue3-ace-editor": "^2.2.4"
   },
   "devDependencies": {
-    "eslint": "^8.49.0",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.12.0",
+    "@types/node": "^22.7.5",
+    "@types/echarts": "^4.9.22",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^8.8.1",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "commitizen": "^4.3.1",
+    "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-vue": "^9.17.0",
-    "prettier": "^3.0.3",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "globals": "^15.10.0",
+    "husky": "^9.1.6",
+    "prettier": "^3.3.3",
     "sass": "^1.77.0",
-    "typescript": "~5.4.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "~8.8.1",
     "vitepress": "^1.1.4",
     "vitepress-plugin-mermaid": "^2.0.16",
     "vitepress-plugin-tabs": "^0.5.0",
-    "vitepress-sidebar": "^1.22.0"
+    "vitepress-sidebar": "^1.22.0",
+    "vue-tsc": "^2.1.6"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
   }
 }