@tsingroc/tsingroc-components 5.0.0-alpha.27 → 5.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsingroc/tsingroc-components",
-  "version": "5.0.0-alpha.27",
+  "version": "5.0.2",
   "author": "",
   "license": "ISC",
   "description": "",
@@ -29,68 +29,75 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "vite",
-    "lint": "oxlint --type-aware",
-    "format": "dprint fmt && oxlint --type-aware --fix",
-    "build": "rm -rf dist && (npx babel src --out-dir dist --extensions .ts,.tsx & tsc -p tsconfig.lib.json & copyfiles src/**/*.css dist --up 1 & wait)",
-    "prepublishOnly": "npm run build",
-    "docs:build": "vite build",
-    "docs:preview": "vite preview"
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build -o dist-storybook",
+    "lint": "oxlint && dprint check",
+    "format": "oxlint --fix && dprint fmt",
+    "build": "rm -rf dist && (npx babel src --out-dir dist --extensions .ts,.tsx & tsc -p tsconfig.lib.json & copyfiles src/**/*.css dist --up 1 & wait)"
   },
   "dependencies": {
     "antd-style": "^4.1.0",
-    "casdoor-js-sdk": "^0.16.0",
-    "dayjs": "^1.11.19",
-    "deck.gl": "^9.2.6",
-    "geotiff": "^2.1.3",
-    "jwt-decode": "^4.0.0",
-    "react-icons": "^5.5.0",
-    "rollup-plugin-worker-factory": "^0.5.7",
-    "weatherlayers-gl": "^2025.12.0"
+    "casdoor-js-sdk": "^0.18.0",
+    "dayjs": "^1.11.20",
+    "jwt-decode": "^4.0.0"
   },
   "peerDependencies": {
     "@ant-design/icons": "^6.1.0",
-    "antd": "^6.2.3",
+    "antd": "^6.3.3",
     "echarts": "^6.0.0",
     "echarts-gl": "^2.0.9",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
+  "peerDependenciesMeta": {
+    "echarts-gl": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@ant-design/icons": "^6.1.0",
-    "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@babel/cli": "^7.28.6",
     "@babel/core": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@content-collections/core": "^0.13.1",
-    "@content-collections/mdx": "^0.2.2",
-    "@content-collections/vite": "^0.2.8",
-    "@types/node": "^22.19.9",
-    "@types/react": "^19.2.13",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-mcp": "^0.4.2",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
+    "@types/node": "^22.19.15",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.3",
-    "antd": "^6.2.3",
+    "@vitejs/plugin-react": "^5.2.0",
+    "@vitest/browser-playwright": "^4.1.1",
+    "@vitest/coverage-v8": "^4.1.1",
+    "antd": "^6.3.4",
     "babel-plugin-react-compiler": "^1.0.0",
     "copyfiles": "^2.4.1",
-    "dprint": "^0.51.1",
+    "dprint": "^0.53.0",
     "echarts": "^6.0.0",
     "echarts-gl": "^2.0.9",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "oxlint": "^1.43.0",
-    "oxlint-tsgolint": "^0.11.4",
+    "oxlint": "^1.57.0",
+    "oxlint-tsgolint": "^0.17.3",
+    "playwright": "^1.58.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-markdown": "^10.1.0",
-    "remark-gfm": "^4.0.1",
-    "typedoc": "^0.28.16",
-    "typescript": "^5.9.3",
-    "vite": "npm:rolldown-vite@^7.3.1",
-    "zod": "^4.3.6"
+    "storybook": "^10.3.3",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.1"
   },
   "overrides": {
     "echarts-gl": {
       "echarts": "^6.0.0"
     }
+  },
+  "imports": {
+    "#.storybook/preview": "./.storybook/preview.tsx",
+    "#src/*": [
+      "./dist/*",
+      "./dist/*.js",
+      "./dist/*/index.js"
+    ]
   }
 }

package/dist/components/VerticalColorLegend.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes } from "react";
-export interface VerticalColorLegendProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
-    palette: [number, [number, number, number]][];
-}
-declare function VerticalColorLegend(props: VerticalColorLegendProps): import("react/jsx-runtime").JSX.Element;
-export default VerticalColorLegend;

package/dist/components/VerticalColorLegend.js

@@ -1,208 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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;