ty-element 1.1.1

package/dist/components/globe/wide-line/type.d.ts

@@ -0,0 +1,10 @@
+import { ShaderMaterialParameters, Vector2 } from 'three';
+export type WideLineMaterialConstructorOptions = {
+    resolution?: Vector2;
+    lineColor?: string;
+    lineWidth?: number;
+    lineOpacity?: number;
+    animated?: boolean;
+    sizeAttenuation?: boolean;
+    animateSpeed?: number;
+} & ShaderMaterialParameters;

package/dist/components/loading/progress/index.d.ts

@@ -0,0 +1,8 @@
+import { ProgressProps } from './type';
+/**
+ * @description 进度条组件
+ * @author tiancheng.xia
+ * @since 2025-01-15
+ */
+declare const Progress: (props: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default Progress;

package/dist/components/loading/progress/type.d.ts

@@ -0,0 +1,80 @@
+import { CSSProperties } from 'react';
+export declare const ANIMATE_DURATION = 8;
+export type ActiveOptions = {
+    /**
+     * @description 进度条条带颜色默认#68e534
+     */
+    color?: CSSProperties["color"];
+    /**
+     * @description 条带前进速度默认值1
+     */
+    speed?: number;
+    /**
+     * @description 条带宽度默认值10px
+     */
+    width?: number;
+    /**
+     * @description 条带旋转角度默认145deg
+     */
+    angle?: number;
+};
+export type TipOptions = {
+    /**
+     * @description 进度条提示信息位置，默认center
+     */
+    anchor?: "center" | "left" | "right";
+    /**
+     * @description 进度条提示信息颜色，默认#000
+     */
+    color?: CSSProperties["color"];
+    /**
+     * @description 进度条提示信息字体大小，默认16px
+     */
+    size?: CSSProperties["fontSize"];
+    /**
+     * @description 进度条提示信息类名
+     */
+    className?: string;
+};
+export type ProgressProps = {
+    /**
+     * @description 根元素类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 进度条轮廓弧度
+     */
+    borderRadius?: CSSProperties["borderRadius"];
+    /**
+     * @description 进度百分比0-100
+     */
+    percentage: number;
+    /**
+     * @description 进度条容器背景色
+     */
+    bgContainer?: CSSProperties["background"];
+    /**
+     * @description 进度条背景色
+     */
+    bgProgress?: CSSProperties["background"];
+    /**
+     * @description 进度条容器宽度
+     */
+    width?: string | number;
+    /**
+     * @description 进度条容器高度
+     */
+    height?: string | number;
+    /**
+     * @description 进度条动画激活状态更多配置信息看ActiveOptions
+     */
+    active?: ActiveOptions | boolean;
+    /**
+     * @description 进度条提示信息，更多配置信息看TipOptions
+     */
+    tip?: boolean | TipOptions;
+    /**
+     * @description 进度条完成回调
+     */
+    onProgressComplete?: () => void;
+};

package/dist/components/loading/tick/index.d.ts

@@ -0,0 +1,8 @@
+import { TickProps } from './type';
+/**
+ * @description 打勾组件
+ * @author tiancheng.xia
+ * @since 2025-01-15
+ */
+declare const Tick: (props: TickProps) => import("react/jsx-runtime").JSX.Element;
+export default Tick;

package/dist/components/loading/tick/type.d.ts

@@ -0,0 +1,36 @@
+import { AnimationEventHandler, CSSProperties } from 'react';
+export declare const COMPLETE_SIZE = 120;
+export type TickProps = {
+    /**
+     * @description 根节点的类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 尺寸大小
+     */
+    size?: number;
+    /**
+     * @description 圆圈颜色
+     */
+    circleColor?: CSSProperties["color"];
+    /**
+     * @description 圆圈线条宽度
+     */
+    circleStrokeWidth?: number;
+    /**
+     * @description 对勾颜色
+     */
+    tickColor?: CSSProperties["color"];
+    /**
+     * @description 对勾线条宽度
+     */
+    tickStrokeWidth?: number;
+    /**
+     * @description 是否有动画
+     */
+    hasAnimate?: boolean;
+    /**
+     * @description 动画完成事件
+     */
+    onAnimateEnd?: AnimationEventHandler<SVGElement>;
+};

package/dist/components/loading/water-progress/index.d.ts

@@ -0,0 +1,8 @@
+import { WaterProgressProps } from './type';
+/**
+ * @description 水体进度条组件
+ * @author tiancheng.xia
+ * @since 2025-01-24
+ */
+declare const WaterProgress: (props: WaterProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default WaterProgress;

package/dist/components/loading/water-progress/type.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+export type WaterProgressProps = {
+    /**
+     * @description 根元素类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 进度百分比0-100
+     */
+    percentage: number;
+    /**
+     * @description 进度条容器宽度与高度
+     */
+    size?: CSSProperties["width"];
+    /**
+     * @description 进度条容器背景颜色
+     */
+    bgContainer?: CSSProperties["background"];
+    /**
+     * @description 水体背景颜色
+     */
+    bgWater?: CSSProperties["background"];
+    /**
+     * @description 进度条提示信息类名
+     */
+    textClassName?: string;
+    /**
+     * @description 进度条完成回调
+     */
+    onProgressComplete?: () => void;
+};

package/dist/components/map/compare-map/index.d.ts

@@ -0,0 +1,38 @@
+import { CompareMapRef } from './type';
+import { GISMaplibreRef } from '../gis-maplibre/type';
+/**
+ * @description 对比地图
+ * @author tiancheng.xia
+ * @since 2025-02-10
+ */
+declare const CompareMap: import('react').ForwardRefExoticComponent<{
+    leftMapOptions?: import('./type').CompareMapOptions;
+    rightMapOptions?: import('./type').CompareMapOptions;
+    slider?: import('react').ReactNode;
+    onMapsLoad?: (maps: GISMaplibreRef[]) => void;
+    initPosition?: number;
+    sliderVisible?: boolean;
+    defaultSliderColor?: import('react').CSSProperties["background"];
+} & {
+    children?: string | import('react').ReactNode;
+    loadingClassName?: string;
+    rootClassName?: string;
+    width?: import('react').CSSProperties["width"];
+    height?: import('react').CSSProperties["height"];
+    bg?: import('react').CSSProperties["background"];
+    flex?: boolean;
+    justify?: import('react').CSSProperties["justifyContent"];
+    align?: import('react').CSSProperties["alignItems"];
+    direction?: "v" | "h";
+    gap?: import('react').CSSProperties["gap"];
+    loadingOptions?: {
+        element?: import('react').ReactNode;
+        spin?: boolean;
+        text?: string | import('react').ReactNode;
+        size?: number;
+        color?: string;
+    };
+    animateName?: import('../../..').AnimateName;
+    disabled?: boolean;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children" | "className"> & import('react').RefAttributes<CompareMapRef>>;
+export default CompareMap;

package/dist/components/map/compare-map/type.d.ts

@@ -0,0 +1,52 @@
+import { AnimateContainerProps } from '../../animate-container/type';
+import { GISMaplibreProps, GISMaplibreRef } from '../gis-maplibre/type';
+import { CSSProperties, ReactNode } from 'react';
+export type CompareMapOptions = Omit<GISMaplibreProps, "ref" | "onLoad">;
+export type CompareMapProps = {
+    /**
+     * @description 左边地图props，与GISMaplibreProps一致,除去了ref和onLoad
+     */
+    leftMapOptions?: CompareMapOptions;
+    /**
+     * @description 右边地图props，与GISMaplibreProps一致,除去了ref和onLoad
+     */
+    rightMapOptions?: CompareMapOptions;
+    /**
+     * @description 自定义滑块组件,需要设置样式position为absolute，以及transform的translateX(-50%)否则无法居中
+     */
+    slider?: ReactNode;
+    /**
+     * @description 所有地图加载完成事件,maps返回顺序从左到右
+     */
+    onMapsLoad?: (maps: GISMaplibreRef[]) => void;
+    /**
+     * @description 滑块初始化位置，0 - 100
+     */
+    initPosition?: number;
+    /**
+     * @description 滑块是否可见
+     */
+    sliderVisible?: boolean;
+    /**
+     * @description 滑块默认颜色
+     */
+    defaultSliderColor?: CSSProperties["background"];
+} & AnimateContainerProps;
+export type CompareMapRef = {
+    /**
+     * @description 获取所有地图实例，顺序从左到右
+     */
+    getMaps: () => GISMaplibreRef[];
+    /**
+     * @description 获取滑块DOM
+     */
+    getSlider: () => HTMLDivElement | null;
+    /**
+     * @description 设置滑块位置，0 - 100
+     */
+    setSliderPosition: (position: number) => void;
+    /**
+     * @description 获取滑块位置，0 - 100
+     */
+    getSliderPosition: () => number;
+};

package/dist/components/map/data-selector-map/index.d.ts

@@ -0,0 +1,30 @@
+import { DataSelectorMapChangeEvent, DataSelectorMapRef } from './type';
+/**
+ * @description 数据选择地图组件
+ * @author tiancheng.xia
+ * @since 2025-01-03
+ */
+declare const DataSelectorMap: import('react').ForwardRefExoticComponent<{
+    precision?: number;
+    style?: {
+        draw?: {
+            color?: string;
+            opacity?: number;
+            outlineWidth?: number;
+            pointColor?: string;
+            pointRadius?: number;
+        };
+        measure?: {
+            color?: string;
+            opacity?: number;
+            outlineWidth?: number;
+            pointColor?: string;
+            pointRadius?: number;
+            textClassName?: string;
+        };
+    };
+    scalerDomSize?: number;
+    onChange?: (e: DataSelectorMapChangeEvent) => void;
+    onScaleChange?: (dis: number) => void;
+} & import('../gis-maplibre/type').GISMaplibreProps & import('react').RefAttributes<DataSelectorMapRef>>;
+export default DataSelectorMap;

package/dist/components/map/data-selector-map/type.d.ts

@@ -0,0 +1,99 @@
+import { Feature, FeatureCollection, MultiPolygon, Polygon } from '../../../types/geometry';
+import { GISMaplibreProps, GISMaplibreRef } from '../gis-maplibre/type';
+import { GetValue } from '../../../types/utils';
+export type DataSelectorMapChangeEvent = {
+    type: DrawMode;
+    data: Feature<Polygon | MultiPolygon> | FeatureCollection<Polygon | MultiPolygon>;
+};
+export type DataSelectorMapProps = {
+    /**
+     * @description 输出的精度位数
+     * @default 2
+     */
+    precision?: number;
+    /**
+     * @description 测量、绘制的样式配置,默认值见右侧
+     */
+    style?: {
+        draw?: {
+            color?: string;
+            opacity?: number;
+            outlineWidth?: number;
+            pointColor?: string;
+            pointRadius?: number;
+        };
+        measure?: {
+            color?: string;
+            opacity?: number;
+            outlineWidth?: number;
+            pointColor?: string;
+            pointRadius?: number;
+            textClassName?: string;
+        };
+    };
+    /**
+     * @description 比例尺的默认宽度，单位是像素
+     * @default 100
+     */
+    scalerDomSize?: number;
+    /**
+     * @description 绘制图形改变事件
+     * @param e
+     */
+    onChange?: (e: DataSelectorMapChangeEvent) => void;
+    /**
+     * @description 地图比例尺改变事件
+     * @param dis 每“scalerDomSize”像素代表地图上多少距离
+     */
+    onScaleChange?: (dis: number) => void;
+} & GISMaplibreProps;
+export type DataSelectorMapRef = {
+    /**
+     * @description 开始绘制
+     */
+    draw: (mode: Exclude<DrawMode, "custom">) => void;
+    /**
+     * @description 开始测量
+     */
+    measure: (mode: MeasureMode) => void;
+    /**
+     * @description 设置框选区域
+     */
+    setDrawData: (data: FeatureCollection<Polygon | MultiPolygon>) => void;
+    /**
+     *
+     * @description 获取框选区域
+     */
+    getDrawData: () => Feature<Polygon | MultiPolygon> | FeatureCollection<Polygon | MultiPolygon>;
+    /**
+     *
+     * @description 获取当前绘制模式
+     */
+    getDrawMode: () => DrawMode;
+    /**
+     *
+     * @description 获取当前测量模式
+     */
+    getMeasureMode: () => MeasureMode;
+} & GISMaplibreRef;
+export declare const DrawMode: {
+    readonly POLYGON: "polygon";
+    readonly RECTANGLE: "rectangle";
+    readonly CUSTOM: "custom";
+    readonly STOP: "stop";
+};
+export type DrawMode = GetValue<typeof DrawMode>;
+export declare const MeasureMode: {
+    readonly LINE: "line";
+    readonly POLYGON: "polygon";
+    readonly STOP: "stop";
+};
+export type MeasureMode = GetValue<typeof MeasureMode>;
+export declare const DRAW_SOURCE_ID = "sv-cps-draw-data";
+export declare const DRAW_LAYER_FILL_ID = "sv-cps-draw-fill";
+export declare const DRAW_LAYER_LINE_ID = "sv-cps-draw-line";
+export declare const DRAW_LAYER_CIRCLE_ID = "sv-cps-draw-circle";
+export declare const MEASURE_SOURCE_ID = "sv-cps-measure-data";
+export declare const MEASURE_LAYER_FILL_ID = "sv-cps-measure-fill";
+export declare const MEASURE_LAYER_LINE_ID = "sv-cps-measure-line";
+export declare const MEASURE_LAYER_CIRCLE_ID = "sv-cps-measure-circle";

package/dist/components/map/gis-map/index.d.ts

@@ -0,0 +1,9 @@
+import { GISMapProps, GISMapRef } from './type';
+/**
+ * @description GIS map component
+ * @author tiancheng.xia
+ * @since 2025-01-02
+ * @deprecated cause no-oss license
+ */
+declare const GISMap: import('react').ForwardRefExoticComponent<GISMapProps & import('react').RefAttributes<GISMapRef>>;
+export default GISMap;

package/dist/components/map/gis-map/type.d.ts

@@ -0,0 +1,132 @@
+import { Feature, FeatureCollection, LineString, MultiLineString, MultiPoint, MultiPolygon, Point, Polygon } from '../../../types/geometry';
+import { default as mapboxgl } from 'mapbox-gl';
+import { CSSProperties } from 'react';
+import { AddCircleLayerOptions, AddPolygonLayerOptions, MapCursor } from '../gis-maplibre/type';
+export type GISMapProps = {
+    /**
+     * @description 地图初始化配置
+     */
+    mapOptions?: Omit<mapboxgl.MapboxOptions, "container">;
+    /**
+     * @description 地图加载完成回调
+     */
+    onLoad?: (map: mapboxgl.Map) => void;
+    /**
+     * @description 容器的类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 容器的样式
+     */
+    style?: CSSProperties;
+};
+export type GISMapRef = {
+    /**
+     *
+     * @description 获取地图实例
+     */
+    getMap: () => mapboxgl.Map | null;
+    /**
+     * @description 地图自适应
+     */
+    fitBounds: (bounds: mapboxgl.LngLatBoundsLike, options?: mapboxgl.FitBoundsOptions) => void;
+    /**
+     * @description 设置地图视图
+     */
+    setView: (options: mapboxgl.CameraOptions & mapboxgl.AnimationOptions) => void;
+    /**
+     * @description 移除地图数据源
+     */
+    removeSource: (sourceId: string) => void;
+    /**
+     * @description 移除图层
+     */
+    removeLayer: (layerId: string) => void;
+    /**
+     * @description 移除地图数据源和图层，前提是数据源与图层是一对一的关系
+     */
+    removeSourceAndLayer: (id: string) => void;
+    /**
+     * @description 添加栅格图层
+     */
+    addRasterLayer: (id: string, tileUrl: string, beforeId?: string) => void;
+    /**
+     * @description 添加图片图层
+     */
+    addImageLayer: (id: string, imageUrl: string, coordinates: number[][], beforeId?: string) => void;
+    /**
+     * @description 添加 GeoJson面或者线图层
+     */
+    addGeoJsonPolygonLayer: (id: string, geojson: FeatureCollection<Polygon | MultiPolygon> | FeatureCollection<LineString | MultiLineString>, options?: AddPolygonLayerOptions) => void;
+    /**
+     * @description 添加 GeoJson点图层
+     */
+    addGeoJsonCircleLayer: (id: string, geojson: FeatureCollection<Point | MultiPoint>, options?: AddCircleLayerOptions) => void;
+    /**
+     * @description 设置 GeoJson数据
+     */
+    setGeoJsonData: <T>(id: string, geojson: FeatureCollection<T>) => void;
+    /**
+     * @description 获取 GeoJson数据
+     */
+    getGeoJsonData: <T>(id: string) => FeatureCollection<T> | Feature<T> | null;
+    /**
+     * @description 变化尺寸
+     */
+    resize: () => void;
+    /**
+     * @description 移除地图
+     */
+    remove: () => void;
+    /**
+     * @description 添加图层
+     */
+    addLayer: (layer: mapboxgl.AnyLayer, beforeId?: string) => void;
+    /**
+     * @description 添加数据源
+     */
+    addSource: (id: string, source: mapboxgl.AnySourceData) => void;
+    /**
+     *
+     * @description 设置底图
+     */
+    setBaseLayer: (url: string) => void;
+    /**
+     * @description 设置图层可见性
+     */
+    setLayerVisible: (id: string, visible: boolean) => void;
+    /**
+     * @description 设置地图上的鼠标状态
+     */
+    setCursor: (cursor: MapCursor) => void;
+    /**
+     * @description 获取当前地图上的比例尺距离,单位是m
+     */
+    getScale: (domSize: number) => number;
+    /**
+     *
+     * @description 获取当前地图是否加载完毕
+     */
+    loaded: () => boolean;
+    /**
+     * @description 将当前的canvas转为blob流
+     */
+    toBlob: HTMLCanvasElement["toBlob"];
+    /**
+     * @description 下载当前的canvas
+     */
+    download: (format: "png" | "jpg", fileName?: string) => void;
+    /**
+     * @description 设置布局属性
+     */
+    setLayoutProperty: (id: string, property: string, value: any) => void;
+    /**
+     * @description 设置样式属性
+     */
+    setPaintProperty: (id: string, property: string, value: any) => void;
+    /**
+     * @description 为基础地图添加label，可以切换中英文,为空时候移除label
+     */
+    setBaseLayerLabel: (language?: "en" | "cn") => void;
+};
+export declare const GISMAP_DISPLAY_NAME = "SV-CPS-GISMAP";

package/dist/components/map/gis-maplibre/crepuscule/index.d.ts

@@ -0,0 +1,49 @@
+import { Map } from 'maplibre-gl';
+export type Color = [number, number, number];
+export type CrepusculeOptions = {
+    color?: Color;
+    opacity?: number;
+    date?: Date;
+    debug?: boolean;
+};
+export type TransitionOptions = {
+    duration?: number;
+    delay?: number;
+};
+export declare class Crepuscule {
+    private map;
+    private color;
+    private opacity;
+    private date;
+    private unique;
+    private protocolNamespace;
+    private tileUriPattern;
+    private layerId;
+    private sourceId;
+    private debug;
+    private source;
+    private wasUnmounted;
+    constructor(map: Map, options?: CrepusculeOptions);
+    private generateTilePixelOnWorker;
+    private init;
+    setOpacity(o: number): void;
+    hide(): void;
+    show(): void;
+    setDate(date: Date): void;
+    update(): void;
+    unmount(): void;
+    private raiseIfUnmounted;
+}
+export declare class CrepusculeLive {
+    private opacity;
+    private crA;
+    private crB;
+    private usingA;
+    private intervalId;
+    private map;
+    constructor(map: Map, options?: CrepusculeOptions);
+    start(): void;
+    stop(): void;
+    _update(): void;
+    unmount(): void;
+}

package/dist/components/map/gis-maplibre/custom-layers/atmosphere-layer/index.d.ts

@@ -0,0 +1,5 @@
+import { AtmosphereLayer } from './type';
+export declare const ATMOSPHERE_LAYER_ID = "sv-cps-atmosphere-layer";
+export declare const ATMOSPHERE_GLOW_LAYER_ID = "sv-cps-atmosphere-glow-layer";
+declare const getAtmosphereLayer: () => AtmosphereLayer;
+export default getAtmosphereLayer;

package/dist/components/map/gis-maplibre/custom-layers/atmosphere-layer/type.d.ts

@@ -0,0 +1,20 @@
+import { default as Program } from '../../../../../shaders/program';
+import { CustomLayer } from '../type';
+export type AtmosPhereRenderPrepares = {
+    aLocations: {
+        [k: string]: number;
+    };
+    programInstance: Program;
+    positionBuffer: WebGLBuffer;
+    positionIndexBuffer: WebGLBuffer;
+    uvBuffer: WebGLBuffer;
+};
+export type AtmosphereOptions = {
+    /** 环境光强度 */
+    intensity?: number;
+    /** 环境光起始颜色 */
+    startColor?: string;
+    /** 环境光终止颜色 */
+    endColor?: string;
+};
+export type AtmosphereLayer = CustomLayer<AtmosPhereRenderPrepares> & AtmosphereOptions;

package/dist/components/map/gis-maplibre/custom-layers/index.d.ts

@@ -0,0 +1,40 @@
+import { CustomRenderMethodInput, Map } from 'maplibre-gl';
+import { RenderLoop } from './type';
+import * as THREE from "three";
+export type RenderingMode = "2d" | "3d";
+/**
+ * @description 自定义图层
+ * @author tiancheng.xia
+ * @since 2025-04-15
+ */
+declare class CustomLayer {
+    id: string;
+    renderingMode: RenderingMode;
+    type: "custom";
+    camera: THREE.PerspectiveCamera;
+    scene: THREE.Scene;
+    renderer?: THREE.WebGLRenderer;
+    map?: Map;
+    gl?: WebGLRenderingContext | WebGL2RenderingContext;
+    args?: CustomRenderMethodInput;
+    static _earthRadius: number;
+    _renderLoop?: RenderLoop;
+    _raycaster: THREE.Raycaster;
+    _projByViewInv: THREE.Matrix4;
+    constructor(id: string, renderingMode?: RenderingMode);
+    get canvas(): HTMLCanvasElement | undefined;
+    get _2dLayerId(): string;
+    setRay(point: {
+        x: number;
+        y: number;
+    }): void;
+    getRay(): THREE.Raycaster;
+    repaint(): void;
+    setRenderLoop(callback: RenderLoop): void;
+    setVisible(visible: boolean): void;
+    _setRenderingMode(mode: RenderingMode): void;
+    onAdd(map: Map, gl: WebGLRenderingContext | WebGL2RenderingContext): void;
+    render(gl: WebGLRenderingContext | WebGL2RenderingContext, args: CustomRenderMethodInput): void;
+    onRemove(): void;
+}
+export default CustomLayer;