@icos-desktop/react-components 2.3.0 → 3.0.0

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

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import EntityClassTreeSelect from './EntityClassTreeSelect';
+declare const meta: Meta<typeof EntityClassTreeSelect>;
+export default meta;
+type Story = StoryObj<typeof EntityClassTreeSelect>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 组件会自动加载实体分类树数据，用户可以从下拉树中选择一个分类。
+ */
+export declare const Default: Story;
+/**
+ * 基础用法 - 向后兼容的别名
+ */
+export declare const Base: Story;
+/**
+ * 指定父节点 - 只显示指定父节点下的子节点
+ *
+ * 通过 parentNodeCode 参数可以限制只显示某个父节点下的子节点。
+ */
+export declare const WithParentNode: Story;
+/**
+ * 指定视图 - 只显示指定视图下的分类
+ *
+ * 通过 viewCodes 参数可以过滤只显示指定视图下的分类数据。
+ */
+export declare const WithViewCodes: Story;
+/**
+ * 多选模式 - 支持选择多个分类
+ *
+ * 通过 multiple 和 treeCheckable 属性启用多选功能。
+ */
+export declare const Multiple: Story;
+/**
+ * 受控模式 - 使用 value 和 onChange 控制选中值
+ *
+ * 展示如何在受控模式下使用组件。
+ */
+export declare const Controlled: Story;

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

@@ -0,0 +1,5 @@
+import { TreeSelectProps } from 'antd';
+export interface EntityClassTreeSelectProps extends TreeSelectProps {
+    parentNodeCode?: string;
+    viewCodes?: string[];
+}

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import ImportTable from './ImportTable';
+declare const meta: Meta<typeof ImportTable>;
+export default meta;
+type Story = StoryObj<typeof ImportTable>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 组件会自动加载导入任务列表，显示：
+ * - 台账名称、导入人、导入人部门、导入时间、导入状态
+ * - 支持按导入状态筛选
+ * - 支持按台账名称/导入人/部门搜索
+ * - 失败或部分成功的任务可以查看失败信息
+ */
+export declare const Default: Story;
+/**
+ * 状态筛选交互 - 演示状态筛选功能
+ *
+ * 这个 story 演示了如何使用状态筛选功能：
+ * 1. 点击状态选择器
+ * 2. 选择不同的导入状态
+ * 3. 表格会自动刷新并显示筛选后的结果
+ */
+export declare const StatusFilterInteraction: Story;
+/**
+ * 搜索功能交互 - 演示关键字搜索功能
+ *
+ * 这个 story 演示了如何使用搜索功能：
+ * 1. 在搜索框输入关键字
+ * 2. 点击搜索或按回车
+ * 3. 表格会自动刷新并显示搜索结果
+ */
+export declare const SearchInteraction: Story;
+/**
+ * 查看失败信息交互 - 演示查看失败信息功能
+ *
+ * 这个 story 演示了如何查看失败信息：
+ * 1. 当任务状态为"部分成功"或"失败"时，会显示"查看失败信息"按钮
+ * 2. 点击按钮打开失败信息弹窗
+ * 3. 弹窗中显示详细的错误信息
+ */
+export declare const ViewErrorInfoInteraction: Story;
+/**
+ * 空数据状态 - 展示无数据时的表现
+ *
+ * 当没有导入任务时，表格会显示空状态
+ */
+export declare const EmptyState: Story;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface ImportTableProps {
+    children?: ReactNode;
+}

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

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

package/dist/es/src/components/ImportTable/components/ErrorMsgModal/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const ErrorMsgModal: ({ open, onCancel, curRecord }: {
+    open: any;
+    onCancel: any;
+    curRecord: any;
+}) => React.JSX.Element;
+export default ErrorMsgModal;

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { ModalProps } from 'antd';
+import React from 'react';
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

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

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

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import OrgTreeSelect from './OrgTreeSelect';
+declare const meta: Meta<typeof OrgTreeSelect>;
+export default meta;
+type Story = StoryObj<typeof OrgTreeSelect>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 使用基于当前用户权限的组织列表，支持搜索和清空功能。
+ */
+export declare const Default: Story;
+/**
+ * 全量组织列表 - 展示获取全量组织的用法
+ *
+ * 设置 all 为 true 时，组件会获取所有组织列表，不受用户权限限制。
+ */
+export declare const All: Story;
+/**
+ * 多选模式 - 展示多选功能的用法
+ *
+ * 支持同时选择多个组织节点。
+ */
+export declare const Multiple: Story;
+/**
+ * 禁用状态 - 展示禁用状态的用法
+ */
+export declare const Disabled: Story;
+/**
+ * 交互示例 - 展示组件的交互功能
+ *
+ * 演示搜索、选择等交互操作。
+ */
+export declare const InteractionExample: Story;

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

