@tsingroc/tsingroc-components 5.0.0-alpha.10 → 5.0.0-alpha.12

package/dist/components/VerticalColorLegend.js

@@ -0,0 +1,208 @@
+import { c as _c } from "react/compiler-runtime";
+import { theme } from "antd";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function VerticalColorLegend(props) {
+  const $ = _c(43);
+  let palette;
+  let rest;
+  let title;
+  if ($[0] !== props) {
+    ({
+      title,
+      palette,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = palette;
+    $[2] = rest;
+    $[3] = title;
+  } else {
+    palette = $[1];
+    rest = $[2];
+    title = $[3];
+  }
+  const {
+    token
+  } = theme.useToken();
+  let t0;
+  if ($[4] !== palette) {
+    t0 = palette.at(-1);
+    $[4] = palette;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  const max = t0[0];
+  const min = palette[0][0];
+  const range = max - min;
+  let t1;
+  if ($[6] !== rest.style || $[7] !== token.colorText || $[8] !== token.fontSizeSM) {
+    t1 = {
+      display: "flex",
+      flexDirection: "column",
+      userSelect: "none",
+      fontSize: token.fontSizeSM,
+      color: token.colorText,
+      textShadow: "-1px -1px white, 0px -1px white, 1px -1px white, 1px 0px white, 1px 1px white, 0px 1px white, -1px 1px white, -1px 0px white",
+      ...rest.style
+    };
+    $[6] = rest.style;
+    $[7] = token.colorText;
+    $[8] = token.fontSizeSM;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  let t2;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      fontWeight: "bold"
+    };
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== title) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      style: t2,
+      children: title
+    });
+    $[11] = title;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== token.paddingXXS) {
+    t4 = {
+      display: "flex",
+      flexBasis: "100%",
+      alignItems: "stretch",
+      gap: token.paddingXXS,
+      paddingBlock: "0.5em"
+    };
+    $[13] = token.paddingXXS;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== min || $[16] !== palette || $[17] !== range) {
+    let t6;
+    if ($[19] !== min || $[20] !== range) {
+      t6 = t7 => {
+        const [value, color] = t7;
+        return `rgb(${color.join(", ")}) ${(value - min) / range * 100}%`;
+      };
+      $[19] = min;
+      $[20] = range;
+      $[21] = t6;
+    } else {
+      t6 = $[21];
+    }
+    t5 = palette.map(t6).join(", ");
+    $[15] = min;
+    $[16] = palette;
+    $[17] = range;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  const t6 = `linear-gradient(
+              to top,
+              ${t5}
+            )`;
+  let t7;
+  if ($[22] !== t6) {
+    t7 = /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 24,
+        background: t6
+      }
+    });
+    $[22] = t6;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  let t8;
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
+      lineHeight: 0,
+      verticalAlign: "middle"
+    };
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  let t9;
+  if ($[25] !== max || $[26] !== palette || $[27] !== range) {
+    let t10;
+    if ($[29] !== max || $[30] !== range) {
+      t10 = (t11, i) => {
+        const [value_0] = t11;
+        return /*#__PURE__*/_jsx("div", {
+          style: {
+            position: "relative",
+            top: `${(max - value_0) / range * 100}%`
+          },
+          children: value_0.toFixed(1)
+        }, i);
+      };
+      $[29] = max;
+      $[30] = range;
+      $[31] = t10;
+    } else {
+      t10 = $[31];
+    }
+    t9 = palette.map(t10);
+    $[25] = max;
+    $[26] = palette;
+    $[27] = range;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  let t10;
+  if ($[32] !== t9) {
+    t10 = /*#__PURE__*/_jsx("div", {
+      style: t8,
+      children: t9
+    });
+    $[32] = t9;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  let t11;
+  if ($[34] !== t10 || $[35] !== t4 || $[36] !== t7) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      style: t4,
+      children: [t7, t10]
+    });
+    $[34] = t10;
+    $[35] = t4;
+    $[36] = t7;
+    $[37] = t11;
+  } else {
+    t11 = $[37];
+  }
+  let t12;
+  if ($[38] !== rest || $[39] !== t1 || $[40] !== t11 || $[41] !== t3) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      ...rest,
+      style: t1,
+      children: [t3, t11]
+    });
+    $[38] = rest;
+    $[39] = t1;
+    $[40] = t11;
+    $[41] = t3;
+    $[42] = t12;
+  } else {
+    t12 = $[42];
+  }
+  return t12;
+}
+export default VerticalColorLegend;

package/dist/components/WeatherMap.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes } from "react";
+import { type WeatherData } from "../deckgl/WeatherData";
+export { type WeatherData };
+export interface WeatherMapProps extends HTMLAttributes<HTMLDivElement> {
+    /** 天地图平台的 token。*/
+    tiandituTk: string;
+    /** 要显示的天气数据。如果为 `undefined`，则会显示加载界面。*/
+    data: WeatherData | undefined;
+}
+/**
+ * 一张显示各类天气信息的地图。
+ *
+ * 多余的属性会被传递给组件最外层的 [`div` 元素][1]。
+ *
+ * [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
+ */
+declare function WeatherMap(props: WeatherMapProps): import("react/jsx-runtime").JSX.Element;
+export default WeatherMap;