@icos-desktop/react-components 2.3.0 → 3.0.0

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

@@ -0,0 +1,59 @@
+export interface SenseSearchRef {
+    /**
+     * 触发搜索
+     */
+    search: () => void;
+    /**
+     * 设置表单值
+     */
+    setFieldsValue: (values: any) => void;
+    /**
+     * 重置表单值
+     */
+    resetFields: (fields: any) => void;
+    /**
+     * AI搜索
+     */
+    aiSearch: (res: any) => void;
+}
+export interface SenseSearchProps {
+    /**
+     * 隐藏搜索
+     */
+    hiddenSearch?: boolean;
+    /**
+     * 功能视图编码
+     */
+    viewCode?: string;
+    /**
+     * 显示顶部菜单栏
+     */
+    showView?: boolean;
+    /**
+     * 系统视图列表
+     */
+    views?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * 时空搜索类型，可选项：`time` 时间, `space` 空间, `knn` 最近邻, `time-space` 时空
+     */
+    searchMode?: ('time' | 'space' | 'knn' | 'time-space')[];
+    /**
+     * 触发搜索
+     */
+    onSearch?: (value: any) => void;
+    /**
+     * 地图开始绘制
+     */
+    onStartDraw?: (mode: string, callback: any) => void;
+    /**
+     * 地图绘制（绘制回显）
+     */
+    onMapDraw?: (value: any) => void;
+    /**
+     * 搜索图标颜色
+     */
+    inputIconColor?: string;
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SenseSearchProps } from './SenseSearch.types';
+interface CcosSenseSearchProps extends SenseSearchProps {
+    'data-dnd': string;
+    tid: string;
+    showSpaceSearch?: boolean;
+}
+declare const CcosSenseSearch: {
+    (props: CcosSenseSearchProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseSearch;

package/dist/es/src/components/SenseSearch/components/AdvancedSearch/KnnItems/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare const EMPTY_KNN_ITEM: {
+    k: any;
+    senseObjCode: any;
+};
+interface KnnItems {
+    k: number | null;
+    senseObjCode: string | null;
+}
+export interface KnnItemsProps {
+    onChange?: (value: KnnItems[]) => void;
+    value?: KnnItems[];
+    entityClassTree: any;
+}
+declare const KnnItems: React.FC<KnnItemsProps> & {
+    EMPTY_KNN_ITEM: typeof EMPTY_KNN_ITEM;
+};
+export default KnnItems;

package/dist/es/src/components/SenseSearch/components/AdvancedSearch/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SenseSearchProps } from '../../SenseSearch.types';
+interface AdvancedSearchProps extends Pick<SenseSearchProps, 'searchMode' | 'onSearch' | 'onStartDraw' | 'onMapDraw'> {
+    entityClassTree: any[];
+    activeCategory: string;
+}
+declare const AdvancedSearch: React.FC<AdvancedSearchProps>;
+export default AdvancedSearch;

package/dist/es/src/components/SenseSearch/components/Tabs/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface TabsProps {
+    show?: boolean;
+    block?: boolean;
+    innerGap?: number | [number, number];
+    itemGap?: number;
+    type?: 1 | 2 | 3;
+    items: {
+        key: string;
+        label: React.ReactNode;
+        dot?: boolean;
+    }[];
+    activeKey?: string;
+    defaultActiveKey?: string;
+    onChange?: (key: string) => void;
+}
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/es/src/components/SenseSearch/constants/index.d.ts

@@ -0,0 +1,41 @@
+export declare enum DRAW_MODE {
+    POINT = "point",
+    LINE = "line",
+    CIRCLE = "circle",
+    RECTANGLE = "rectangle",
+    POLYGON = "polygon"
+}
+export declare const SEARCH_MODE: {
+    TIME: string;
+    SPACE: string;
+    KNN: string;
+    TIME_SPACE: string;
+};
+export declare const SPACE_MODE: {
+    POINT: string;
+    LINE: string;
+    POLYGON: string;
+    REGION: string;
+};
+export declare const FORM_ITEMS: {
+    KEYWORD: string;
+    ENTITY_TYPE: string;
+    TAG_CODES: string;
+    SEARCH_MODE: string;
+    TIME_RANGE: string;
+    SPACE_MODE: string;
+    SELECT_POINTS: string;
+    POINTS: string;
+    SELECT_LINES: string;
+    LINES: string;
+    SELECT_POLYGONS: string;
+    POLYGONS: string;
+    REGION: string;
+    POINT_RANGE: string;
+    LINE_RANGE: string;
+    LOCATION: string;
+    KNN_ITEMS: string;
+};
+export declare const FORM_ITEM_SHOW_ADVANCED_RESET: string[];
+export declare const FORM_ITEM_SEARCH_MODE_RESET: string[];
+export declare const FORM_ITEM_BUTTON_RESET: string[];

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

@@ -0,0 +1,2 @@
+export { default } from './SenseSearch';
+export type { SenseSearchProps, SenseSearchRef } from './SenseSearch.types';

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SenseTableProps, SenseTableRef } from './SenseTable.types';
+declare const SenseTable: React.ForwardRefExoticComponent<SenseTableProps & React.RefAttributes<SenseTableRef>>;
+export default SenseTable;

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

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseTable from './SenseTable';
+declare const meta: Meta<typeof SenseTable>;
+export default meta;
+type Story = StoryObj<typeof SenseTable>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示组件最常见的用法，使用默认参数或最常见的参数组合。
+ */
+export declare const Default: Story;
+/**
+ * 基础用法 - 向后兼容的别名
+ */
+export declare const Base: Story;
+/**
+ * 带标签功能的表格
+ */
+export declare const WithTags: Story;
+/**
+ * 可编辑标签的表格
+ */
+export declare const WithEditableTags: Story;
+/**
+ * 带右键菜单的表格
+ */
+export declare const WithContextMenu: Story;

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