@@ -0,0 +1,4 @@
+import { TreeSelectProps } from 'antd';
+export interface OrgTreeSelectProps extends TreeSelectProps {
+    all?: boolean;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import PersonSelector from './PersonSelector';
+declare const meta: Meta<typeof PersonSelector>;
+export default meta;
+type Story = StoryObj<typeof PersonSelector>;
+/**
+ * 默认视图 - 基础用法
+ *
+ * 展示组件的基本用法，用户可以通过组织树选择组织，然后从人员列表中选择人员。
+ * 已选择的人员会显示在右侧的已选列表中。
+ */
+export declare const Default: Story;
+/**
+ * 受控模式
+ *
+ * 展示组件在受控模式下的用法，通过 value 和 onChange 控制已选人员列表。
+ */
+export declare const Controlled: Story;
+/**
+ * 非受控模式
+ *
+ * 展示组件在非受控模式下的用法，通过 defaultValue 设置初始值。
+ */
+export declare const Uncontrolled: Story;
+/**
+ * 带额外选项
+ *
+ * 展示组件使用 extra 属性添加额外交互元素的用法，例如为每个已选人员添加备注输入框。
+ */
+export declare const WithExtra: Story;
+/**
+ * 交互测试 - 选择人员
+ *
+ * 这个 story 演示了组件的交互功能：
+ * 1. 等待组织树加载
+ * 2. 选择组织
+ * 3. 选择人员
+ * 4. 验证已选人员列表
+ */
+export declare const SelectionInteraction: Story;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export type UserItem = UserAPI.GetUserListRes['list'][number];
+export interface PersonSelectorProps {
+    /**
+     * 选择的人员列表
+     */
+    value?: UserItem[];
+    /**
+     * 选择人员列表变化
+     * @param value
+     */
+    onChange?: (value: UserItem[]) => void;
+    /**
+     * 选择的人员列表默认值
+     */
+    defaultValue?: UserItem[];
+    /**
+     * 额外的选择项
+     */
+    extra?: (data: {
+        item: UserItem;
+        onChange: (value: any) => void;
+    }) => React.ReactNode;
+    /**
+     * 额外的选择项参数名
+     */
+    extraKey?: string;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProTableProps } from './ProTable.types';
+declare const _default: React.NamedExoticComponent<ProTableProps>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react-vite';
+import React from 'react';
+import ProTable from './ProTable';
+import { ProTableProps } from './ProTable.types';
+declare const meta: Meta<typeof ProTable>;
+export default meta;
+export declare const Base: (props: ProTableProps) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import { TableProps } from 'antd';
+export interface ProTableProps extends TableProps {
+    header: {
+        code: string;
+        name: string;
+        hidden?: boolean;
+        defaultShow?: boolean;
+    }[];
+}

package/dist/es/src/components/ProTable/components/ColumnsConfig/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ style, className, value, onChange, options, fieldNames }: {
+    style: any;
+    className: any;
+    value: any;
+    onChange: any;
+    options: any;
+    fieldNames: any;
+}) => React.JSX.Element>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import ProTree from './ProTree';
+declare const meta: Meta<typeof ProTree>;
+export default meta;
+type Story = StoryObj<typeof ProTree>;
+export declare const Base: Story;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface ProTreeProps {
+    children?: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import RegionCascader from './RegionCascader';
+declare const meta: Meta<typeof RegionCascader>;
+export default meta;
+type Story = StoryObj<typeof RegionCascader>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 组件会自动加载地理层级数据，支持懒加载子级数据。
+ * 点击级联选择器可以展开查看可用的地理层级选项。
+ */
+export declare const Default: Story;
+/**
+ * 指定初始区域 - 展示从指定区域开始的级联选择
+ *
+ * 通过传入 regionId，组件会从指定的地理层级开始加载数据。
+ */
+export declare const WithRegionId: Story;
+/**
+ * 受控模式 - 展示受控模式的使用
+ *
+ * 通过 value 和 onChange 实现受控模式，可以完全控制组件的选中值。
+ */
+export declare const Controlled: Story;
+/**
+ * 禁用状态 - 展示禁用状态的组件
+ */
+export declare const Disabled: Story;
+/**
+ * 不同尺寸 - 展示不同尺寸的组件
+ */
+export declare const DifferentSizes: Story;
+/**
+ * 交互测试 - 级联选择交互
+ *
+ * 这个 story 演示了组件的交互功能：
+ * 1. 点击级联选择器打开下拉菜单
+ * 2. 选择选项后加载子级数据
+ * 3. 验证选择结果
+ */
+export declare const CascaderInteraction: Story;

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

@@ -0,0 +1,4 @@
+import { CascaderProps } from 'antd';
+export interface RegionCascaderProps extends CascaderProps<any, any, any> {
+    regionId?: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import RegionTreeSelect from './RegionTreeSelect';
+declare const meta: Meta<typeof RegionTreeSelect>;
+export default meta;
+type Story = StoryObj<typeof RegionTreeSelect>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 组件会自动加载地理层级树数据，用户可以从下拉树中选择一个区域。
+ */
+export declare const Default: Story;
+/**
+ * 基础用法 - 向后兼容的别名
+ */
+export declare const Base: Story;
+/**
+ * 指定起始区域 - 从指定区域开始加载
+ *
+ * 通过 regionId 参数可以指定从哪个区域开始加载子区域。
+ */
+export declare const WithRegionId: Story;
+/**
+ * 使用默认树数据 - 传入预设数据
+ *
+ * 通过 defaultTreeData 参数可以传入预设的树数据，组件将不会自动加载数据。
+ */
+export declare const WithDefaultTreeData: Story;
+/**
+ * 多选模式 - 支持选择多个区域
+ *
+ * 通过 multiple 和 treeCheckable 属性启用多选功能。
+ */
+export declare const Multiple: Story;
+/**
+ * 受控模式 - 使用 value 和 onChange 控制选中值
+ *
+ * 展示如何在受控模式下使用组件。
+ */
+export declare const Controlled: Story;

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

@@ -0,0 +1,8 @@
+import { TreeSelectProps } from 'antd';
+export interface RegionTreeSelectProps extends TreeSelectProps {
+    regionId?: string;
+    /**
+     * 默认树数据
+     */
+    defaultTreeData?: any[];
+}

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import RelationGraph from './RelationGraph';
+declare const meta: Meta<typeof RelationGraph>;
+export default meta;
+type Story = StoryObj<typeof RelationGraph>;
+/**
+ * 默认视图 - 展示关系图谱的基本用法
+ *
+ * 这个 story 展示组件最常见的用法，
+ * 传入实体记录的唯一标识即可自动加载并显示关系图谱。
+ * 用户可以通过拖拽节点、缩放画布、点击节点等操作与图谱交互。
+ */
+export declare const Default: Story;
+/**
+ * 带跳转回调的关系图谱
+ *
+ * 展示组件在传入 onJump 回调时的用法。
+ * 当用户点击关系图谱中的节点时，会触发回调并跳转到关联实体。
+ */
+export declare const WithJumpCallback: Story;
+/**
+ * 不同尺寸的关系图谱
+ *
+ * 展示组件在不同容器尺寸下的表现。
+ * 组件会自动适应容器大小，支持响应式布局。
+ */
+export declare const DifferentSizes: Story;

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

@@ -0,0 +1,10 @@
+export interface RelationGraphProps {
+    /**
+     * 实体记录唯一标识
+     */
+    senseGlobalCode: string;
+    /**
+     * 跳转到关联实体记录
+     */
+    onJump?: (senseGlobalCode: string) => void;
+}

package/dist/es/src/components/RelationGraph/components/Graph/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Graph: ({ data, onJump }: {
+    data: any;
+    onJump: any;
+}) => React.JSX.Element;
+export default Graph;

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseContentTable from './SenseContentTable';
+declare const meta: Meta<typeof SenseContentTable>;
+export default meta;
+type Story = StoryObj<typeof SenseContentTable>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示了组件的基本用法，包括：
+ * - 基础表格展示
+ * - 时间筛选功能
+ * - 自定义筛选字段
+ * - 导出数据功能
+ */
+export declare const Default: Story;
+/**
+ * 完整功能示例 - 包含所有常用配置
+ *
+ * 展示组件的高级功能，包括：
+ * - 自定义表头配置（returnHeader）
+ * - 多个筛选字段
+ * - 最大总数限制
+ * - 自定义排序
+ */
+export declare const FullFeatures: Story;
+/**
+ * 自定义按钮示例 - 展示如何添加自定义操作按钮
+ */
+export declare const WithCustomButtons: Story;
+/**
+ * 仅表格模式 - 不显示筛选器和按钮
+ *
+ * 适用于只需要展示表格数据的场景。
+ */
+export declare const TableOnly: Story;
+/**
+ * 交互示例 - 展示组件的交互功能
+ */
+export declare const InteractionExample: Story;