st-comp 0.0.68 → 0.0.70

package/lib/LinearLegend.es.js

@@ -0,0 +1,63 @@
+import { defineComponent as v, computed as L, openBlock as d, createElementBlock as r, toDisplayString as c, createCommentVNode as y, createElementVNode as s, Fragment as u, renderList as _, normalizeStyle as g } from "vue";
+import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
+const m = { class: "linearLegend" }, w = {
+  key: 0,
+  class: "linearLegend-unit"
+}, S = { class: "linearLegend-content" }, k = { class: "linearLegend-content-box" }, C = { class: "linearLegend-content-number" }, B = /* @__PURE__ */ v({
+  __name: "index",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 数据
+    unit: {
+      type: String,
+      default: () => null
+    }
+    // 单位
+  },
+  setup(o, { expose: p }) {
+    const i = o, f = L(() => i.data.reduce((e, t, a) => a === i.data.length - 1 ? e : t.type === "=" ? (e[e.length - 1].width = 2, e) : t.range.length === 1 ? [...e, { value: t.range[0], width: 1 }] : [...e, { value: t.range[1], width: 1 }], []));
+    return p({
+      numberToColor: (e) => {
+        let t = 1;
+        i.unit === "亿" ? t = 1e8 : i.unit === "万" && (t = 1e4);
+        for (let a = 0; a < i.data.length; a++) {
+          const { type: l, color: h, range: n } = i.data[a];
+          if (l === "=" && e === n[0] * t || l === ">" && e > n[0] * t || l === ">=" && e >= n[0] * t || l === "<" && e < n[0] * t || l === "<=" && e <= n[0] * t || l === "()" && e > n[0] * t && e < n[1] * t || l === "(]" && e > n[0] * t && e <= n[1] * t || l === "[]" && e >= n[0] * t && e <= n[1] * t || l === "[)" && e >= n[0] * t && e < n[1] * t)
+            return h;
+        }
+      }
+      // 数值转颜色
+    }), (e, t) => (d(), r("div", m, [
+      o.unit ? (d(), r("div", w, "(单位:" + c(o.unit) + ")", 1)) : y("", !0),
+      s("div", S, [
+        s("div", k, [
+          (d(!0), r(u, null, _(o.data, (a) => (d(), r("div", {
+            class: "linearLegend-content-box-item",
+            style: g({
+              background: a.color
+            })
+          }, null, 4))), 256))
+        ]),
+        s("div", C, [
+          (d(!0), r(u, null, _(f.value, (a) => (d(), r("div", {
+            class: "linearLegend-content-number-item",
+            style: g({
+              width: `${a.width * 36}px`
+            })
+          }, c(a.value), 5))), 256))
+        ])
+      ])
+    ]));
+  }
+});
+const D = /* @__PURE__ */ x(B, [["__scopeId", "data-v-88fd5500"]]), V = {
+  install(o) {
+    o.component("st-linearLegend", D);
+  }
+};
+export {
+  V as default
+};