@idmwx/idmui-gl4 0.0.1

package/dist/mapbox/src/components/weather/sigWaveHeight.vue.d.ts

@@ -0,0 +1,39 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace map {
+            const type: ObjectConstructor;
+        }
+        namespace sigWaveHeight {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace beforeLayer {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+        }
+        namespace activeWeatherLayers {
+            const type_3: ArrayConstructor;
+            export { type_3 as type };
+        }
+    }
+    function data(): {
+        source: string;
+        heightLayer: string;
+        heightLabelLayer: string;
+        empty: turf.helpers.FeatureCollection<turf.helpers.Geometry, turf.helpers.Properties>;
+    };
+    const watch: {
+        'sigWaveHeight.version': {
+            handler(): void;
+            deep: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleMove(): void;
+        function handleClear(): void;
+    }
+}
+import * as turf from '@turf/turf';

package/dist/mapbox/src/components/weather/swell.vue.d.ts

@@ -0,0 +1,45 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace map {
+            const type: ObjectConstructor;
+        }
+        namespace swell {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace beforeLayer {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+        }
+        namespace activeWeatherLayers {
+            const type_3: ArrayConstructor;
+            export { type_3 as type };
+        }
+    }
+    function data(): {
+        source: string;
+        directionLayer: string;
+        heightLayer: string;
+        heightLabelLayer: string;
+        empty: turf.helpers.FeatureCollection<turf.helpers.Geometry, turf.helpers.Properties>;
+    };
+    const watch: {
+        'swell.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        activeWeatherLayers: {
+            handler(): void;
+            deep: boolean;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleMove(): void;
+        function handleClear(): void;
+    }
+}
+import * as turf from '@turf/turf';

package/dist/mapbox/src/components/weather/temp.vue.d.ts

@@ -0,0 +1,50 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace factor {
+            const type: ObjectConstructor;
+        }
+        namespace viewport {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace bottom {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+            const _default: string;
+            export { _default as default };
+        }
+        namespace toggleVersion {
+            const type_3: NumberConstructor;
+            export { type_3 as type };
+        }
+    }
+    function data(): {
+        program: undefined;
+        context: undefined;
+        texture: undefined;
+        rampColor: undefined;
+        aPositionBuffer: undefined;
+        webgl: WebGL;
+        etime: undefined;
+        right: number;
+    };
+    const watch: {
+        'factor.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleVersion: {
+            handler(): void;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleSetup(): void;
+        function handleDraw(): Promise<void>;
+    }
+}
+import { WebGL } from '../../helper.ts';

package/dist/mapbox/src/components/weather/tropical.vue.d.ts

@@ -0,0 +1,85 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace map {
+            const type: ObjectConstructor;
+        }
+        namespace tropicals {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace date {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+        }
+        namespace timeZone {
+            const type_3: NumberConstructor;
+            export { type_3 as type };
+            const _default: number;
+            export { _default as default };
+        }
+    }
+    const emits: string[];
+    function data(): {
+        helper: any;
+        source: string;
+        clusterSource: string;
+        historyLayer: string;
+        forecastLayer: string;
+        forecastModelLayer: string;
+        forecastNameLayer: string;
+        pointCircleLayer: string;
+        pointLabelLayer: string;
+        historyPointCircleLayer: string;
+        historyPointLabelLayer: string;
+        interpolateData: never[];
+        interpolateMarkers: never[];
+        interpolateSource: string;
+        interpolateLineLayer: string;
+        showTropicals: boolean;
+        activeTropicals: undefined;
+        activeTropicalsMarker: undefined;
+        empty: turf.helpers.FeatureCollection<turf.helpers.Geometry, turf.helpers.Properties>;
+        circleSource: string;
+        circleSourceData: turf.helpers.FeatureCollection<turf.helpers.Geometry, turf.helpers.Properties>;
+        circleLayer: string;
+    };
+    namespace computed {
+        function computeTime(): (time: any) => string;
+        function computeTimezone(): any;
+        function computeBF(): (kts: any) => number;
+        function computeMovement(): (activeTropicals: any) => any;
+    }
+    const watch: {
+        'tropicals.active': {
+            handler(): void;
+            immediate: boolean;
+        };
+        showTropicals: {
+            handler(): void;
+            immediate: boolean;
+        };
+        'tropicals.version': {
+            handler(): void;
+        };
+        timeZone: {
+            handler(): void;
+        };
+    };
+    namespace methods {
+        function handleRefresh(): void;
+        function handleInit(): void;
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleDateChange(): void;
+        function handleClick(event: any): void;
+        function handleForecastToggle(forecast: any): void;
+        function handleStrikeProbability(tropical: any): void;
+        function handleToggleCircles(activeTropicals: any): void;
+        function handleDrawCircle(): void;
+        function handleComputePolygons(points: any): (turf.helpers.Feature<turf.helpers.MultiPolygon, turf.helpers.Properties> | turf.helpers.Feature<turf.helpers.Polygon, turf.helpers.Properties>)[];
+        function handleComputeArc(center: any, radius: any, properties: any): turf.helpers.Feature<turf.helpers.MultiPolygon, turf.helpers.Properties> | turf.helpers.Feature<turf.helpers.Polygon, turf.helpers.Properties>;
+    }
+}
+import * as turf from '@turf/turf';