@@ -0,0 +1,102 @@
+import { TableProps } from 'antd';
+export type ContextMenuKey = 'show' | 'edit' | 'cut' | 'copy' | 'delete';
+export interface SenseTableProps extends TableProps {
+    /**
+     * 台账 id
+     */
+    bookId?: string;
+    /**
+     * 批量台账 id
+     */
+    bookIds?: string[];
+    /**
+     * 台账模板 id
+     */
+    templateId?: string;
+    /**
+     * 地理层级叶子节点id，实体记录所属地理层级叶子节点为此值时返回
+     */
+    leafRegionId?: string;
+    /**
+     * 地理层级路径节点id，实体记录所属地理层级路径只要包含此值即返回，leftRegionId无值时有效
+     */
+    pathRegionId?: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 搜索关键词
+     */
+    keyword?: string;
+    /**
+     * 过滤条件
+     */
+    filter?: any;
+    /**
+     * 过滤配置
+     */
+    filterConfig?: any;
+    /**
+     * 扩展列参数
+     */
+    extendColumnParams?: any[];
+    /**
+     * 隐藏表格列
+     */
+    hideColumns?: string[];
+    /**
+     * 自定义表格列
+     */
+    customColumns?: Record<string, any>;
+    /**
+     * 实体记录功能
+     */
+    contextMenuConfig?: ContextMenuKey[];
+    /**
+     * 启用标签
+     */
+    enableTag?: boolean | 'edit';
+    /**
+     * 获取写权限数据
+     */
+    writeAuth?: boolean;
+    /**
+     * 表格默认分页条数，默认 1000
+     */
+    pageSize?: number;
+    /**
+     * 单击实体
+     * @param record
+     */
+    onClick?: (record: any) => void;
+    /**
+     * 双击实体
+     * @param record
+     */
+    onDoubleClick?: (record: any) => void;
+    /**
+     * 查看实体
+     * @param record
+     */
+    onShowSense?: (record: any) => void;
+    /**
+     * 编辑实体
+     * @param record
+     */
+    onEditSense?: (record: any) => void;
+    /**
+     * 触发刷新的回调
+     */
+    onRefresh?: () => void;
+}
+export interface SenseTableRef {
+    /**
+     * 刷新
+     */
+    refresh: () => void;
+    /**
+     * 导出
+     */
+    export: () => void;
+}

package/dist/es/src/components/SenseTable/components/ContextMenu/index.d.ts

@@ -0,0 +1,10 @@
+import { ContextMenuKey } from '../../SenseTable.types';
+interface ContextMenuProps {
+    config?: ContextMenuKey[];
+    authTypes?: number[];
+}
+declare const ContextMenu: {
+    ({ config, authTypes }: ContextMenuProps): import("react").ReactNode;
+    id: string;
+};
+export default ContextMenu;

package/dist/es/src/components/SenseTable/components/ExportModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ExportModalProps {
+    open: boolean;
+    config?: any[];
+    onOk: (params: any) => Promise<void>;
+    onCancel: () => void;
+}
+declare const ExportModal: React.FC<ExportModalProps>;
+export default ExportModal;

package/dist/es/src/components/SenseTable/components/ExportModal/useExportModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const useExportModal: () => {
+    onExport: (_params: any) => Promise<void>;
+    ExportModal: () => React.JSX.Element;
+};
+export default useExportModal;

