@icos-desktop/react-components 2.3.0 → 3.0.0

package/dist/es/src/components/SenseView/SenseView.types.d.ts

@@ -0,0 +1,108 @@
+import { CheckInfo } from '../SenseTree/SenseTree.types';
+export interface SenseViewRef {
+    /**
+     * AI搜索
+     */
+    aiSearch: (res: any) => void;
+}
+export interface SenseViewProps {
+    /**
+     * 隐藏搜索
+     */
+    hiddenSearch?: boolean;
+    /**
+     * 功能视图编码
+     */
+    viewCode?: string;
+    /**
+     * 显示顶部菜单栏
+     */
+    showView?: boolean;
+    /**
+     * 系统视图列表
+     */
+    views?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * 时空搜索类型
+     * 时间、空间、最近邻、时空
+     */
+    searchMode?: ('time' | 'space' | 'knn' | 'time-space')[];
+    /**
+     * 触发搜索
+     */
+    onSearch?: (value: any) => void;
+    /**
+     * 地图开始绘制
+     */
+    onStartDraw?: (mode: string, callback: any) => void;
+    /**
+     * 地图绘制（绘制回显）
+     */
+    onMapDraw?: (value: any) => void;
+    /**
+     * 树类型
+     * entityClass: 分类-台账-实体记录
+     * region-book: 地理层级-台账-实体记录
+     * region-sense: 地理层级-实体记录
+     */
+    treeType: 'entity-class' | 'region-book' | 'region-sense';
+    /**
+     * 地图缩放层级，存在此参数时会调用散点聚合接口
+     */
+    zoom?: number;
+    /**
+     * 地图可视范围
+     */
+    geom?: string;
+    /**
+     * 地理层级显示区间-根层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionRootLevel?: number;
+    /**
+     * 地理层级显示区间-叶子层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionLeafLevel?: number;
+    /**
+     * 默认全选
+     */
+    defaultCheckedAll?: boolean;
+    /**
+     * 实体记录功能
+     */
+    senseContextMenuConfig?: ('show' | 'edit')[];
+    /**
+     * 底部按钮功能
+     */
+    bottomButtonConfig?: ('download' | 'share')[];
+    /**
+     * 实体总数变化
+     */
+    onTotalChange?: (total: number) => void;
+    /**
+     * 树节点选中变化
+     */
+    onCheck?: (checkedInfo: CheckInfo) => void;
+    /**
+     * 单击树节点
+     */
+    onClick?: (node: any, e: any) => void;
+    /**
+     * 双击树节点
+     */
+    onDoubleClick?: (node: any, e: any) => void;
+    /**
+     * 查看实体记录
+     */
+    onShowSense?: (node: any, e: any) => void;
+    /**
+     * 编辑实体记录
+     */
+    onEditSense?: (node: any, e: any) => void;
+    /**
+     * 散点聚合
+     */
+    onScatterAggregation?: (data: any) => void;
+}

