ty-element 1.1.1

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

@@ -0,0 +1,46 @@
+import { StacDataMapRef } from './type';
+import { StacObj } from '../../../types/stac';
+/**
+ * @description stac地图选择组件
+ * @author tiancheng.xia
+ * @since 2025-01-07
+ */
+declare const StacDataMap: import('react').ForwardRefExoticComponent<{
+    dataList: StacObj[];
+    hoverEffect?: boolean;
+    style?: {
+        normal?: {
+            color?: string;
+            width?: number;
+        };
+        active?: {
+            color?: string;
+            width?: number;
+            opacity?: number;
+        };
+    };
+    onItemClick?: (e: StacObj) => void;
+} & {
+    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: import('../data-selector-map/type').DataSelectorMapChangeEvent) => void;
+    onScaleChange?: (dis: number) => void;
+} & import('../gis-maplibre/type').GISMaplibreProps & import('react').RefAttributes<StacDataMapRef>>;
+export default StacDataMap;

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

@@ -0,0 +1,78 @@
+import { default as maplibregl } from 'maplibre-gl';
+import { StacObj } from '../../../types/stac';
+import { DataSelectorMapProps, DataSelectorMapRef } from '../data-selector-map/type';
+export type StacDataMapProps = {
+    /**
+     * @description stac数据
+     */
+    dataList: StacObj[];
+    /**
+     * @description 是否创建hover效果，hover效果关联item的点击事件
+     */
+    hoverEffect?: boolean;
+    /**
+     * @description 数据框的样式，默认值见右侧
+     */
+    style?: {
+        normal?: {
+            color?: string;
+            width?: number;
+        };
+        active?: {
+            color?: string;
+            width?: number;
+            opacity?: number;
+        };
+    };
+    /**
+     * @description 需要hoverEffect为true才生效
+     */
+    onItemClick?: (e: StacObj) => void;
+} & DataSelectorMapProps;
+export type StacDataMapRef = {
+    /**
+     * @description 设置stac数据列表
+     */
+    setStacList: (features: StacObj[]) => void;
+    /**
+     * @description 选中某个数据
+     */
+    selectStacObj: (obj: StacObj, coordinates: maplibregl.ImageSourceSpecification["coordinates"], overviewUrl?: string) => void;
+    /**
+     * @description 取消选中某个数据
+     */
+    unselectStacObj: (obj: StacObj) => void;
+    /**
+     * @description 清除地图上所有缩略图
+     */
+    clearImageList: () => void;
+    /**
+     * @description 获取某个数据的面积
+     * @param data stac数据
+     * @param precision 精度
+     * @returns 面积，单位是平方米
+     */
+    getArea: (data: StacObj, precision?: number) => number;
+    /**
+     * @description 获取总共面积
+     * @param precision 精度
+     * @param isUnion 是否是合并后的数据，但是合并会有出错的风险
+     * @returns 面积，单位是平方米
+     */
+    getTotalArea: (precision?: number, isUnion?: boolean) => number;
+    /**
+     *
+     * @param precision 精度
+     * @returns 面积，单位是平方米
+     */
+    getIntersectArea: (precision?: number) => number;
+    /**
+     * @description 获取绘制区域的面积
+     * @param precision 精度
+     * @returns 面积，单位是平方米
+     */
+    getAOIArea: (precision?: number) => number;
+} & DataSelectorMapRef;
+export declare const DATA_SOURCE_ID = "sv-cps-stac-data";
+export declare const DATA_LAYER_LINE_ID = "sv-cps-stac-line";
+export declare const DATA_LAYER_FILL_ID = "sv-cps-stac-fill";

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

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

package/dist/components/radar/radar-instance.d.ts

@@ -0,0 +1,34 @@
+import { RadarOptions, RadarPoint } from './type';
+declare class RadarInstance {
+    canvas: RadarOptions["canvas"];
+    interval: RadarOptions["interval"];
+    lineColor: RadarOptions["lineColor"];
+    count: RadarOptions["count"];
+    lineWidth: RadarOptions["lineWidth"];
+    padding: RadarOptions["padding"];
+    overRadius: RadarOptions["overRadius"];
+    hasPoint: RadarOptions["hasPoint"];
+    pointColor: RadarOptions["pointColor"];
+    pointSize: RadarOptions["pointSize"];
+    speed: RadarOptions["speed"];
+    scanColor: RadarOptions["scanColor"];
+    _hasRunOneCircle: boolean;
+    _ctx: CanvasRenderingContext2D;
+    _timer: number;
+    constructor(options: RadarOptions);
+    get singleAxisLength(): number;
+    get size(): number;
+    get center(): number;
+    get endPoints(): Array<{
+        x: number;
+        y: number;
+    }>;
+    drawArc(radius: number): void;
+    drawPoint(x: number, y: number, radius: number): void;
+    drawAxis(endPoint: RadarPoint): void;
+    drawBase(): void;
+    drawHightlightArc(beginAngel: number, step?: number): void;
+    draw(angle?: number): void;
+    destroy(): void;
+}
+export default RadarInstance;

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

