tds-map-methods 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tds-map-methods",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Map methods extracted from tds demo.",
   "publishConfig": {

package/types/components/map/methods/arrowLayer.d.ts

@@ -1,5 +1,5 @@
-import ImageCanvasSource from "ol/source/ImageCanvas";
-import ImageLayer from "ol/layer/Image";
+import ImageCanvasSource from "ol/source/ImageCanvas.js";
+import ImageLayer from "ol/layer/Image.js";
 type ExtentLike = [number, number, number, number];
 export declare class ArrowLayer {
     map: Layer.Map;

package/types/components/map/methods/config.d.ts

@@ -0,0 +1,32 @@
+export interface MapMethodsConfig {
+    /** Prefix used for WMS requests, for example "/server". */
+    serviceBaseUrl?: string;
+    /** Default Authorization header used for TDS requests. */
+    serviceAuthorization?: string;
+    /** Prefix used for NCSS dataset.xml requests, for example "/ncss/grid". */
+    ncssBaseUrl?: string;
+    /** Request timeout in milliseconds. */
+    requestTimeout?: number;
+    /** Maximum width/height used when requesting source images. */
+    imageSize?: number;
+    /** Prefix used for typhoon JSON requests. Falls back to serviceBaseUrl. */
+    typhoonServiceBaseUrl?: string;
+    /** Default typhoon data directory. */
+    typhoonDataPath?: string;
+    /** Default Authorization header for typhoon requests. */
+    typhoonAuthorization?: string;
+}
+export type ResolvedMapMethodsConfig = {
+    serviceBaseUrl: string;
+    serviceAuthorization: string;
+    ncssBaseUrl: string;
+    requestTimeout: number;
+    imageSize: number;
+    typhoonServiceBaseUrl: string;
+    typhoonDataPath: string;
+    typhoonAuthorization: string;
+};
+/** Configure values that must be supplied by the consuming application. */
+export declare function configureMapMethods(config: MapMethodsConfig): void;
+export declare function getMapMethodsConfig(): Readonly<ResolvedMapMethodsConfig>;
+export declare function resetMapMethodsConfig(): void;

package/types/components/map/methods/createIsoline.d.ts

@@ -1,5 +1,5 @@
-import type Map from "ol/Map";
-import VectorLayer from "ol/layer/Vector";
+import type Map from "ol/Map.js";
+import VectorLayer from "ol/layer/Vector.js";
 type LegendItem = {
     name?: string;
     scope?: number[];

package/types/components/map/methods/createMic.d.ts

@@ -1,6 +1,6 @@
-import type Map from "ol/Map";
-import VectorLayer from "ol/layer/Vector";
-import VectorSource from "ol/source/Vector";
+import type Map from "ol/Map.js";
+import VectorLayer from "ol/layer/Vector.js";
+import VectorSource from "ol/source/Vector.js";
 type LegendItem = {
     name?: string;
     scope?: number[];

package/types/components/map/methods/fcstLayer.d.ts

@@ -1,5 +1,5 @@
-import ImageCanvasSource from "ol/source/ImageCanvas";
-import ImageLayer from "ol/layer/Image";
+import ImageCanvasSource from "ol/source/ImageCanvas.js";
+import ImageLayer from "ol/layer/Image.js";
 type ExtentLike = [number, number, number, number];
 type ScopeLike = [number, number] | [] | undefined;
 type ValueTransformContext = {
@@ -69,9 +69,9 @@ export declare class FcstLayer {
     createVisibleMaskContourPath(rawArr2D: (number | undefined)[][], width: number, height: number, scope?: ScopeLike, smooth?: boolean, runtimeOptions?: any): Path2D;
     createIsolineContourPath(valueArr2D: (number | undefined)[][], width: number, height: number, scope?: ScopeLike, runtimeOptions?: any): Path2D;
     createIsolineContourFills(valueArr2D: (number | undefined)[][], width: number, height: number, thresholds: number[], colorsRGBA: [number, number, number, number][], scope?: ScopeLike, runtimeOptions?: any): ContourFill[];
-    createScopeMaskCanvas(valueArr2D: (number | undefined)[][], width: number, height: number, scope?: ScopeLike): HTMLCanvasElement;
+    createScopeMaskCanvas(valueArr2D: (number | undefined)[][], width: number, height: number, scope?: ScopeLike, maxExclusive?: boolean): HTMLCanvasElement;
     createLegendEdgeColorCanvas(valueArr2D: (number | undefined)[][], width: number, height: number, firstThreshold: number, lastThreshold: number, firstColor: [number, number, number, number], lastColor: [number, number, number, number]): HTMLCanvasElement;
-    createFcstCanvasSource(rasterCanvas: HTMLCanvasElement, dataExtent: ExtentLike, colorMode?: Layer.LayerMode, rawArr2D?: (number | undefined)[][], scope?: ScopeLike, runtimeOptions?: any, contourFills?: ContourFill[], contourValues?: (number | undefined)[][], selectedEdgeCanvas?: HTMLCanvasElement | null): ImageCanvasSource;
+    createFcstCanvasSource(rasterCanvas: HTMLCanvasElement, dataExtent: ExtentLike, colorMode?: Layer.LayerMode, rawArr2D?: (number | undefined)[][], scope?: ScopeLike, runtimeOptions?: any, contourFills?: ContourFill[], contourValues?: (number | undefined)[][], selectedEdgeCanvas?: HTMLCanvasElement | null, maxExclusive?: boolean): ImageCanvasSource;
     /** 预加载图层 */
     preload(url: string): Promise<void>;
     delete(): void;

package/types/components/map/methods/fcstLayer2.d.ts

@@ -1,5 +1,5 @@
-import ImageCanvasSource from "ol/source/ImageCanvas";
-import ImageLayer from "ol/layer/Image";
+import ImageCanvasSource from "ol/source/ImageCanvas.js";
+import ImageLayer from "ol/layer/Image.js";
 type ExtentLike = [number, number, number, number];
 type ScopeLike = [number, number] | [] | undefined;
 type ContourRing = number[][];

package/types/components/map/methods/girdLayer.d.ts

@@ -1,5 +1,5 @@
-import ImageCanvasSource from "ol/source/ImageCanvas";
-import ImageLayer from "ol/layer/Image";
+import ImageCanvasSource from "ol/source/ImageCanvas.js";
+import ImageLayer from "ol/layer/Image.js";
 type ExtentLike = [number, number, number, number];
 type GridValueTransformContext = {
     x: number;

package/types/components/map/methods/index.d.ts

@@ -1,5 +1,9 @@
-/// <reference path="../../../../typings/layer.d.ts" />
+/// <reference path="../../../typings/layer.d.ts" />
 export * from "./common";
+export * from "./config";
+export * from "./request";
+export * from "./tdsRequest";
+export * from "./layerRequest";
 export * from "./layer";
 export * from "./utils";
 export * from "./fcstLayer";
@@ -14,3 +18,4 @@ export * from "./windLayer";
 export * from "./windShaft";
 export * from "./wmsLayer";
 export * from "./typhoonLayer";
+export * from "./typhoonRequest";

package/types/components/map/methods/isolineLayer.d.ts

@@ -1,4 +1,4 @@
-import type Map from "ol/Map";
+import type Map from "ol/Map.js";
 import { type IsolineOptions } from "./createIsoline";
 type ManagedIsolineOptions = Omit<IsolineOptions, "url"> & {
     url?: string;

package/types/components/map/methods/layer.d.ts

@@ -1,4 +1,5 @@
 import { Map } from "ol";
+import { type MapMethodsConfig } from "./config";
 type WmsLayerColorOptions = {
     styles?: string;
     colorScaleRange?: string | [number, number];
@@ -8,10 +9,11 @@ type WmsLayerColorOptions = {
     bgColor?: string;
     logScale?: boolean | string;
 };
-type MapInitConfig = {
+export type MapInitConfig = {
     center?: [number, number];
     zoom?: number;
     layers?: any[];
+    mapMethodsConfig?: MapMethodsConfig;
 };
 export declare function initMap(target: string | HTMLElement, config?: MapInitConfig): Promise<Map>;
 /**

package/types/components/map/methods/layerRequest.d.ts

@@ -0,0 +1,7 @@
+export interface LayerResolveRequestOptions {
+    serviceBaseUrl?: string;
+    ncssBaseUrl?: string;
+    authorization?: string;
+    signal?: AbortSignal;
+}
+export declare function resolveLayerLoadOptions(menu: Layer.Config, options?: LayerResolveRequestOptions): Promise<Layer.Config | null>;

package/types/components/map/methods/request.d.ts

@@ -0,0 +1,21 @@
+export type TdsResponseType = "json" | "text" | "blob" | "arrayBuffer" | "arraybuffer" | "response";
+export interface TdsRequestOptions {
+    baseUrl?: string;
+    authorization?: string;
+    signal?: AbortSignal;
+    timeout?: number;
+    headers?: HeadersInit;
+    credentials?: RequestCredentials;
+}
+export interface TdsGetOptions extends TdsRequestOptions {
+    responseType?: TdsResponseType;
+}
+export declare function createTdsRequestUrl(url: string, baseUrl?: string): string;
+export declare function fetchTdsResponse(url: string, options?: TdsRequestOptions): Promise<Response>;
+export declare function fetchTdsGet<T = unknown>(url: string, params?: Record<string, unknown>, authorization?: string, options?: TdsGetOptions): Promise<T>;
+export declare function fetchXmlData(url: string, authorization?: string, options?: TdsRequestOptions): Promise<string>;
+export declare function fetchXMLFromUrl(url: string, authorization?: string, options?: TdsRequestOptions): Promise<string>;
+export declare function fetchTxtOrJson(url: string, params?: Record<string, unknown>, authorization?: string, options?: TdsRequestOptions): Promise<string>;
+export declare function fetchExcel(url: string, authorization?: string, options?: TdsRequestOptions): Promise<ArrayBuffer>;
+export declare function fetchImageBase64(url: string, paramsOrAuthorization?: Record<string, unknown> | string, authorization?: string, options?: TdsRequestOptions): Promise<string>;
+export declare function fetchTdsImageBase64(url: string, params?: Record<string, unknown>): Promise<string>;

package/types/components/map/methods/tdsRequest.d.ts

@@ -0,0 +1,49 @@
+export interface VariableMinMaxResult {
+    min: number;
+    max: number;
+}
+export interface TdsCatalogItem {
+    label: string;
+    key: string;
+    url: string;
+    type: "menu" | "file";
+    isLeaf: boolean;
+    fileType?: string;
+}
+export interface TdsDatasetRequestOptions {
+    filePath: string;
+    url?: string;
+    authorization?: string;
+    serviceBaseUrl?: string;
+    ncssBaseUrl?: string;
+    signal?: AbortSignal;
+}
+export declare function parseXML(xml: string, target?: string): any;
+export declare function getNCXmlData(xml: string): {
+    latLonBox: any;
+    timeSpan: any;
+    axis: any;
+    grid: any;
+};
+export declare function getNodeData(options: {
+    xmlJson: any[];
+    type: "menu" | "file";
+}): TdsCatalogItem[];
+export declare function getVariableMinMax(filePath: string, variable: string, latLonBox: {
+    north: number;
+    south: number;
+    east: number;
+    west: number;
+}, time?: string, authorization?: string, serviceBaseUrl?: string, signal?: AbortSignal): Promise<VariableMinMaxResult>;
+export declare function getMenuList(url: string, authorization?: string, options?: Pick<TdsDatasetRequestOptions, "serviceBaseUrl" | "signal">): Promise<{
+    type: "" | "menu" | "file";
+    data: TdsCatalogItem[];
+}>;
+export declare function getXmlData(options: TdsDatasetRequestOptions): Promise<{
+    type: "file";
+    latLonBox: any;
+    timeList: string[];
+    fileList: TdsCatalogItem[];
+    url: string;
+    authorization: string;
+}>;

package/types/components/map/methods/typhoonLayer.d.ts

@@ -1,11 +1,12 @@
-import type { FeatureLike } from "ol/Feature";
-import VectorSource from "ol/source/Vector";
-import { Style } from "ol/style";
-import { type TyphoonDetail, type TyphoonListItem, type TyphoonPoint } from "@/request/typhoon";
+import type { FeatureLike } from "ol/Feature.js";
+import VectorSource from "ol/source/Vector.js";
+import { Style } from "ol/style.js";
+import { type TyphoonDetail, type TyphoonListItem, type TyphoonPoint } from "./typhoonRequest";
 type TrackKind = "obs" | "fcst";
 type TyphoonLayerOptions = Layer.Config & {
     config: Layer.Config["config"] & {
         typhoonConfig?: {
+            serviceBaseUrl?: string;
             dataPath?: string;
             typhoonNums?: string[];
             sourcePriority?: string[];
@@ -22,12 +23,14 @@ export declare class TyphoonLayer {
     constructor(map: Layer.Map, options: TyphoonLayerOptions);
     getClassName(): string;
     getConfig(): {
+        serviceBaseUrl?: string;
         dataPath?: string;
         typhoonNums?: string[];
         sourcePriority?: string[];
         showForecast?: boolean;
         fitToExtent?: boolean;
     } & {
+        serviceBaseUrl?: string;
         dataPath?: string;
         typhoonNums?: string[];
         sourcePriority?: string[];

package/types/{request/typhoon.d.ts → components/map/methods/typhoonRequest.d.ts}

@@ -1,6 +1,3 @@
-export declare const TYPHOON_SERVICE_BASE_URL: any;
-export declare const TYPHOON_AUTHORIZATION: any;
-export declare const TYPHOON_DATA_PATH: any;
 export interface TyphoonListItem {
     num_inati: string;
     num_nati: string;
@@ -43,8 +40,10 @@ export interface TyphoonDetail {
     fcst?: Record<string, TyphoonPoint[] | TyphoonForecast>;
 }
 export interface TyphoonRequestOptions {
+    serviceBaseUrl?: string;
     dataPath?: string;
     authorization?: string;
+    signal?: AbortSignal;
 }
 export declare function getTyphoonList(options?: TyphoonRequestOptions): Promise<TyphoonListItem[]>;
 export declare function getTyphoonDetail(typhoonNum: string, options?: TyphoonRequestOptions): Promise<TyphoonDetail>;

package/types/components/map/methods/utils.d.ts

@@ -1,4 +1,5 @@
-import { Dayjs } from "dayjs";
+import { type Dayjs } from "dayjs";
+import { type MapMethodsConfig } from "./config";
 export declare function resolveSymFunction<T extends (...args: any[]) => any>(candidate: unknown): T | undefined;
 /** bbox经纬度转3857 */
 export declare function bboxFromLonlatTo3857(bbox: [number, number, number, number]): [number, number, number, number];
@@ -49,6 +50,7 @@ export declare function bilinearInterpolate(arr: Float32Array, x: number, y: num
  */
 export declare function getGrayDataFromImage(src: string, scope: [number, number], scopeBoundaries?: [boolean, boolean], authorization?: string, options?: {
     detectNoDataByBorderColor?: boolean;
+    signal?: AbortSignal;
 }): Promise<{
     grayArr: (number | undefined)[];
     width: number;
@@ -85,7 +87,7 @@ export declare function getWidthAndHeight(extent: [number, number, number, numbe
     width: number;
     height: number;
 };
-export declare function getUrlFromTime(el: any, time: string | Dayjs): string | string[];
+export declare function getUrlFromTime(el: any, time: string | Dayjs, requestConfig?: Pick<MapMethodsConfig, "serviceBaseUrl" | "imageSize">): string | string[];
 /**
  * 把单个数值映射为 rgba 数组（0..255）
  * thresholds: 排序后的阈值数组

package/types/components/map/methods/windShaft.d.ts

@@ -1,4 +1,4 @@
-import ImageCanvasSource from "ol/source/ImageCanvas";
+import ImageCanvasSource from "ol/source/ImageCanvas.js";
 import type { WindVectorData } from "./windLayer";
 type WindShaftResolvedConfig = {
     pixelStep: number;

package/types/components/map/methods/wmsLayer.d.ts

@@ -1,4 +1,4 @@
-import { TileWMS } from "ol/source";
+import { TileWMS } from "ol/source.js";
 type WmsLayerConfig = Record<string, string | number | boolean | string[] | undefined>;
 type WmsColorOptions = {
     styles?: string;

package/types/typings/layer.d.ts

@@ -39,6 +39,8 @@ declare namespace Layer {
     fallbackFilePath?: string;
     /** 图层数据url地址 */
     url?: string;
+    /** WMS service prefix. Overrides the global package configuration. */
+    serviceBaseUrl?: string;
     /** 图层是否显示，默认true */
     show?: boolean;
     /** 菜单图标名称 */
@@ -181,6 +183,8 @@ declare namespace Layer {
       };
       /** 台风路径图层配置 */
       typhoonConfig?: {
+        /** Typhoon JSON service prefix. */
+        serviceBaseUrl?: string;
         /** TDS fileServer 下的台风 JSON 目录 */
         dataPath?: string;
         /** 只加载指定台风编号；不传则加载列表内全部台风 */

package/types/serivce/api/tds.d.ts

@@ -1,16 +0,0 @@
-import type { ResponseType } from "axios";
-export declare function fetchXmlData(url: string, auth?: string): Promise<any>;
-export declare function fetchXMLFromUrl(url: string, auth?: string): Promise<any>;
-export declare function fetchExcel(url: string, auth?: string): Promise<any>;
-export declare function fetchTxtOrJson(url: string, params?: any, auth?: string): Promise<any>;
-export declare function fetchTdsGet(url: string, params?: any, auth?: string, options?: {
-    responseType?: ResponseType;
-}): Promise<any>;
-/**
- * 通过已有代理请求图片并返回 base64(DataURL)
- */
-export declare function fetchTdsImageBase64(url: string, params?: any): Promise<string>;
-/**
- * 统一获取图片 base64
- */
-export declare function fetchImageBase64(url: string, paramsOrAuth?: any, auth?: string): Promise<string>;

package/types/serivce/request/index.d.ts

@@ -1,2 +0,0 @@
-declare const service: import("axios").AxiosInstance;
-export default service;