ty-element 1.1.1

package/README.md

@@ -0,0 +1,23 @@
+# 使用
+
+- 在 main.tsx 中导入样式文件
+
+  ```js
+  import "ty-element/dist/style.css";
+  ```
+
+- 如果使用 pnpm 则不需要安装 peerDependencies 中的内容
+
+- 不需要再安装 animate.css
+
+# 发布
+
+- 先去 src/index.ts 中导入新开发的组件以及组件对应的 ts 类型
+
+- 然后在 examples 中进行测试，相应的 props 与类型是否有提示
+
+- 测试通过后,pnpm build
+
+- 打包完成后，将 package.json 文件中的 version 进行修改
+
+- 设置好 npm 源后，npm publish

package/dist/components/animate-container/index.d.ts

@@ -0,0 +1,9 @@
+import { AnimateContainerProps } from './type';
+/**
+ *
+ * @description 带有动画的容器,容器默认撑开包含块
+ * @author tiancheng.xia
+ * @since 2024/12/31
+ */
+declare const AnimateContainer: (props: AnimateContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default AnimateContainer;

package/dist/components/animate-container/type.d.ts

@@ -0,0 +1,67 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export declare const ANIMATE_NAMES: readonly ["none", "bounce", "flash", "pulse", "rubberBand", "shakeX", "shakeY", "headShake", "swing", "tada", "wobble", "jello", "heartBeat", "backInDown", "backInLeft", "backInRight", "backInUp", "backOutDown", "backOutLeft", "backOutRight", "backOutUp", "bounceIn", "bounceInDown", "bounceInLeft", "bounceInRight", "bounceInUp", "bounceOut", "bounceOutDown", "bounceOutLeft", "bounceOutRight", "bounceOutUp", "fadeIn", "fadeInDown", "fadeInDownBig", "fadeInLeft", "fadeInLeftBig", "fadeInRight", "fadeInRightBig", "fadeInUp", "fadeInUpBig", "fadeInTopLeft", "fadeInTopRight", "fadeInBottomLeft", "fadeInBottomRight", "fadeOut", "fadeOutDown", "fadeOutDownBig", "fadeOutLeft", "fadeOutLeftBig", "fadeOutRight", "fadeOutRightBig", "fadeOutUp", "fadeOutUpBig", "fadeOutTopLeft", "fadeOutTopRight", "fadeOutBottomRight", "fadeOutBottomLeft", "flip", "flipInX", "flipInY", "flipOutX", "flipOutY", "lightSpeedInRight", "lightSpeedInLeft", "lightSpeedOutRight", "lightSpeedOutLeft", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight", "rotateOut", "rotateOutDownLeft", "rotateOutDownRight", "rotateOutUpLeft", "rotateOutUpRight", "hinge", "jackInTheBox", "rollIn", "rollOut", "zoomIn", "zoomInDown", "zoomInLeft", "zoomInRight", "zoomInUp", "zoomOut", "zoomOutDown", "zoomOutLeft", "zoomOutRight", "zoomOutUp", "slideInDown", "slideInLeft", "slideInRight", "slideInUp", "slideOutDown", "slideOutLeft", "slideOutRight", "slideOutUp"];
+export type AnimateName = (typeof ANIMATE_NAMES)[number];
+export type AnimateContainerProps = {
+    /**
+     * @description 插槽
+     */
+    children?: string | ReactNode;
+    /**
+     * @description 加载根的类名
+     */
+    loadingClassName?: string;
+    /**
+     * @description 最外层容器类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 容器宽度
+     */
+    width?: CSSProperties["width"];
+    /**
+     * @description 容器高度
+     */
+    height?: CSSProperties["height"];
+    /**
+     * @description 容器背景色
+     */
+    bg?: CSSProperties["background"];
+    /**
+     * @description 是否开启弹性布局
+     */
+    flex?: boolean;
+    /**
+     * @description 水平对齐方式
+     */
+    justify?: CSSProperties["justifyContent"];
+    /**
+     * @description 垂直对齐方式
+     */
+    align?: CSSProperties["alignItems"];
+    /**
+     * @description 垂直对齐方式
+     */
+    direction?: "v" | "h";
+    /**
+     * @description 弹性布局时的间隙
+     */
+    gap?: CSSProperties["gap"];
+    /**
+     * @description 当容器有loading时候,当element为非空的时候，除了spin，其他属性失效
+     */
+    loadingOptions?: {
+        element?: ReactNode;
+        spin?: boolean;
+        text?: string | ReactNode;
+        size?: number;
+        color?: string;
+    };
+    /**
+     * @description 动画名称
+     */
+    animateName?: AnimateName;
+    /**
+     * @description 是否禁用
+     */
+    disabled?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, "className" | "children">;

package/dist/components/button/count/index.d.ts

@@ -0,0 +1,3 @@
+import { CountButtonProps } from './type';
+declare const CountButton: (props: CountButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default CountButton;

package/dist/components/button/count/type.d.ts

@@ -0,0 +1,16 @@
+import { MouseEvent, ReactNode } from 'react';
+import { RippleButtonProps } from '../ripple/type';
+export type CountButtonProps = {
+    /**
+     * @description 倒计时的初始值
+     */
+    count: number;
+    /**
+     * @description 开始倒计时后的展示内容
+     */
+    text: (c: number) => ReactNode;
+    /**
+     * @description 倒计时按钮点击之前，返回Promise,如果返回reject，则不执行倒计时
+     */
+    beforeClick?: (e: MouseEvent) => Promise<any>;
+} & Omit<RippleButtonProps, "disabled" | "onClick">;

package/dist/components/button/glow/index.d.ts

@@ -0,0 +1,9 @@
+import { GlowButtonProps } from './type';
+/**
+ *
+ * @description 发光按钮
+ * @author tiancheng.xia
+ * @since 2025/03/17
+ */
+declare const GlowButton: (props: GlowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default GlowButton;

package/dist/components/button/glow/type.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { RippleButtonProps } from '../ripple/type';
+export type GlowButtonProps = {
+    /**
+     * @description 触发方式
+     */
+    trigger?: "hover" | "always";
+    /**
+     * @description 光晕范围 0-10
+     */
+    glowRange?: number;
+    /**
+     * @description 模糊
+     */
+    blur?: number;
+    /**
+     * @description 光晕颜色
+     */
+    glowColor?: CSSProperties["color"];
+} & RippleButtonProps;
+export declare const getGlowBoxShader: (glowRange: number, blur: number, glowColor: CSSProperties["color"]) => string;

package/dist/components/button/ripple/index.d.ts

@@ -0,0 +1,9 @@
+import { RippleButtonProps } from './type';
+/**
+ *
+ * @description 水波纹按钮
+ * @author tiancheng.xia
+ * @since 2025/03/04
+ */
+declare const RippleButton: (props: RippleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RippleButton;

package/dist/components/button/ripple/type.d.ts

@@ -0,0 +1,30 @@
+import { AnimateContainerProps } from '../../animate-container/type';
+import { RippleContainerProps } from '../../ripple-container/type';
+import { CSSProperties } from 'react';
+export declare const LOADING_SIZE: {
+    readonly small: 13;
+    readonly middle: 17;
+    readonly large: 21;
+};
+export type RippleButtonProps = {
+    /**
+     * @description 按钮尺寸,详情见index.scss
+     */
+    size?: keyof typeof LOADING_SIZE;
+    /**
+     * @description 按钮类型,控制按钮的颜色
+     */
+    type?: "primary" | "warning" | "danger" | "success" | "info" | "default" | "text";
+    /**
+     * @description 按钮是否为加载状态
+     */
+    loading?: boolean;
+    /**
+     * @description 加载状态的颜色
+     */
+    loadingColor?: CSSProperties["color"];
+    /**
+     * @description 加载状态的大小
+     */
+    loadingSize?: number;
+} & Pick<AnimateContainerProps, "disabled"> & Omit<RippleContainerProps, "enable">;

package/dist/components/button/streamer/index.d.ts

@@ -0,0 +1,3 @@
+import { StreamerButtonProps } from './type';
+declare const StreamerButton: (props: StreamerButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StreamerButton;

package/dist/components/button/streamer/type.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { RippleButtonProps } from '../ripple/type';
+export type GradientDirection = "right" | "left" | "bottom" | "top" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
+export type StreamerButtonProps = {
+    colorStop0?: CSSProperties["color"];
+    colorStop1?: CSSProperties["color"];
+    interval?: number;
+    animate?: boolean;
+    borderWidth?: CSSProperties["borderWidth"];
+    gradientDirection?: GradientDirection;
+} & Omit<RippleButtonProps, "type">;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { CarouselProps } from './type';
+/**
+ *
+ * @description 走马灯
+ * @author tiancheng.xia
+ * @since 2025/05/13
+ */
+declare const Carousel: FC<CarouselProps>;
+export default Carousel;

package/dist/components/carousel/type.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from 'react';
+export type CarouselItem = {
+    imgUrl: string;
+} & Record<string, any>;
+export type CarouselProps = {
+    data: CarouselItem[];
+    activeIndex: number;
+    onPrev?: (index: number) => void;
+    onNext?: (index: number) => void;
+    onItemClick?: (index: number) => void;
+    rootClassName?: string;
+    width?: CSSProperties["width"];
+    vw?: CSSProperties["width"];
+    vh?: CSSProperties["height"];
+    itemRender?: (item: CarouselItem, index: number) => ReactNode;
+    leftRender?: () => ReactNode;
+    rightRender?: () => ReactNode;
+};

package/dist/components/globe/entity-collection.d.ts

@@ -0,0 +1,22 @@
+import { Feature, FeatureCollection } from '../../types/geometry';
+import { default as Entity } from './entity';
+declare class EntityCollection<T> {
+    private _data;
+    add(entity: Entity<T>): this;
+    remove(entity: Entity<T>): this;
+    removeEntityById(uuid: string): this;
+    setData(data: Entity<T>[]): this;
+    getData(): Entity<T>[];
+    getFeatureCollection(): {
+        type: string;
+        features: Feature<T>[];
+    };
+    getIds(): string[];
+    removeFirst(): this;
+    removeLast(): this;
+    removeAll(): this;
+    getEntityById(uuid: string): Entity<T> | undefined;
+    setFeatureCollection(featureCollection: FeatureCollection<T>): this;
+    addFeature(feature: Feature<T>): this;
+}
+export default EntityCollection;

package/dist/components/globe/entity.d.ts

@@ -0,0 +1,12 @@
+import { Feature } from '../../types/geometry';
+declare class Entity<T> {
+    private _data;
+    private _uuid;
+    private _userData;
+    constructor(data: Feature<T>, userData?: Record<string, any>);
+    getId(): string;
+    getData(): Feature<T>;
+    getUserData(): Record<string, any>;
+    setUserData(data: Record<string, any>): void;
+}
+export default Entity;

package/dist/components/globe/globe.d.ts

@@ -0,0 +1,106 @@
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { CursorType, FlyToOptions, GlobeConstructorOptions, SatelliteConstructorOptions } from './type.ts';
+import { PerspectiveCamera, Raycaster, Scene, Vector2 } from 'three';
+import { default as ThreeGlobe } from 'three-globe';
+import { default as Clock } from '../map/gis-maplibre/custom-layers/satellite-layer/clock';
+import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import { Feature, Point } from '../../types/geometry';
+import { default as Entity } from './entity';
+import { default as Satellite } from './satellite';
+export declare const sunPosAt: (dt: Date) => any[];
+export declare class Globe extends ThreeGlobe {
+    private _container;
+    private _atmosphereOptions;
+    private _scene;
+    private _camera;
+    private _renderer;
+    private _orbitControls;
+    private _css2dRenderer;
+    private _dayTexture?;
+    private _nightTexture?;
+    private _globeMaterial;
+    static _earthStartOffset: number;
+    private _clock;
+    private _skyBoxOptions;
+    private _skyBoxGeometry?;
+    private _skyBoxMaterial?;
+    private _skyBoxMesh?;
+    private _zoom;
+    private _center;
+    private _minZoom;
+    private _maxZoom;
+    private _tween?;
+    private _isLighting;
+    private _markerCollection;
+    private _satelliteCollection;
+    private _ambientLight;
+    private _directLight;
+    private _ray;
+    private _mouse;
+    private _cloud?;
+    private _cloudMaterial?;
+    private _cloudGeometry?;
+    private _brightness;
+    private _contrast;
+    private _shouldCSS2DRender;
+    constructor(options: GlobeConstructorOptions);
+    get _canvas(): HTMLCanvasElement;
+    get _markerData(): {
+        lng: number;
+        lat: number;
+    }[];
+    get globeRadius(): number;
+    get _minDistance(): number;
+    get _maxDistance(): number;
+    get _curDistance(): number;
+    get _xyzCenter(): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    get _sunPos(): any[];
+    get _rotateY(): number;
+    _createCanvas(): void;
+    remove(): this;
+    getCanvas(): HTMLCanvasElement;
+    get2DRenderer(): CSS2DRenderer;
+    setShouldCSS2DRender(shouldCSS2DRender: boolean): void;
+    getShouldCSS2DRender(): boolean;
+    _onContainerResize(): void;
+    _renderLoop(): void;
+    _onOrbitControlsChange(): void;
+    _init(): void;
+    setDayImage(url: string): Promise<this>;
+    setContrast(contrast: number): this;
+    setBrightness(brightness: number): this;
+    setNightImage(url: string): Promise<this>;
+    getOrbitControls(): OrbitControls;
+    setLighting(enable: boolean): this;
+    getLighting(): boolean;
+    setSkyBoxVisible(visible: boolean): this;
+    setRotateSpeed(speed: number): this;
+    getRotateSpeed(): number;
+    flyTo(flyToOptions: FlyToOptions): this | undefined;
+    _checkZoom(zoom: number): boolean;
+    getZoom(): number;
+    setZoom(zoom: number, duration?: number): this;
+    getCenter(): [number, number];
+    setCenter(center: [number, number], duration?: number): void;
+    _updateMarkerData(): this;
+    addMarker<T extends Feature<Point>>(data: T, elementCallback: (d: T["properties"]) => HTMLElement): Entity<Point>;
+    getMarker(uuid: string): void;
+    removeMarker(entity: Entity<Point>): void;
+    removeFirstMarker(): void;
+    removeAllMarker(): void;
+    getScene(): Scene;
+    getClock(): Clock;
+    getCamera(): PerspectiveCamera;
+    addSAT(options: SatelliteConstructorOptions): Satellite;
+    getSATById(id: string): Satellite | undefined;
+    removeSATById(id: string): this;
+    removeAllSAT(): this;
+    getRay(): Raycaster;
+    getMouse(): Vector2;
+    setMouse(coord: Vector2): this;
+    setCursor(cursor: CursorType): this;
+}

package/dist/components/globe/index.d.ts

@@ -0,0 +1,3 @@
+import { GlobeMapProps, GlobeMapRef } from './type.ts';
+declare const GlobeMap: import('react').ForwardRefExoticComponent<GlobeMapProps & import('react').RefAttributes<GlobeMapRef>>;
+export default GlobeMap;

package/dist/components/globe/sat-util.d.ts

@@ -0,0 +1,26 @@
+import * as SAT from "satellite.js";
+export declare const SCALE: number;
+export declare const getSunPos: (date: Date) => {
+    rsun: number[];
+    rtasc: number;
+    decl: number;
+};
+export declare const getSATObj: (line1: string, line2: string) => SAT.SatRec;
+export declare const getDiffAngle: (date: Date) => number;
+export declare const calcOneCircleTime: (satObj: SAT.SatRec) => number;
+export declare const getCoord: (satelliteObj: SAT.SatRec, date: Date) => {
+    x: number;
+    y: number;
+    z: number;
+};
+export declare const getGroundCoord: (satelliteObj: SAT.SatRec, date: Date, h?: number) => {
+    x: number;
+    y: number;
+    z: number;
+};
+export declare const getCoords: (line1: string, line2: string, startTime?: Date) => any[];
+export declare const getLngLatAltCoords: (satelliteObj: SAT.SatRec, date: Date) => {
+    lng: number;
+    lat: number;
+    alt: number;
+};

package/dist/components/globe/satellite.d.ts

@@ -0,0 +1,107 @@
+import { Group, MeshBasicMaterialParameters, Quaternion } from 'three';
+import { EventCallback, Events, SatelliteStyle, SatelliteCallback, SatelliteConstructorOptions, CursorType, FlyToOptions } from './type.ts';
+import { Globe } from './globe';
+import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial';
+declare class Satellite {
+    private _tle;
+    private _style;
+    private _modelUrl;
+    private _clock;
+    private _startTime;
+    private _scene?;
+    private _line;
+    private _lineGeometry;
+    private _lineMaterial;
+    private _groundLine?;
+    private _groundLineGeometry?;
+    private _groundLineMaterial?;
+    private _towardsGroundLine?;
+    private _towardsGroundLineGeometry?;
+    private _towardsGroundLineMaterial?;
+    private _groundPlane?;
+    private _groundPlaneGeometry?;
+    private _groundPlaneMaterial?;
+    private _gltf?;
+    private _uuid;
+    private _group;
+    private _map?;
+    private _userData?;
+    private _groundElevation;
+    private _dracoLoader;
+    private _visible;
+    private _handlers;
+    private _isMouseenter;
+    private _mouseleaveHandler?;
+    private _onloadHandler?;
+    private _isLoaded?;
+    constructor(options: SatelliteConstructorOptions);
+    get _isBackface(): boolean;
+    getTLE(): string[] | [string, string];
+    setTLE(tle: SatelliteConstructorOptions["tle"]): this;
+    getId(): string;
+    getUserData(): Record<string, any> | undefined;
+    isLoaded(): boolean | undefined;
+    remove(): void;
+    flyTo(options: Omit<FlyToOptions, "center">): this;
+    _updateLineGeom(): void;
+    _updateLineMaterial(): void;
+    _updateModelStyle(): void;
+    _updateModelPosition(): void;
+    _update(): void;
+    get _model(): Group<import('three').Object3DEventMap> | undefined;
+    get _satObj(): import('satellite.js').SatRec;
+    get _oneCircleTime(): number;
+    get _satCoords(): number[];
+    get _groundCoords(): number[];
+    get _originOrientation(): Quaternion;
+    get _satPosition(): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    getLngLatAlt(): {
+        lng: number;
+        lat: number;
+        alt: number;
+    };
+    get _satNextPosition(): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    get _satGroundPosition(): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    get _towardsGroundCoords(): number[];
+    addTo(map: Globe): Promise<void>;
+    setVisible(visible: boolean): this;
+    getVisible(): boolean;
+    setLineVisible(visible: boolean): this;
+    getLineVisible(): boolean;
+    setModelVisible(visible: boolean): this;
+    getModelVisible(): boolean | undefined;
+    on(event: Events, cb: EventCallback): this;
+    off(event: Events): this;
+    onload(cb: SatelliteCallback): this;
+    offload(): this;
+    onclick(cb: SatelliteCallback): this;
+    offclick(): this;
+    onmouseenter(cb: SatelliteCallback): this;
+    offmouseenter(): this;
+    onmouseleave(cb: SatelliteCallback): this;
+    offmouseleave(): this;
+    setStyle(style: SatelliteStyle): this;
+    setCursor(cursor: CursorType): this;
+    _getLineStyle(style?: Omit<SatelliteStyle, "modelSize">): LineMaterial;
+    showGroundLine(style?: Omit<SatelliteStyle, "modelSize">): this;
+    hiddenGroundLine(): this;
+    showTowardsGroundLine(style?: Omit<SatelliteStyle, "modelSize">): this;
+    hiddenTowardsGroundLine(): this;
+    showGroundPlane(options: MeshBasicMaterialParameters & {
+        size: number;
+    }): this;
+    hiddenGroundPlane(): void;
+}
+export default Satellite;

package/dist/components/globe/type.d.ts

@@ -0,0 +1,71 @@
+import { Clock } from '../../index';
+import { CSSProperties } from 'react';
+import { Globe } from './globe';
+import { Intersection, Vector3 } from 'three';
+import { ConfigOptions } from 'three-globe';
+import { default as Satellite } from './satellite.ts';
+import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
+export type AtmosphereOptions = {
+    color?: CSSProperties["color"];
+    altitude?: number;
+};
+export type SkyBoxOptions = {
+    starCount?: number;
+    size?: number;
+    color?: CSSProperties["color"];
+};
+export declare const DEFAULT_ATMOSPHERE_OPTIONS: AtmosphereOptions;
+export declare const DEFAULT_SKYBOX_OPTIONS: SkyBoxOptions;
+export type GlobeConstructorOptions = {
+    container: HTMLElement;
+    atmosphere?: AtmosphereOptions;
+    dayImage?: string;
+    nightImage?: string;
+    topologyImage?: string;
+    cloudImage?: string;
+    clock?: Clock;
+    skyBox?: SkyBoxOptions;
+    center?: [number, number];
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    contrast?: number;
+    brightness?: number;
+} & ConfigOptions;
+export declare const DAY_NIGHT_SHADER: {
+    readonly vertexShader: "\n        varying vec3 vNormal;\n        varying vec2 vUv;\n        void main() {\n          vNormal = normalize(normalMatrix * normal);\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n        }\n      ";
+    readonly fragmentShader: "\n        #define PI 3.141592653589793\n        uniform float brightness;\n        uniform float contrast;\n        uniform sampler2D dayTexture;\n        uniform sampler2D nightTexture;\n        uniform vec2 sunPosition;\n        uniform vec2 globeRotation;\n        varying vec3 vNormal;\n        varying vec2 vUv;\n\n        float toRad(in float a) {\n          return a * PI / 180.0;\n        }\n\n        vec3 Polar2Cartesian(in vec2 c) { // [lng, lat]\n          float theta = toRad(90.0 - c.x);\n          float phi = toRad(90.0 - c.y);\n          return vec3( // x,y,z\n            sin(phi) * cos(theta),\n            cos(phi),\n            sin(phi) * sin(theta)\n          );\n        }\n\n        void main() {\n          float invLon = toRad(globeRotation.x);\n          float invLat = -toRad(globeRotation.y);\n          mat3 rotX = mat3(\n            1, 0, 0,\n            0, cos(invLat), -sin(invLat),\n            0, sin(invLat), cos(invLat)\n          );\n          mat3 rotY = mat3(\n            cos(invLon), 0, sin(invLon),\n            0, 1, 0,\n            -sin(invLon), 0, cos(invLon)\n          );\n          vec3 rotatedSunDirection = rotX * rotY * Polar2Cartesian(sunPosition);\n          float intensity = dot(normalize(vNormal), normalize(rotatedSunDirection));\n          vec4 dayColor = (pow(texture2D(dayTexture, vUv), vec4(1.0 / brightness)) - 0.5) * contrast + 0.5;\n          vec4 nightColor = texture2D(nightTexture, vUv);\n          float blendFactor = smoothstep(-0.1, 0.1, intensity);\n          gl_FragColor =  mix(nightColor, clamp(dayColor, 0.0, 1.0), blendFactor);\n        }\n      ";
+};
+export type GlobeMapProps = Omit<GlobeConstructorOptions, "container">;
+export type GlobeMapRef = {
+    getMap: () => Globe;
+};
+export type FlyToOptions = {
+    center: [number, number];
+    zoom: number;
+    duration?: number;
+    onComplete?: (obj: Vector3) => void;
+};
+export declare const C = 6371;
+export declare const DEFAULT_SAT_STYLE: SatelliteStyle;
+export type SatelliteStyle = {
+    lineColor?: CSSProperties["color"];
+    lineWidth?: number;
+    lineOpacity?: number;
+    lineDash?: [number, number];
+    modelSize?: number;
+};
+export type SatelliteConstructorOptions = {
+    tle: [string, string] | string[];
+    modelUrl: string;
+    clock?: Clock;
+    style?: SatelliteStyle;
+    dracoLoader: DRACOLoader;
+    userData?: Record<string, any>;
+    visible?: boolean;
+};
+export type EventCallback = (origin: Satellite, intersects: Intersection[]) => void;
+export type SatelliteCallback = (satellite: Satellite, its?: Intersection[]) => void;
+export type Events = "click" | "pointermove";
+export declare const SAT_NAME = "SATELLITE";
+export type CursorType = "auto" | "pointer" | "grabbing" | "crosshair" | "se-resize" | "sw-resize" | "s-resize" | "w-resize" | "move" | "default" | "text" | "wait" | "help" | "progress" | "not-allowed" | "no-drop" | "alias" | "copy" | "zoom-in" | "zoom-out";

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

@@ -0,0 +1,22 @@
+import { BufferGeometry, Vector3 } from 'three';
+export declare class WideLineGeometry extends BufferGeometry {
+    private _points;
+    private _widthFunction?;
+    private _alphaFunction?;
+    private _positionBufferAttribute?;
+    private _previousBufferAttribute?;
+    private _nextBufferAttribute?;
+    private _sideBufferAttribute?;
+    private _widthBufferAttribute?;
+    private _alphaBufferAttribute?;
+    private _counterBufferAttribute?;
+    constructor();
+    getPoints(): Vector3[];
+    _isEquals(i0: number, i1: number): boolean;
+    _copy(index: number): Vector3;
+    setWidthFunction(widthFunction: (p: number) => number): this;
+    setAlphaFunction(alphaFunction: (p: number) => number): this;
+    setGeometry(points: Vector3[], widthFunc?: (p: number) => number, alphaFunc?: (p: number) => number): this;
+    _initFloat32Attribute(key: string, y: number[], itemSize: number, isDynamic: boolean): this;
+    _setAttrs(): void;
+}

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

@@ -0,0 +1,7 @@
+import { Mesh } from 'three';
+import { WideLineGeometry } from './geometry';
+import { WideLineMaterial } from './material';
+declare class WideLine extends Mesh {
+    constructor(geometry: WideLineGeometry, material: WideLineMaterial);
+}
+export default WideLine;

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

@@ -0,0 +1,22 @@
+import { Color, ShaderMaterial, Vector2 } from 'three';
+import { WideLineMaterialConstructorOptions } from './type';
+export declare class WideLineMaterial extends ShaderMaterial {
+    WideLineMaterial: boolean;
+    animateTimer: number;
+    animateSpeed: number;
+    onAnimateEndCb?: () => void;
+    private _animated;
+    constructor(options: WideLineMaterialConstructorOptions);
+    get sizeAttenuation(): boolean;
+    set sizeAttenuation(value: boolean);
+    get resolution(): Vector2;
+    set resolution(value: Vector2);
+    get lineWidth(): number;
+    set lineWidth(value: number);
+    get lineOpacity(): number;
+    set lineOpacity(value: number);
+    get lineColor(): Color;
+    set lineColor(value: Color);
+    onAnimateEnd(cb: () => void): this;
+    animate: () => void;
+}