@@ -0,0 +1,58 @@
+import { CSSProperties } from 'react';
+export type RadarOptions = {
+    /**
+     * @description canvas dom
+     */
+    canvas: HTMLCanvasElement;
+    /**
+     * @description 间隔长度单位px
+     */
+    interval?: number;
+    /**
+     * @description 圆环数量
+     */
+    count?: number;
+    /**
+     * @description 线宽
+     */
+    lineWidth?: number;
+    /**
+     * @description 线颜色
+     */
+    lineColor?: CSSProperties["color"];
+    /**
+     * @description canvas的内边距
+     */
+    padding?: number;
+    /**
+     * @description x、y轴超出最大半径部分
+     */
+    overRadius?: number;
+    /**
+     * @description 是否需要焦点
+     */
+    hasPoint?: boolean;
+    /**
+     * @description 点的颜色
+     */
+    pointColor?: CSSProperties["color"];
+    /**
+     * @description 点的尺寸
+     */
+    pointSize?: number;
+    /**
+     * @description 转动速度
+     */
+    speed?: number;
+    /**
+     * @description 扫描闪烁的颜色
+     */
+    scanColor?: CSSProperties["color"];
+};
+export type RadarProps = {
+    rootClassName?: string;
+} & Omit<RadarOptions, "canvas">;
+export type RadarPoint = {
+    x: number;
+    y: number;
+};

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