package/dist/es/src/components/SenseView/ccos.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SenseViewProps } from './SenseView.types';
+interface CcosSenseViewProps extends SenseViewProps {
+    'data-dnd': string;
+    tid: string;
+    showSpaceSearch?: boolean;
+    showSenseContextMenu?: boolean;
+    showBottomButton?: boolean;
+}
+declare const CcosSenseView: {
+    (props: CcosSenseViewProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseView;

package/dist/es/src/components/SenseView/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SenseView';
+export type { SenseViewProps, SenseViewRef } from './SenseView.types';

package/dist/es/src/components/SenseView/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/src/components/TagConfig/TagConfig.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TagConfigProps } from './TagConfig.types';
+declare const TagConfig: (props: TagConfigProps) => React.JSX.Element;
+export default TagConfig;

package/dist/es/src/components/TagConfig/TagConfig.stories.d.ts

@@ -0,0 +1,31 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import TagConfig from './TagConfig';
+declare const meta: Meta<typeof TagConfig>;
+export default meta;
+type Story = StoryObj<typeof TagConfig>;
+/**
+ * 默认视图 - 台账组列表打标
+ *
+ * 展示组件在为台账组列表打标时的基本用法。
+ * 左侧显示标签树，右侧显示台账组列表，用户可以选择标签后对实体进行打标操作。
+ */
+export declare const Default: Story;
+/**
+ * 台账列表打标
+ *
+ * 展示组件在为特定台账列表打标时的用法。
+ * 右侧显示指定台账下的实体列表。
+ */
+export declare const Book: Story;
+/**
+ * 台账组列表打标（保留向后兼容）
+ *
+ * 保留作为向后兼容的别名。
+ */
+export declare const BookGroup: Story;
+/**
+ * 自定义视图和分页
+ *
+ * 展示组件使用自定义视图编码和分页大小的场景。
+ */
+export declare const WithCustomView: Story;

package/dist/es/src/components/TagConfig/TagConfig.types.d.ts

@@ -0,0 +1,26 @@
+export interface TagConfigProps {
+    /**
+     * 显示名称，必填，用于显示台账名称或台账组名称
+     */
+    name: string;
+    /**
+     * 模板id，用于获取台账组列表，当需要为 **台账组** 列表打标时必填
+     */
+    templateId?: string;
+    /**
+     * 台账id，用于获取台账列表，当需要为 **台账** 列表打标时必填
+     */
+    bookId?: string;
+    /**
+     * 视图编码
+     */
+    viewCode?: string;
+    /**
+     * 每页条数
+     */
+    pageSize?: number;
+    /**
+     * 自定义表格列
+     */
+    customColumns?: Record<string, any>;
+}

package/dist/es/src/components/TagConfig/ccos.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TagConfigProps } from './TagConfig.types';
+interface CcosTagConfigProps extends TagConfigProps {
+    'data-dnd': string;
+    tid: string;
+}
+declare const CcosTagConfig: {
+    (props: CcosTagConfigProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosTagConfig;

package/dist/es/src/components/TagConfig/components/SenseList/ContextMenu/index.d.ts

@@ -0,0 +1,7 @@
+declare const ContextMenu: {
+    ({ disabled }: {
+        disabled: any;
+    }): import("react").ReactNode;
+    id: string;
+};
+export default ContextMenu;

package/dist/es/src/components/TagConfig/components/SenseList/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const SenseList: ({ name, bookId, selectedTag, templateId, viewCode, pageSize, customColumns, }: {
+    name: any;
+    bookId: any;
+    selectedTag: any;
+    templateId: any;
+    viewCode: any;
+    pageSize: any;
+    customColumns: any;
+}) => React.JSX.Element;
+export default SenseList;

package/dist/es/src/components/TagConfig/components/TagList/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const TagList: ({ templateId, selectedTag, setSelectedTag }: {
+    templateId: any;
+    selectedTag: any;
+    setSelectedTag: any;
+}) => React.JSX.Element;
+export default TagList;

package/dist/es/src/components/TagConfig/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TagConfig';
+export type { TagConfigProps } from './TagConfig.types';

package/dist/es/src/components/TagConfig/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/src/components/TagTreeSelect/TagTreeSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TagTreeSelectProps } from './TagTreeSelect.types';
+declare const TagTreeSelect: React.FC<TagTreeSelectProps>;
+export default TagTreeSelect;

package/dist/es/src/components/TagTreeSelect/TagTreeSelect.stories.d.ts

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import TagTreeSelect from './TagTreeSelect';
+declare const meta: Meta<typeof TagTreeSelect>;
+export default meta;
+type Story = StoryObj<typeof TagTreeSelect>;
+/**
+ * 默认视图 - 展示标签选择器的基本用法
+ *
+ * 展示了标签选择器的默认状态，自动加载标签树数据，
+ * 支持搜索和清除功能，只允许选择标签值（叶子节点）。
+ */
+export declare const Default: Story;
+/**
+ * 多选模式 - 支持选择多个标签
+ *
+ * 通过设置 multiple 属性，可以让用户选择多个标签值。
+ * 选中的标签会以标签形式显示在选择框中。
+ */
+export declare const Multiple: Story;
+/**
+ * 带复选框的多选 - 使用 Checkbox 进行多选
+ *
+ * 通过设置 treeCheckable 属性，可以显示复选框，
+ * 让用户通过勾选的方式选择多个标签。
+ */
+export declare const MultipleWithCheckbox: Story;
+/**
+ * 禁用状态 - 不可编辑的选择器
+ *
+ * 通过设置 disabled 属性，可以禁用选择器，
+ * 用户将无法进行任何操作。
+ */
+export declare const Disabled: Story;
+/**
+ * 自定义宽度 - 设置不同的宽度样式
+ *
+ * 可以通过 style 属性自定义选择器的宽度和其他样式。
+ */
+export declare const CustomWidth: Story;

package/dist/es/src/components/TagTreeSelect/TagTreeSelect.types.d.ts

@@ -0,0 +1,2 @@
+import { TreeSelectProps } from 'antd';
+export type TagTreeSelectProps = TreeSelectProps;

package/dist/es/src/components/TagTreeSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TagTreeSelect';

package/dist/es/src/components/TagTreeSelect/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/src/components/VideoControl/VideoControl.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VideoControlProps } from './VideoControl.types';
+declare const VideoControl: (props: VideoControlProps) => React.JSX.Element;
+export default VideoControl;

