kt-factor-legend 1.0.0 → 1.0.2

package/dist/kt-factor-legend.es.js

@@ -0,0 +1,761 @@
+import { reactive as g, onMounted as B, toRefs as v, openBlock as l, createElementBlock as r, Fragment as i, renderList as d, createElementVNode as x, toDisplayString as s, normalizeStyle as D, createCommentVNode as _, resolveComponent as f, createBlock as w, createApp as k } from "vue";
+import y from "element-plus";
+const h = [
+  {
+    name: "积水深度（cm）",
+    key: "waterDepth",
+    children: [
+      {
+        text: "<10",
+        color: "#70DFA6"
+      },
+      {
+        text: "10-15",
+        color: "#8ED6FD"
+      },
+      {
+        text: "15-27",
+        color: "#0098FA"
+      },
+      {
+        text: "27-40",
+        color: "#FDCC00"
+      },
+      {
+        text: "40-60",
+        color: "#F07E2C"
+      },
+      {
+        text: ">60",
+        color: "#EA0000"
+      }
+    ]
+  },
+  {
+    name: "温度（℃）",
+    key: "temp",
+    children: [
+      {
+        text: "-30",
+        color: "#1875B6"
+      },
+      {
+        text: "-20",
+        color: "#2ABBE5"
+      },
+      {
+        text: "-10",
+        color: "#D1F4F2"
+      },
+      {
+        text: "0",
+        color: "#CBE4BE"
+      },
+      {
+        text: "10",
+        color: "#B1D162"
+      },
+      {
+        text: "20",
+        color: "#D3DD52"
+      },
+      {
+        text: "30",
+        color: "#F0E94B"
+      },
+      {
+        text: "40",
+        color: "#E48529"
+      },
+      {
+        text: "",
+        color: "#E74526"
+      }
+    ]
+  },
+  {
+    name: "气压（hPa）",
+    key: "pres",
+    children: [
+      {
+        text: "948",
+        color: "#DFF5FD"
+      },
+      {
+        text: "964",
+        color: "#AEE5FA"
+      },
+      {
+        text: "981",
+        color: "#76D6F8"
+      },
+      {
+        text: "997",
+        color: "#38C3F5"
+      },
+      {
+        text: "1015",
+        color: "#00B7F2"
+      },
+      {
+        text: "1020",
+        color: "#00AAF1"
+      },
+      {
+        text: "1030",
+        color: "#009CE2"
+      },
+      {
+        text: "1040",
+        color: "#0089CD"
+      },
+      {
+        text: "1050",
+        color: "#0078BA"
+      },
+      {
+        text: "",
+        color: "#0B599A"
+      }
+    ]
+  },
+  {
+    name: "湿度（%）",
+    key: "rh",
+    children: [
+      {
+        text: "10",
+        color: "#E74526"
+      },
+      {
+        text: "20",
+        color: "#E48529"
+      },
+      {
+        text: "30",
+        color: "#F0E94B"
+      },
+      {
+        text: "40",
+        color: "#D3DD52"
+      },
+      {
+        text: "50",
+        color: "#B1D162"
+      },
+      {
+        text: "60",
+        color: "#CBE4BE"
+      },
+      {
+        text: "70",
+        color: "#D1F4F2"
+      },
+      {
+        text: "80",
+        color: "#2ABBE5"
+      },
+      {
+        text: "90",
+        color: "#1875B6"
+      },
+      {
+        text: "100",
+        color: "#133DB5"
+      }
+    ]
+  },
+  {
+    name: "风级",
+    key: "wind-l",
+    Children: [
+      { name: "静风", value: 0, icon: "/wind-level/0.png" },
+      { name: "1级风", value: 1, icon: "/wind-level/1.png" },
+      { name: "2级风", value: 2, icon: "/wind-level/2.png" },
+      { name: "3级风", value: 3, icon: "/wind-level/3.png" },
+      { name: "4级风", value: 4, icon: "/wind-level/4.png" },
+      { name: "5级风", value: 5, icon: "/wind-level/5.png" },
+      { name: "6级风", value: 6, icon: "/wind-level/6.png" },
+      { name: "7级风", value: 7, icon: "/wind-level/7.png" },
+      { name: "8级风", value: 8, icon: "/wind-level/8.png" },
+      { name: "9级风", value: 9, icon: "/wind-level/9.png" },
+      { name: "10级风", value: 10, icon: "/wind-level/10.png" },
+      { name: "11级风", value: 11, icon: "/wind-level/11.png" },
+      { name: "12级风", value: 12, icon: "/wind-level/12.png" },
+      { name: "13级风", value: 13, icon: "/wind-level/13.png" },
+      { name: "14级风", value: 14, icon: "/wind-level/14.png" },
+      { name: "15级风", value: 15, icon: "/wind-level/15.png" },
+      { name: "16级风", value: 16, icon: "/wind-level/16.png" }
+    ]
+  },
+  {
+    name: "5分钟累积降雨（mm）",
+    key: "prep_5min",
+    children: [
+      {
+        text: "0.4",
+        color: "#BDF071"
+      },
+      {
+        text: "1.0",
+        color: "#4B7902"
+      },
+      {
+        text: "2.0",
+        color: "#1BB1F1"
+      },
+      {
+        text: "5.0",
+        color: "#0000FF"
+      },
+      {
+        text: "10",
+        color: "#EC808D"
+      },
+      {
+        text: "",
+        color: "#D900B6"
+      }
+    ]
+  },
+  {
+    name: "1小时降雨（mm）",
+    key: "prep_1h",
+    children: [
+      {
+        text: "<1.5",
+        color: "#B8EF9E"
+      },
+      {
+        text: "1.6-6.9",
+        color: "#66B755"
+      },
+      {
+        text: "7-14.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "15-39.9",
+        color: "#8792FD"
+      },
+      {
+        text: "40-49.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">50",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "3小时降雨（mm）",
+    key: "prep_3h",
+    children: [
+      {
+        text: "<2.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "3-9.9",
+        color: "#66B755"
+      },
+      {
+        text: "10-19.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "20-49.9",
+        color: "#8792FD"
+      },
+      {
+        text: "50-69.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">70",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "6小时降雨（mm）",
+    key: "prep_6h",
+    children: [
+      {
+        text: "<3.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "4-12.9",
+        color: "#66B755"
+      },
+      {
+        text: "13-24.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "25-59.9",
+        color: "#8792FD"
+      },
+      {
+        text: "60-119.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">120",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "12小时降雨（mm）",
+    key: "prep_12h",
+    children: [
+      {
+        text: "<4.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "5-14.9",
+        color: "#66B755"
+      },
+      {
+        text: "15-29.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "30-69.9",
+        color: "#8792FD"
+      },
+      {
+        text: "70-139.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">140",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "24小时降雨（mm）",
+    key: "prep_24h",
+    children: [
+      {
+        text: "<9.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "10-24.9",
+        color: "#66B755"
+      },
+      {
+        text: "25-49.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "50-99.9",
+        color: "#8792FD"
+      },
+      {
+        text: "100-250",
+        color: "#E440EF"
+      },
+      {
+        text: ">250",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "未来1小时降雨预报（mm）",
+    key: "prep_f_1h",
+    children: [
+      {
+        text: "<1.5",
+        color: "#B8EF9E"
+      },
+      {
+        text: "1.6-6.9",
+        color: "#66B755"
+      },
+      {
+        text: "7-14.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "15-39.9",
+        color: "#8792FD"
+      },
+      {
+        text: "40-49.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">50",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "未来3小时降雨预报（mm）",
+    key: "prep_f_3h",
+    children: [
+      {
+        text: "<2.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "3-9.9",
+        color: "#66B755"
+      },
+      {
+        text: "10-19.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "20-49.9",
+        color: "#8792FD"
+      },
+      {
+        text: "50-69.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">70",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "未来6小时降雨预报（mm）",
+    key: "prep_f_6h",
+    children: [
+      {
+        text: "<3.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "4-12.9",
+        color: "#66B755"
+      },
+      {
+        text: "13-24.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "25-59.9",
+        color: "#8792FD"
+      },
+      {
+        text: "60-119.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">120",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "未来12小时降雨预报（mm）",
+    key: "prep_f_12h",
+    children: [
+      {
+        text: "<4.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "5-14.9",
+        color: "#66B755"
+      },
+      {
+        text: "15-29.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "30-69.9",
+        color: "#8792FD"
+      },
+      {
+        text: "70-139.9",
+        color: "#E440EF"
+      },
+      {
+        text: ">140",
+        color: "#74173F"
+      }
+    ]
+  },
+  {
+    name: "未来24小时降雨预报（mm）",
+    key: "prep_f_24h",
+    children: [
+      {
+        text: "<9.9",
+        color: "#B8EF9E"
+      },
+      {
+        text: "10-24.9",
+        color: "#66B755"
+      },
+      {
+        text: "25-49.9",
+        color: "#7AB8F7"
+      },
+      {
+        text: "50-99.9",
+        color: "#8792FD"
+      },
+      {
+        text: "100-250",
+        color: "#E440EF"
+      },
+      {
+        text: ">250",
+        color: "#74173F"
+      }
+    ]
+  }
+], F = (t, n) => {
+  const o = t.__vccOpts || t;
+  for (const [c, a] of n)
+    o[c] = a;
+  return o;
+}, A = {
+  name: "legendIndex",
+  props: {
+    elements: {
+      type: Array,
+      required: !1
+    }
+  },
+  setup(t, n) {
+    const o = g({
+      factors: []
+    });
+    return B(() => {
+      o.factors = t.elements || h, console.log(h);
+    }), {
+      ...{},
+      ...v(o)
+    };
+  }
+}, b = { class: "legend-index" }, L = {
+  key: 0,
+  class: "legend-group"
+}, C = { class: "legend-item" }, T = { class: "legend-name" }, $ = { class: "legend-color" };
+function P(t, n, o, c, a, u) {
+  return l(), r("div", b, [
+    (l(!0), r(i, null, d(t.factors, (e) => {
+      var m;
+      return l(), r(i, {
+        key: e.key
+      }, [
+        (m = e == null ? void 0 : e.children) != null && m.length ? (l(), r("div", L, [
+          x("div", C, [
+            x("div", T, s(e.name), 1),
+            x("div", $, [
+              (l(!0), r(i, null, d(e.children, (p, E) => (l(), r("div", {
+                key: E,
+                style: D({ backgroundColor: p.color })
+              }, s(p.text), 5))), 128))
+            ])
+          ])
+        ])) : _("", !0)
+      ], 64);
+    }), 128))
+  ]);
+}
+const M = /* @__PURE__ */ F(A, [["render", P]]), R = {
+  name: "App",
+  components: {
+    LegendIndex: M
+  }
+};
+function I(t, n, o, c, a, u) {
+  const e = f("LegendIndex");
+  return l(), w(e);
+}
+const z = /* @__PURE__ */ F(R, [["render", I]]);
+var S = {
+  name: "zh-cn",
+  el: {
+    breadcrumb: { label: "面包屑" },
+    colorpicker: {
+      confirm: "确定",
+      clear: "清空",
+      defaultLabel: "颜色选择器",
+      description: "当前颜色 {color}，按 Enter 键选择新颜色",
+      alphaLabel: "选择透明度的值",
+      alphaDescription: "透明度 {alpha}, 当前颜色 {color}",
+      hueLabel: "选择色相值",
+      hueDescription: "色相 {hue}, 当前颜色 {color}",
+      svLabel: "选择饱和度与明度的值",
+      svDescription: "饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",
+      predefineDescription: "选择 {value} 作为颜色"
+    },
+    datepicker: {
+      now: "此刻",
+      today: "今天",
+      cancel: "取消",
+      clear: "清空",
+      confirm: "确定",
+      dateTablePrompt: "使用方向键与 Enter 键可选择日期",
+      monthTablePrompt: "使用方向键与 Enter 键可选择月份",
+      yearTablePrompt: "使用方向键与 Enter 键可选择年份",
+      selectedDate: "已选日期",
+      selectDate: "选择日期",
+      selectTime: "选择时间",
+      startDate: "开始日期",
+      startTime: "开始时间",
+      endDate: "结束日期",
+      endTime: "结束时间",
+      prevYear: "前一年",
+      nextYear: "后一年",
+      prevMonth: "上个月",
+      nextMonth: "下个月",
+      year: "年",
+      month1: "1 月",
+      month2: "2 月",
+      month3: "3 月",
+      month4: "4 月",
+      month5: "5 月",
+      month6: "6 月",
+      month7: "7 月",
+      month8: "8 月",
+      month9: "9 月",
+      month10: "10 月",
+      month11: "11 月",
+      month12: "12 月",
+      weeks: {
+        sun: "日",
+        mon: "一",
+        tue: "二",
+        wed: "三",
+        thu: "四",
+        fri: "五",
+        sat: "六"
+      },
+      weeksFull: {
+        sun: "星期日",
+        mon: "星期一",
+        tue: "星期二",
+        wed: "星期三",
+        thu: "星期四",
+        fri: "星期五",
+        sat: "星期六"
+      },
+      months: {
+        jan: "一月",
+        feb: "二月",
+        mar: "三月",
+        apr: "四月",
+        may: "五月",
+        jun: "六月",
+        jul: "七月",
+        aug: "八月",
+        sep: "九月",
+        oct: "十月",
+        nov: "十一月",
+        dec: "十二月"
+      }
+    },
+    inputNumber: {
+      decrease: "减少数值",
+      increase: "增加数值"
+    },
+    select: {
+      loading: "加载中",
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      placeholder: "请选择"
+    },
+    mention: { loading: "加载中" },
+    dropdown: { toggleDropdown: "切换下拉选项" },
+    cascader: {
+      noMatch: "无匹配数据",
+      loading: "加载中",
+      placeholder: "请选择",
+      noData: "暂无数据"
+    },
+    pagination: {
+      goto: "前往",
+      pagesize: "条/页",
+      total: "共 {total} 条",
+      pageClassifier: "页",
+      page: "页",
+      prev: "上一页",
+      next: "下一页",
+      currentPage: "第 {pager} 页",
+      prevPages: "向前 {pager} 页",
+      nextPages: "向后 {pager} 页",
+      deprecationWarning: "你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"
+    },
+    dialog: { close: "关闭此对话框" },
+    drawer: { close: "关闭此对话框" },
+    messagebox: {
+      title: "提示",
+      confirm: "确定",
+      cancel: "取消",
+      error: "输入的数据不合法!",
+      close: "关闭此对话框"
+    },
+    upload: {
+      deleteTip: "按 Delete 键可删除",
+      delete: "删除",
+      preview: "查看图片",
+      continue: "继续上传"
+    },
+    slider: {
+      defaultLabel: "滑块介于 {min} 至 {max}",
+      defaultRangeStartLabel: "选择起始值",
+      defaultRangeEndLabel: "选择结束值"
+    },
+    table: {
+      emptyText: "暂无数据",
+      confirmFilter: "筛选",
+      resetFilter: "重置",
+      clearFilter: "全部",
+      sumText: "合计",
+      selectAllLabel: "选择所有行",
+      selectRowLabel: "选择当前行",
+      expandRowLabel: "展开当前行",
+      collapseRowLabel: "收起当前行",
+      sortLabel: "按 {column} 排序",
+      filterLabel: "按 {column} 过滤"
+    },
+    tag: { close: "关闭此标签" },
+    tour: {
+      next: "下一步",
+      previous: "上一步",
+      finish: "结束导览",
+      close: "关闭此对话框"
+    },
+    tree: { emptyText: "暂无数据" },
+    transfer: {
+      noMatch: "无匹配数据",
+      noData: "无数据",
+      titles: ["列表 1", "列表 2"],
+      filterPlaceholder: "请输入搜索内容",
+      noCheckedFormat: "共 {total} 项",
+      hasCheckedFormat: "已选 {checked}/{total} 项"
+    },
+    image: { error: "加载失败" },
+    pageHeader: { title: "返回" },
+    popconfirm: {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消"
+    },
+    carousel: {
+      leftArrow: "上一张幻灯片",
+      rightArrow: "下一张幻灯片",
+      indicator: "幻灯片切换至索引 {index}"
+    }
+  }
+};
+k(z).use(y, { locale: S }).mount("#app");
+export {
+  M as StationIndex
+};