package/dist/mapbox/src/components/weather/visibility.vue.d.ts

@@ -0,0 +1,49 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace factor {
+            const type: ObjectConstructor;
+        }
+        namespace viewport {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace bottom {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+            const _default: string;
+            export { _default as default };
+        }
+        namespace toggleVersion {
+            const type_3: NumberConstructor;
+            export { type_3 as type };
+        }
+    }
+    function data(): {
+        program: undefined;
+        context: undefined;
+        texture: undefined;
+        rampColor: undefined;
+        aPositionBuffer: undefined;
+        webgl: WebGL;
+        etime: undefined;
+    };
+    const watch: {
+        'factor.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleVersion: {
+            handler(): void;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleSetup(): void;
+        function handleDraw(): Promise<void>;
+    }
+}
+import { WebGL } from '../../helper.ts';

package/dist/mapbox/src/components/weather/waterTemp.vue.d.ts

@@ -0,0 +1,50 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace factor {
+            const type: ObjectConstructor;
+        }
+        namespace viewport {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace bottom {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+            const _default: string;
+            export { _default as default };
+        }
+        namespace toggleVersion {
+            const type_3: NumberConstructor;
+            export { type_3 as type };
+        }
+    }
+    function data(): {
+        program: undefined;
+        context: undefined;
+        texture: undefined;
+        rampColor: undefined;
+        aPositionBuffer: undefined;
+        webgl: WebGL;
+        etime: undefined;
+        right: number;
+    };
+    const watch: {
+        'factor.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleVersion: {
+            handler(): void;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleSetup(): void;
+        function handleDraw(): Promise<void>;
+    }
+}
+import { WebGL } from '../../helper.ts';

package/dist/mapbox/src/components/weather/wind.vue.d.ts

@@ -0,0 +1,73 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace map {
+            const type: ObjectConstructor;
+        }
+        namespace wind {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+        }
+        namespace current {
+            const type_2: ObjectConstructor;
+            export { type_2 as type };
+        }
+        namespace beforeLayer {
+            const type_3: StringConstructor;
+            export { type_3 as type };
+        }
+        namespace mapProjection {
+            const type_4: StringConstructor;
+            export { type_4 as type };
+        }
+        namespace showWindFeather {
+            const type_5: BooleanConstructor;
+            export { type_5 as type };
+            const _default: boolean;
+            export { _default as default };
+        }
+        namespace showWindParticle {
+            const type_6: BooleanConstructor;
+            export { type_6 as type };
+            const _default_1: boolean;
+            export { _default_1 as default };
+        }
+        namespace toggleParticeVersion {
+            const type_7: NumberConstructor;
+            export { type_7 as type };
+        }
+        namespace toggleVersion {
+            const type_8: NumberConstructor;
+            export { type_8 as type };
+        }
+    }
+    const emits: string[];
+    function data(): {
+        source: string;
+        barbs: number[];
+        empty: turf.helpers.FeatureCollection<turf.helpers.Geometry, turf.helpers.Properties>;
+        right: number;
+        bottom: number;
+        windBarbLoaded: boolean;
+    };
+    const watch: {
+        'wind.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleParticeVersion: {
+            handler(): void;
+        };
+        showWindFeather: {
+            handler(): void;
+        };
+    };
+    namespace methods {
+        function handleParticle(): void;
+        function handleRender(): void;
+        function handleToggle(): void;
+        function handleClear(): void;
+    }
+}
+import * as turf from '@turf/turf';