package/dist/es/src/components/VideoControl/VideoControl.stories.d.ts

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import VideoControl from './VideoControl';
+declare const meta: Meta<typeof VideoControl>;
+export default meta;
+type Story = StoryObj<typeof VideoControl>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这是 VideoControl 组件的基本用法，展示了云台控制的默认状态。
+ * 组件包含方向控制（8个方向）、焦距控制、焦点控制、光圈控制和速度调节。
+ */
+export declare const Default: Story;
+/**
+ * 禁用状态 - 展示组件禁用时的表现
+ *
+ * 当 disabled 为 true 时，所有云台控制功能都将被禁用。
+ * 这在没有控制权限或设备不支持云台控制时很有用。
+ */
+export declare const Disabled: Story;
+/**
+ * 自定义样式 - 展示自定义按钮颜色
+ *
+ * 可以通过 operationIconColor 和 operateIconBorderColor 参数
+ * 自定义操作按钮的图标颜色和边框颜色，以适应不同的界面主题。
+ */
+export declare const CustomStyle: Story;
+/**
+ * 配合视频播放器使用
+ *
+ * 展示如何将视频播放器注入到 VideoControl 组件中，
+ * 实现视频播放和云台控制的整合。
+ */
+export declare const WithPlayer: Story;

package/dist/es/src/components/VideoControl/VideoControl.types.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface VideoControlProps {
+    /**
+     * 实体唯一编码，用于视频控制
+     */
+    senseGlobalCode?: string;
+    /**
+     * 视频通道 id
+     */
+    channelId?: string;
+    /**
+     * 视频源类型
+     */
+    videoStreamSource?: 'cityeyes' | 'hikvision' | 'custom';
+    /**
+     * 禁用云台控制
+     */
+    disabled?: boolean;
+    /**
+     * 操作按钮文本颜色
+     */
+    operationIconColor?: string;
+    /**
+     * 操作按钮边框颜色
+     */
+    operateIconBorderColor?: string;
+    /**
+     * 可注入的播放器节点（用于打破循环依赖）
+     */
+    player?: React.ReactNode;
+}