@@ -0,0 +1,8 @@
+import { RippleContainerProps } from './type';
+/**
+ * @description ripple when click
+ * @author tiancheng.xia
+ * @since 2025-03-04
+ */
+declare const RippleContainer: (props: RippleContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default RippleContainer;

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

@@ -0,0 +1,23 @@
+import { CSSProperties, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export type RippleContainerProps = {
+    /**
+     * @description 根元素的类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 子元素
+     */
+    children?: ReactNode;
+    /**
+     * @description 波纹颜色
+     */
+    rippleColor?: CSSProperties["background"];
+    /**
+     * @description 是否启用波纹效果
+     */
+    enable?: boolean;
+    /**
+     * @description 点击事件
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onClick" | "children">;

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

@@ -0,0 +1,3 @@
+import { RefTable } from './type';
+declare const _default: RefTable;
+export default _default;

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

@@ -0,0 +1,114 @@
+import { CSSProperties, PropsWithChildren, ReactElement, ReactNode, RefAttributes } from 'react';
+import { AnimateContainerProps } from '../animate-container/type';
+export type ColumnProps<T> = {
+    /**
+     * @description 列名称
+     */
+    title: ReactNode;
+    /**
+     * @description 列数据索引
+     */
+    dataIndex?: keyof T;
+    /**
+     * @description 列数据索引
+     */
+    key: string;
+    /**
+     * @description 列自定义渲染
+     */
+    render?: (record: T) => ReactNode;
+    /**
+     * @description 列对齐方式
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * @description 列宽
+     */
+    width?: number | string;
+    /**
+     * @description 是否省略 注：tooltip使用antd,可以使用antd的tooltip属性
+     */
+    ellipsis?: boolean;
+    /**
+     * @description tooltip属性
+     */
+    tooltipOptions?: (d: T) => string;
+};
+export type LoopScrollOptions = {
+    /**
+     * @description 滚动播放速度
+     */
+    speed?: number;
+};
+export type TableProps<T> = {
+    /**
+     * @description 根节点类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 列
+     */
+    columns: ColumnProps<T>[];
+    /**
+     * @description 数据
+     */
+    dataSource: T[];
+    /**
+     * @description 数据的key
+     */
+    rowId?: string;
+    /**
+     * @description 加载的配置
+     */
+    loadingOptions?: AnimateContainerProps["loadingOptions"];
+    /**
+     * @description 加载的遮罩层类名
+     */
+    loadingMaskClassName?: string;
+    /**
+     * @description 表头是否固定
+     */
+    fixedHeader?: boolean;
+    /**
+     * @description 行的类名
+     */
+    rowClassName?: (record: T, index: number) => string;
+    /**
+     * @description 表的类名
+     */
+    tableClassName?: string;
+    /**
+     * @description 表外层容器的类名
+     */
+    scrollClassName?: string;
+    /**
+     * @description 设置表头，表体样式
+     */
+    styles?: {
+        header?: CSSProperties;
+        body?: CSSProperties;
+        root?: CSSProperties;
+    };
+    /**
+     * @description 是否开启斑马线并配置颜色
+     */
+    zebra?: {
+        color0: CSSProperties["color"];
+        color1: CSSProperties["color"];
+    };
+    /**
+     * @description 是否循环播放
+     */
+    loopScroll?: boolean | LoopScrollOptions;
+    /**
+     * @description 空数据展示
+     */
+    empty?: ReactNode;
+};
+export type TableRef = {
+    /**
+     * @description 滚动到指定数据
+     */
+    scrollToIndex: (index: number) => void;
+};
+export type RefTable = <T>(props: PropsWithChildren<TableProps<T>> & RefAttributes<TableRef>) => ReactElement;

package/dist/components/third-part/delete-button/index.d.ts

@@ -0,0 +1,8 @@
+import { DeleteButtonProps } from './type';
+/**
+ * @description 确认删除按钮
+ * @author tiancheng.xia
+ * @since 2025-01-07
+ */
+declare const DeleteButton: (props: DeleteButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DeleteButton;

package/dist/components/third-part/delete-button/type.d.ts

@@ -0,0 +1,28 @@
+import { ButtonProps, PopconfirmProps } from 'antd';
+import { ReactNode } from 'react';
+export type DeleteButtonProps = {
+    /**
+     * @description 确认框提示文本
+     */
+    text?: ReactNode;
+    /**
+     * @description 按钮子节点
+     */
+    children?: ReactNode;
+    /**
+     * @description 确认按钮点击事件
+     */
+    onOk?: PopconfirmProps["onConfirm"];
+    /**
+     * @description 取消按钮点击事件
+     */
+    onCancel?: PopconfirmProps["onCancel"];
+    /**
+     * @description 确认框配置项与antd Popconfirm组件一致,除去title、onConfirm、onCancel
+     */
+    popupOptions?: Omit<PopconfirmProps, "title" | "onConfirm" | "onCancel">;
+    /**
+     * @description 按钮配置项与antd Button组件一致,除去children
+     */
+    buttonOptions?: Omit<ButtonProps, "children">;
+};

package/dist/components/third-part/dragger-upload/index.d.ts

@@ -0,0 +1,8 @@
+import { DraggerUploadProps } from './type';
+/**
+ * @description 拖拽上传组件
+ * @author tiancheng.xia
+ * @since 2025-02-08
+ */
+declare const DraggerUpload: (props: DraggerUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default DraggerUpload;

package/dist/components/third-part/dragger-upload/type.d.ts

@@ -0,0 +1,8 @@
+import { UploadProps } from 'antd';
+import { ReactNode } from 'react';
+export type DraggerUploadProps = {
+    /**
+     * @description 上传组件中间文字描述
+     */
+    descs?: ReactNode;
+} & UploadProps;

package/dist/components/third-part/key-value/index.d.ts

@@ -0,0 +1,8 @@
+import { KeyValueProps } from './type';
+/**
+ * @description 键值对组件
+ * @author tiancheng.xia
+ * @since 2025-02-06
+ */
+declare const KeyValue: (props: KeyValueProps) => import("react/jsx-runtime").JSX.Element;
+export default KeyValue;

package/dist/components/third-part/key-value/type.d.ts

@@ -0,0 +1,47 @@
+import { GetKey } from '../../../types/utils';
+import { TooltipProps } from 'antd';
+import { CSSProperties, ReactNode } from 'react';
+export type KeyValueOptions = {
+    /**
+     * @description 样式类名
+     */
+    className?: string;
+    /**
+     * @description 提示配置,与antd tooltip配置一致
+     */
+    tooltip?: TooltipProps;
+    /**
+     * @description 键或值的节点
+     */
+    node?: ReactNode;
+    /**
+     * @description 文本对齐方式,当节点不是字符串的时候失效
+     */
+    algin?: CSSProperties["textAlign"];
+    /**
+     * @description 容器的宽度
+     */
+    width?: CSSProperties["width"];
+};
+export declare const DIRECTION: {
+    readonly v: "v";
+    readonly h: "h";
+};
+export type KeyValueProps = {
+    /**
+     * @description 根节点样式类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 键的配置项
+     */
+    keyOptions?: KeyValueOptions;
+    /**
+     * @description 值的配置项
+     */
+    valueOptions?: KeyValueOptions;
+    /**
+     * @description 方向 "v" 竖向 "h" 横向
+     */
+    direction?: GetKey<typeof DIRECTION>;
+};

package/dist/components/third-part/slider-input/index.d.ts

@@ -0,0 +1,8 @@
+import { SliderInputProps } from './type';
+/**
+ * @description 滑块与input组合
+ * @author tiancheng.xia
+ * @since 2025-03-14
+ */
+declare const SliderInput: (props: SliderInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SliderInput;

package/dist/components/third-part/slider-input/type.d.ts

@@ -0,0 +1,40 @@
+import { InputNumberProps } from 'antd';
+import { SliderSingleProps } from 'antd/es/slider';
+export type SliderInputProps = {
+    /**
+     * @description 滑块与输入框之间的间距
+     */
+    gap?: number;
+    /**
+     * @description 滑块宽度
+     */
+    sliderWidth?: number;
+    /**
+     * @description 绑定的值
+     */
+    value: number;
+    /**
+     * @description 最小值
+     */
+    min?: number;
+    /**
+     * @description 最大值
+     */
+    max?: number;
+    /**
+     * @description 步长
+     */
+    step?: number;
+    /**
+     * @description 改变事件回调
+     */
+    onChange: (value: number) => void;
+    /**
+     * @description 滑块配置,参考 antd slider
+     */
+    sliderOptions?: Omit<SliderSingleProps, "min" | "max" | "step">;
+    /**
+     * @description 输入框配置,参考 antd inputNumber
+     */
+    inputOptions?: Omit<InputNumberProps, "min" | "max" | "step">;
+};

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

@@ -0,0 +1,8 @@
+import { TimelineProps } from './type';
+/**
+ * @description 时间轴组件
+ * @author tiancheng.xia
+ * @since 2025-04-07
+ */
+declare const Timeline: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+export default Timeline;

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

@@ -0,0 +1,105 @@
+import { CSSProperties, ReactNode } from 'react';
+export type TickStyle = {
+    /**
+     * @description 短刻度线宽度
+     */
+    width: number;
+    /**
+     * @description 短刻度线高度
+     */
+    height: number;
+    /**
+     * @description 短刻度线背景色
+     */
+    color: CSSProperties["color"];
+    /**
+     * @description 长刻度线宽度
+     */
+    longWidth: number;
+    /**
+     * @description 长刻度线高度
+     */
+    longHeight: number;
+    /**
+     * @description 长刻度线颜色
+     */
+    longColor: CSSProperties["color"];
+};
+export type TimelineProps = {
+    /**
+     * @description 根元素类名
+     */
+    rootClassName?: string;
+    /**
+     * @description 根元素样式
+     */
+    style?: Omit<CSSProperties, "width" | "height">;
+    /**
+     * @description 根元素宽度
+     */
+    width: CSSProperties["width"];
+    /**
+     * @description 根元素高度
+     */
+    height: CSSProperties["height"];
+    /**
+     * @description 刻度的样式
+     */
+    tickStyle?: Partial<TickStyle>;
+    /**
+     * @description 起始时间
+     */
+    startTime: Date;
+    /**
+     * @description 当前时间
+     */
+    currentTime: Date;
+    /**
+     * @description 结束时间
+     */
+    endTime: Date;
+    /**
+     * @description 一个小时之间的刻度分割，整数并且是60的一个乘数
+     */
+    interval?: number;
+    /**
+     * @description 自定义游标
+     */
+    cursor?: ReactNode;
+    /**
+     * @description 默认游标的颜色
+     */
+    defaultCursorColor?: CSSProperties["color"];
+    /**
+     * @description 一些类名
+     */
+    classNames?: {
+        longTick?: string;
+        shortTick?: string;
+        label?: string;
+    };
+    /**
+     * @description 自定义刻度线显示文本,只对长刻度线有效
+     */
+    tickLabelRender?: (date: Date) => ReactNode;
+    /**
+     * @description 时间轴变化回调函数
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * @description 鼠标松开游标回调函数
+     */
+    onMouseup?: () => void;
+    /**
+     * @description 游标鼠标上移显示内容
+     */
+    cursorTitle?: (time: Date) => string;
+    /**
+     * @description 刻度鼠标上移显示内容
+     */
+    tickTitle?: (time: Date) => string;
+    /**
+     * @description 刻度标签鼠标上移显示内容
+     */
+    labelTitle?: (time: Date) => string;
+};