package/dist/mapbox/src/components/weather/windParticle.vue.d.ts

@@ -0,0 +1,68 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace factor {
+            const type: ObjectConstructor;
+        }
+        namespace viewport {
+            export { Viewport as type };
+        }
+        namespace bottom {
+            const type_1: StringConstructor;
+            export { type_1 as type };
+            const _default: string;
+            export { _default as default };
+        }
+        namespace toggleVersion {
+            const type_2: NumberConstructor;
+            export { type_2 as type };
+        }
+    }
+    function data(): {
+        program: undefined;
+        context: undefined;
+        texture: undefined;
+        rampColor: undefined;
+        aPositionBuffer: undefined;
+        webgl: WebGL;
+        etime: undefined;
+        wrapper: undefined;
+        animation: undefined;
+        particleContext: undefined;
+        particleTexture: undefined;
+        particleOptions: {
+            fadeOpacity: number;
+            speedFactor: number;
+            dropRate: number;
+            dropRateBump: number;
+            uvRange: number[];
+            sRange: number[];
+        };
+        paused: boolean;
+        initial: boolean;
+        right: number;
+    };
+    const watch: {
+        'factor.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleVersion: {
+            handler(): void;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleSetup(): void;
+        function handleParticleSetup(): void;
+        function handleDraw(): Promise<void>;
+        function handleResize(): void;
+        function handlePause(): void;
+        function handlePlay(): void;
+    }
+}
+import { Viewport } from '../../helper.ts';
+import { WebGL } from '../../helper.ts';

package/dist/mapbox/src/helper.d.ts