package/dist/es/src/components/SenseTable/components/TagsModal/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const getTags: (record: any) => {
+    name: string;
+    code: string;
+}[];
+interface TagsModalProps {
+    open: boolean;
+    onCancel: () => void;
+    data: any;
+}
+declare const TagsModal: React.FC<TagsModalProps>;
+export default TagsModal;

package/dist/es/src/components/SenseTable/components/widgets/FileView/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const FileView: ({ value }: {
+    value: any;
+}) => React.JSX.Element | "-";
+export default FileView;

package/dist/es/src/components/SenseTable/components/widgets/ImageView/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ImageView: ({ value }: {
+    value: any;
+}) => React.JSX.Element | "-";
+export default ImageView;

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

@@ -0,0 +1,2 @@
+export { default } from './SenseTable';
+export type { SenseTableProps, SenseTableRef } from './SenseTable.types';

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

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

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

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

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

@@ -0,0 +1,60 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseTree from './SenseTree';
+declare const meta: Meta<typeof SenseTree>;
+export default meta;
+type Story = StoryObj<typeof SenseTree>;
+/**
+ * 默认视图 - 分类-台账-实体记录类型
+ *
+ * 展示最常见的树类型，通过实体分类组织数据，结构为：分类 → 台账 → 实体记录。
+ * 适用于需要按业务分类浏览实体资源的场景。
+ */
+export declare const Default: Story;
+/**
+ * 分类-台账-实体记录
+ *
+ * 通过实体分类组织数据，适合按业务类型浏览实体资源。
+ */
+export declare const EntityClass: Story;
+/**
+ * 地理层级-台账-实体记录
+ *
+ * 通过地理层级组织数据，适合按地理位置浏览实体资源。
+ */
+export declare const RegionBook: Story;
+/**
+ * 地理层级-实体记录
+ *
+ * 直接在地理层级下显示实体记录，跳过台账层级。
+ */
+export declare const RegionSense: Story;
+/**
+ * 带搜索参数的示例
+ *
+ * 展示如何通过 searchParams 进行关键字搜索。
+ */
+export declare const WithSearch: Story;
+/**
+ * 带右键菜单的示例
+ *
+ * 展示如何启用实体记录的右键菜单功能。
+ */
+export declare const WithContextMenu: Story;
+/**
+ * 默认全选示例
+ *
+ * 展示如何设置默认全选所有节点。
+ */
+export declare const DefaultCheckedAll: Story;
+/**
+ * 交互示例 - 展开和选择节点
+ *
+ * 演示如何与树组件进行交互操作。
+ */
+export declare const InteractionExample: Story;
+/**
+ * Semantic DOM 示例
+ *
+ * 用于可访问性测试和语义化分析。
+ */
+export declare const Semantic: Story;

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