package/dist/es/src/components/VideoControl/ccos.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VideoControlProps } from './VideoControl.types';
+interface CcosVideoControlProps extends VideoControlProps {
+    'data-dnd': string;
+    tid: string;
+}
+declare const CcosVideoControl: {
+    (props: CcosVideoControlProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosVideoControl;

package/dist/es/src/components/VideoControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoControl';
+export type { VideoControlProps } from './VideoControl.types';

package/dist/es/src/components/VideoControl/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/src/components/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VideoPlayerProps } from './VideoPlayer.types';
+declare const VideoPlayer: (props: VideoPlayerProps) => React.JSX.Element;
+export default VideoPlayer;

package/dist/es/src/components/VideoPlayer/VideoPlayer.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import VideoPlayer from './VideoPlayer';
+declare const meta: Meta<typeof VideoPlayer>;
+export default meta;
+type Story = StoryObj<typeof VideoPlayer>;
+/**
+ * 默认视图 - 通过实体编码获取视频
+ *
+ * 使用 senseGlobalCode 参数，组件会自动通过接口获取视频地址和播放器类型。
+ * 如果配置了云台控制（ptzControl），还会显示设备控制按钮。
+ */
+export declare const Default: Story;
+/**
+ * 星眸播放器示例
+ *
+ * 使用 hls.js 播放器播放 HLS 视频流，适用于星眸视频源。
+ */
+export declare const Cityeyes: Story;
+/**
+ * 海康播放器示例
+ *
+ * 使用海康 H5Player 播放器播放视频，适用于海康设备。
+ */
+export declare const H5player: Story;
+/**
+ * 通过通道 ID 获取视频
+ *
+ * 使用 channelId 和 videoStreamSource 参数，通过接口获取视频地址。
+ */
+export declare const WithChannelId: Story;
+/**
+ * 自定义播放器库路径
+ *
+ * 通过 libsPath 参数自定义播放器库的加载路径。
+ */
+export declare const CustomLibsPath: Story;
+/**
+ * 自定义播放器尺寸
+ *
+ * 通过 width 和 height 参数自定义播放器尺寸。
+ */
+export declare const CustomSize: Story;
+export declare const SenseGlobalCode: Story;

package/dist/es/src/components/VideoPlayer/VideoPlayer.types.d.ts

@@ -0,0 +1,37 @@
+export interface VideoPlayerProps {
+    /**
+     * 视频播放器库路径
+     */
+    libsPath?: {
+        cityeyes?: string;
+        h5player?: string;
+    };
+    /**
+     * 视频播放地址
+     */
+    url?: string;
+    /**
+     * 实体唯一编码，用于视频控制
+     */
+    senseGlobalCode?: string;
+    /**
+     * 视频通道 id
+     */
+    channelId?: string;
+    /**
+     * 播放器类型
+     */
+    videoPlayerType?: 'cityeyes' | 'h5player';
+    /**
+     * 视频源类型
+     */
+    videoStreamSource?: 'cityeyes' | 'hikvision' | 'custom';
+    /**
+     * 视频播放器宽度
+     */
+    width?: number;
+    /**
+     * 视频播放器高度
+     */
+    height?: number;
+}

package/dist/es/src/components/VideoPlayer/ccos.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VideoPlayerProps } from './VideoPlayer.types';
+interface CcosVideoPlayerProps extends VideoPlayerProps {
+    'data-dnd': string;
+    tid: string;
+}
+declare const CcosVideoPlayer: {
+    (props: CcosVideoPlayerProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosVideoPlayer;

package/dist/es/src/components/VideoPlayer/components/Cityeyes/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CityeyesProps {
+    url: string;
+    libPath: string;
+}
+declare const Cityeyes: React.FC<CityeyesProps>;
+export default Cityeyes;

package/dist/es/src/components/VideoPlayer/components/Control/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoPlayerProps } from '../../VideoPlayer.types';
+interface ControlProps extends VideoPlayerProps {
+    open: boolean;
+    onCancel: () => void;
+}
+declare const Control: React.FC<ControlProps>;
+export default Control;

package/dist/es/src/components/VideoPlayer/components/H5player/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface H5playerProps {
+    url: string;
+    libPath: string;
+    width?: number;
+    height?: number;
+}
+declare const H5player: React.FC<H5playerProps>;
+export default H5player;

package/dist/es/src/components/VideoPlayer/components/Player/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { VideoPlayerProps } from '../../VideoPlayer.types';
+type PlayerProps = Pick<VideoPlayerProps, 'libsPath' | 'url' | 'videoPlayerType' | 'width' | 'height'>;
+declare const Player: React.FC<PlayerProps>;
+export default Player;

package/dist/es/src/components/VideoPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoPlayer';
+export type { VideoPlayerProps } from './VideoPlayer.types';

package/dist/es/src/components/VideoPlayer/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ComponentPrototype;
+export default _default;

package/dist/es/src/constants/pagination.d.ts

@@ -0,0 +1,10 @@
+export declare const PAGINATION: {
+    current: number;
+    total: number;
+    pageSize: number;
+    pageSizeOptions: string[];
+    showSizeChanger: boolean;
+    showQuickJumper: boolean;
+    hideOnSinglePage: boolean;
+    showTotal: (total: number) => string;
+};

package/dist/es/src/hooks/useEntityClass/index.d.ts

@@ -0,0 +1,5 @@
+declare const useEntityClass: () => {
+    loaded: boolean;
+    entityClassList: EntityAPI.EntityClassItem[];
+};
+export default useEntityClass;

package/dist/es/src/hooks/useKsCode/index.d.ts

@@ -0,0 +1,5 @@
+declare const useKsCode: () => {
+    loaded: boolean;
+    ksCodeMap: EntityAPI.KsCodeMap;
+};
+export default useKsCode;

package/dist/es/src/hooks/useMeeting/index.d.ts

@@ -0,0 +1,5 @@
+declare const useMeeting: () => {
+    openMeeting: (openUserIds: string[]) => Promise<void>;
+    contextHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+};
+export default useMeeting;

package/dist/es/src/hooks/useRelationList/RelationList/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const RelationList: ({ data: { entityCode, relationEntityCode, relationCode, direction, entityClassCode }, location, open, onCancel, onJump, }: {
+    data: {
+        entityCode: any;
+        relationEntityCode: any;
+        relationCode: any;
+        direction: any;
+        entityClassCode: any;
+    };
+    location: any;
+    open: any;
+    onCancel: any;
+    onJump: any;
+}) => React.JSX.Element;
+export default RelationList;

package/dist/es/src/hooks/useRelationList/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const useRelationList: (onJump: any) => {
+    RelationList: () => React.JSX.Element;
+    jumpTo: (event: any, { senseGlobalCode, entityCode, relationEntityCode, relationCode, direction, entityClassCode, }: any) => void;
+};
+export default useRelationList;