@@ -0,0 +1,175 @@
+import mapboxgl from 'mapbox-gl';
+export interface ParticleOptions {
+    fadeOpacity: number;
+    speedFactor: number;
+    dropRate: number;
+    dropRateBump: number;
+    uvRange: number[];
+    sRange: number[];
+    scale: number;
+}
+export declare class Viewport {
+    map: mapboxgl.Map;
+    private mercator;
+    rampColorLayer: string;
+    rampColorSource: string;
+    particleLayer: string;
+    particleSource: string;
+    rampColorCanvas: HTMLCanvasElement;
+    particleCanvas: HTMLCanvasElement;
+    ratio: number;
+    constructor(map: mapboxgl.Map);
+    /**
+     * 转换为[-180, 180]的经度，且包含转换次数
+     * @param lng
+     * @param n
+     */
+    private convertNLng;
+    /**
+     * [4326坐标]
+     * 返回视窗边界经纬度(从西北方向逆时针返回四个角的经纬度)
+     * 依次为： NW, NE, SE, SW
+     * @param map
+     * @return [[lng, lat], [lng, lat], [lng, lat], [lng, lat]]
+     */
+    getBoundLngLat(): number[][];
+    /**
+     * [视窗像素坐标]
+     * @see https://github.com/mapbox/sphericalmercator
+     * 返回视窗边界像素
+     * 依次为: 左下角(lf = left bottom)、右上角(rt = right top)
+     * @param [lb.x, lb.y, rt.x, rt.y]
+     */
+    getBoundPixel(): any[];
+    /**
+     * [视窗边界像素宽度]
+     */
+    getBoundRange(): any[];
+    /**
+     * 获取视窗世界（多世界复本）
+     * @param pixels
+     * @param zoom
+     */
+    getWorldCopy(pixels: number[], zoom: number): number[][];
+    resize(): void;
+    toggle(visible: boolean): void;
+    toggleParticle(visible: boolean): void;
+}
+export declare class WebGL {
+    /**
+     * 创建着色器
+     * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
+     * @param gl
+     * @param type [VERTEX_SHADER, FRAGMENT_SHADER]
+     * @param schema 着色器渲染代码[GLSL]
+     */
+    createShader(gl: WebGLRenderingContext, type: GLenum, schema: any): WebGLShader | null;
+    /**
+     * 创建纹理
+     * @see https://blog.csdn.net/qq_37987033/article/details/128745577
+     * @param gl
+     * @param minFilter
+     * @param magFilter
+     * @param wrapFilter
+     * @param data
+     * @param width??
+     * @param height??
+     */
+    createTexture(gl: WebGLRenderingContext, minFilter: GLint, magFilter: GLint, wrapFilter: GLint, data: Uint8Array | HTMLCanvasElement | HTMLImageElement | undefined, width?: number | undefined, height?: number | undefined): WebGLTexture | null;
+    /**
+     * 创建数据资源
+     * @param type [array, element]
+     * array: ARRAY_BUFFER
+     * element: ELEMENT_ARRAY_BUFFER
+     * @param resource 顶点数据
+     */
+    createDataBuffer(gl: WebGLRenderingContext, type: string, resource: BufferSource | undefined): WebGLBuffer | null;
+    /**
+     * 创建程序
+     * @param gl
+     * @param vertexSchema
+     * @param fragmentSchema
+     */
+    createProgram(gl: WebGLRenderingContext, vertexSchema: string, fragmentSchema: string): WebGLProgram | null;
+    /**
+     * 创建程序并提取attrib & uniform参数
+     * @param gl
+     * @param vertexSchema
+     * @param fragmentSchema
+     */
+    private createProgramWrapper;
+    /**
+     * 初始化渐变色纹理
+     * @param colors
+     */
+    setup(context: WebGLRenderingContext | null, colors: Array<[number, string]>, int8?: boolean, width?: number, height?: number): {
+        canvas: HTMLCanvasElement;
+        texture: WebGLTexture | null;
+    } | undefined;
+    setupParticle(context: WebGLRenderingContext, num?: number): {
+        resolution: number;
+        total: number;
+        texture0: WebGLTexture | null;
+        texture1: WebGLTexture | null;
+        indexBuffer: WebGLBuffer | null;
+    };
+    bind(context: WebGLRenderingContext | null, vertexSchema: string, fragmentSchema: string): {
+        program: WebGLProgram;
+        aPositionBuffer: WebGLBuffer | null;
+    } | {
+        program?: undefined;
+        aPositionBuffer?: undefined;
+    };
+    bindParticle(gl: WebGLRenderingContext, drawVert: string, drawFrag: string, quadVert: string, screenFrag: string, updateFrag: string): {
+        particle: {
+            program: WebGLProgram;
+        } | undefined;
+        screen: {
+            program: WebGLProgram;
+        } | undefined;
+        update: {
+            program: WebGLProgram;
+        } | undefined;
+        quadBuffer: WebGLBuffer | null;
+        frameBuffer: WebGLFramebuffer | null;
+    };
+    draw(viewport: Viewport, context: WebGLRenderingContext | null, program: WebGLProgram | null, texture: WebGLTexture | null, colorTexture: WebGLTexture | null, aPositionBuffer: WebGLBuffer | null, options?: ParticleOptions): void;
+    drawParticle(viewport: Viewport, gl: WebGLRenderingContext, factorTexture: WebGLTexture, wrapper: any, options: ParticleOptions): void;
+    private renderScreen;
+    private renderScreenTexture;
+    renderParticles(viewport: Viewport, gl: WebGLRenderingContext, wrapper: any, options: ParticleOptions): void;
+    updateParticles(viewport: Viewport, gl: WebGLRenderingContext, wrapper: any, options: ParticleOptions): void;
+    resize(viewport: Viewport, gl: WebGLRenderingContext): {
+        screenTexture: WebGLTexture | null;
+        backgroundTexture: WebGLTexture | null;
+    };
+    loadImg(data: any): Promise<HTMLImageElement>;
+}
+/**
+ * WebGL (GLSL)渲染语法
+ */
+export declare class WebGLSchema {
+    static vertexSchema: string;
+    static uvFragmentSchema: string;
+    static fragmentSchema: string;
+}
+export declare class ParticleSchema {
+    static vertexSchema: string;
+    static fragmentSchema: string;
+    static quadVertSchema: string;
+    static screenFragmentSchema: string;
+    static updateFragmentSchema: string;
+}
+/**
+ * Mapbox辅助图层
+ */
+export declare class MapboxHelper {
+    token: any;
+    mapboxCustomer: any;
+    i4: any;
+    hi: any;
+    td: any;
+    windy: any;
+    mapboxStyle: any;
+    constructor(token?: string);
+}