st-comp 0.0.277 → 0.0.279

package/packages/LinearLegend/index.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import StLinearLegend from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-linearLegend", StLinearLegend);
-  },
-}

package/packages/LinearLegend/index.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="linearLegend">
-    <div class="linearLegend-unit" v-if="unit">(单位:{{ unit }})</div>
-    <div class="linearLegend-content">
-      <div class="linearLegend-content-box">
-        <div
-          class="linearLegend-content-box-item"
-          v-for="item in data"
-          :style="{
-            background: item.color
-          }"
-        ></div>
-      </div>
-      <div class="linearLegend-content-number">
-        <div
-          class="linearLegend-content-number-item"
-          v-for="item in numberData"
-          :style="{
-            width: `${item.width * 36}px`
-          }"
-        >{{ item.value }}</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, computed } from "vue"
-
-  const props = defineProps({
-    data: {
-      type: Array,
-      default: () => ([]),
-    }, // 数据
-    unit: {
-      type: String,
-      default: () => null,
-    }, // 单位
-  })
-
-  const numberData = computed(() => {
-    return props.data.reduce((res, item, index) => {
-      if (index === props.data.length - 1) {
-        return res
-      }
-      if (item.type === '=') {
-        res[res.length - 1].width = 2
-        return res
-      } else if (item.range.length === 1) {
-        return [ ...res, { value: item.range[0], width: 1 } ]
-      } else {
-        return [ ...res, { value: item.range[1], width: 1 } ]
-      }
-    }, [])
-  })
-
-  defineExpose({
-    numberToColor: (number: number) => {
-      let multiplier = 1;
-      if (props.unit === '亿') {
-        multiplier = 100000000
-      } else if (props.unit === '万') {
-        multiplier = 10000
-      }
-      for(let i = 0; i < props.data.length; i++) {
-        const { type, color, range } = props.data[i]
-        if (
-          (type === '=' && number === range[0] * multiplier) ||
-          (type === '>' && number > range[0] * multiplier) ||
-          (type === '>=' && number >= range[0] * multiplier) ||
-          (type === '<' && number < range[0] * multiplier) ||
-          (type === '<=' && number <= range[0] * multiplier) ||
-          (type === '()' && number > range[0] * multiplier && number < range[1] * multiplier) ||
-          (type === '(]' && number > range[0] * multiplier && number <= range[1] * multiplier) ||
-          (type === '[]' && number >= range[0] * multiplier && number <= range[1] * multiplier) ||
-          (type === '[)' && number >= range[0] * multiplier && number < range[1] * multiplier)
-        ) {
-          return color
-        }
-      }
-    }, // 数值转颜色
-  })
-</script>
-
-<style lang="scss" scoped>
-.linearLegend {
-  display: inline-block;
-  &-unit {
-    display: inline-block;
-    vertical-align: top;
-    margin-right: 10px;
-  }
-  &-content {
-    display: inline-block;
-    &-box {
-      &-item {
-        display: inline-block;
-        width: 36px;
-        height: 12px;
-      }
-    }
-    &-number {
-      padding-left: 18px;
-      &-item {
-        display: inline-block;
-        text-align: center;
-        width: 36px;
-      }
-    }
-  }
-}
-</style>