@@ -0,0 +1,94 @@
+import React from 'react';
+export interface CheckInfo {
+    info: {
+        selectSenseObjCodes?: string[];
+        selectBookIds?: string[];
+        unSelectBookIds?: string[];
+        selectSenseGlobalCodes?: string[];
+        unSelectSenseGlobalCodes?: string[];
+        selectOrgIds?: string[];
+    };
+    total: number;
+}
+export interface SenseTreeProps {
+    /**
+     * 树类型，可选项：`entity-class` 分类-台账-实体记录, `region-book`地理层级-台账-实体记录, `region-sense` 地理层级-实体记录
+     */
+    treeType: 'entity-class' | 'region-book' | 'region-sense';
+    /**
+     * 视图编码
+     */
+    viewCodes: string[];
+    /**
+     * 搜索参数
+     */
+    searchParams: any;
+    /**
+     * 散点聚合类型，可选项：`1` 空间聚合, `2` 地区聚合，默认值：`1`
+     */
+    aggregateType?: 1 | 2;
+    /**
+     * 地图缩放层级，存在此参数时会调用散点聚合接口
+     */
+    zoom?: number;
+    /**
+     * 地图可视范围
+     */
+    geom?: string;
+    /**
+     * 地理层级显示区间-根层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionRootLevel?: number;
+    /**
+     * 地理层级显示区间-叶子层级 1~9 以此为省、市、区县、街道、社区、小区、楼、单元、户
+     */
+    regionLeafLevel?: number;
+    /**
+     * 树节点标题额外显示内容
+     */
+    titleExtra?: (node: any) => React.ReactNode;
+    /**
+     * 默认全选
+     */
+    defaultCheckedAll?: boolean;
+    /**
+     * 实体记录功能，可选项：`show` 查看, `edit` 编辑
+     */
+    senseContextMenuConfig?: ('show' | 'edit')[];
+    /**
+     * 底部按钮功能，可选项：`download` 下载, `share` 共享
+     */
+    bottomButtonConfig?: ('download' | 'share')[];
+    /**
+     * 点击共享按钮
+     */
+    onShare?: (checkedInfo: CheckInfo) => void;
+    /**
+     * 实体总数变化
+     */
+    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/SenseTree/ccos.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SenseTreeProps } from './SenseTree.types';
+interface CcosSenseTreeProps extends SenseTreeProps {
+    'data-dnd': string;
+    tid: string;
+    viewType?: 'system' | 'func';
+    viewCode?: string;
+    showSenseContextMenu?: boolean;
+    showBottomButton?: boolean;
+}
+declare const CcosSenseTree: {
+    (props: CcosSenseTreeProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseTree;

package/dist/es/src/components/SenseTree/components/ContextMenu/index.d.ts

@@ -0,0 +1,8 @@
+interface ContextMenuProps {
+    config?: ('show' | 'edit')[];
+}
+declare const ContextMenu: {
+    ({ config }: ContextMenuProps): import("react").ReactNode;
+    id: string;
+};
+export default ContextMenu;

package/dist/es/src/components/SenseTree/components/ExportModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ExportModalProps {
+    open: boolean;
+    config?: any[];
+    onOk: (params: any) => Promise<void>;
+    onCancel: () => void;
+}
+declare const ExportModal: React.FC<ExportModalProps>;
+export default ExportModal;

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

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

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

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

package/dist/es/src/components/SenseTree/utils/index.d.ts

@@ -0,0 +1,27 @@
+export declare const getTreeChecked: ({ treeData: _treeData, checkedKeys, halfCheckedKeys, treeType, }: any) => {
+    info: {
+        selectSenseObjCodes?: undefined;
+        selectBookIds?: undefined;
+        unSelectBookIds?: undefined;
+        selectSenseGlobalCodes?: undefined;
+        unSelectSenseGlobalCodes?: undefined;
+        selectOrgIds?: undefined;
+        selectBookRegionIds?: undefined;
+        selectLeafRegionIds?: undefined;
+        selectPathRegionIds?: undefined;
+    };
+    total: number;
+} | {
+    info: {
+        selectSenseObjCodes: string[];
+        selectBookIds: string[];
+        unSelectBookIds: string[];
+        selectSenseGlobalCodes: string[];
+        unSelectSenseGlobalCodes: string[];
+        selectOrgIds: string[];
+        selectBookRegionIds: string[];
+        selectLeafRegionIds: string[];
+        selectPathRegionIds: string[];
+    };
+    total: number;
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SenseViewProps, SenseViewRef } from './SenseView.types';
+declare const SenseView: React.ForwardRefExoticComponent<SenseViewProps & React.RefAttributes<SenseViewRef>>;
+export default SenseView;

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

@@ -0,0 +1,57 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseView from './SenseView';
+declare const meta: Meta<typeof SenseView>;
+export default meta;
+type Story = StoryObj<typeof SenseView>;
+/**
+ * 默认视图 - 展示分类-台账-实体记录树结构
+ *
+ * 这是最常用的场景，展示完整的实体资源视窗功能，包括：
+ * - 顶部视图切换菜单
+ * - 时空搜索功能（时间、空间、最近邻、时空组合）
+ * - 分类树形结构
+ * - 实体记录右键菜单（查看、编辑）
+ * - 底部功能按钮（下载、分享）
+ */
+export declare const Default: Story;
+/**
+ * 分类-台账-实体记录树
+ *
+ * 向后兼容的别名，指向 Default
+ */
+export declare const EntityClass: Story;
+/**
+ * 地理层级-台账-实体记录树
+ *
+ * 展示基于地理层级的树形结构，适用于按地理区域管理实体资源的场景。
+ * 可以配置地理层级的显示区间（省、市、区县、街道等）。
+ */
+export declare const RegionBook: Story;
+/**
+ * 地理层级-实体记录树
+ *
+ * 直接展示地理层级下的实体记录，不包含台账层级。
+ * 适用于简化的地理层级展示场景。
+ */
+export declare const RegionSense: Story;
+/**
+ * 隐藏搜索区域
+ *
+ * 仅显示树形结构，不显示搜索区域。
+ * 适用于空间有限或不需要搜索功能的场景。
+ */
+export declare const HiddenSearch: Story;
+/**
+ * 简化配置
+ *
+ * 最小化配置，仅包含必要的参数。
+ * 适用于简单的实体资源展示场景。
+ */
+export declare const Minimal: Story;
+/**
+ * AI 搜索功能
+ *
+ * 展示通过 ref 调用 aiSearch 方法进行 AI 搜索的功能。
+ * 组件暴露了 aiSearch 方法，可以通过 ref 调用来触发 AI 搜索。
+ */
+export declare const WithAISearch: Story;