@icos-desktop/react-components 2.3.0 → 3.0.0

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

@@ -0,0 +1,2 @@
+export { default } from './BookGroupImport';
+export type { BookGroupImportProps, BookGroupImportRef } from './BookGroupImport.types';

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import BookGroupTable from './BookGroupTable';
+declare const meta: Meta<typeof BookGroupTable>;
+export default meta;
+type Story = StoryObj<typeof BookGroupTable>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示台账组列表的基础用法，不进行分组，显示所有台账组。
+ * 组件支持排序、搜索、双击查看、右键菜单等功能。
+ */
+export declare const Default: Story;
+/**
+ * 按实体类别分组显示
+ *
+ * 当 displayWay 为 '1' 时，组件会按实体类别对台账组进行分组显示。
+ * 每个分组可以展开/折叠，显示该类别下的所有台账组。
+ */
+export declare const GroupByEntityClass: Story;
+/**
+ * 按所属组织分组显示
+ *
+ * 当 displayWay 为 '2' 时，组件会按所属组织对台账组进行分组显示。
+ */
+export declare const GroupByOrganization: Story;
+/**
+ * 带关键词搜索
+ *
+ * 当提供 keyword 参数时，组件会高亮显示匹配的关键词。
+ */
+export declare const WithKeyword: Story;
+/**
+ * 交互示例 - 演示右键菜单和双击功能
+ *
+ * 这个 story 包含交互测试，演示如何通过右键菜单和双击操作台账组。
+ */
+export declare const InteractionExample: Story;

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

@@ -0,0 +1,37 @@
+export interface BookGroupTableProps {
+    /**
+     * 查看方式 (1 - 实体类别, 2 - 所属组织), 若为空则返回台账组不分组
+     */
+    displayWay?: string;
+    /**
+     * 节点编码, 若为空则返回台账组不分组
+     */
+    nodeCode?: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 搜索关键词
+     */
+    keyword?: string;
+    /**
+     * 过滤条件
+     */
+    filter?: any;
+    /**
+     * 双击台账组
+     * @param record
+     */
+    onDoubleClick?: (record: EntityManagerAPI.BookGroupItem) => void;
+    /**
+     * 点击导入管理
+     * @param record
+     */
+    onImport?: (record: EntityManagerAPI.BookGroupItem) => void;
+    /**
+     * 点击标签配置
+     * @param record
+     */
+    onTagConfig?: (record: EntityManagerAPI.BookGroupItem) => void;
+}

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

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

package/dist/es/src/components/BookGroupTable/hooks/useBookGroupTable.d.ts

@@ -0,0 +1,24 @@
+interface Params {
+    /**
+     * 查看方式 (1 - 实体类别, 2 - 所属组织), 若为空则返回台账组不分组
+     */
+    displayWay?: string;
+    /**
+     * 节点编码, 若为空则返回台账组不分组
+     */
+    nodeCode?: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 搜索关键词
+     */
+    keyword?: string;
+    /**
+     * 过滤条件
+     */
+    filter?: any;
+}
+declare const useBookGroupTable: (params?: Params) => import("ahooks/lib/useRequest/src/types").Result<EntityManagerAPI.GetBookGroupListRes, []>;
+export default useBookGroupTable;

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const compare: (a: string, b: string) => number;

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

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

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

@@ -0,0 +1,34 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import BookImport from './BookImport';
+declare const meta: Meta<typeof BookImport>;
+export default meta;
+type Story = StoryObj<typeof BookImport>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示组件最常见的用法：
+ * - 提供台账 ID
+ * - 用户可以下载模板
+ * - 用户可以上传 Excel 文件
+ * - 显示上传进度和导入结果
+ */
+export declare const Default: Story;
+/**
+ * 自定义底部样式 - 展示如何自定义底部操作区域的样式
+ *
+ * 可以通过 bottomBgColor、bottomBorderStyle、bottomBorderColor、bottomBorderWidth
+ * 等参数自定义底部操作区域的样式
+ */
+export declare const CustomBottomStyle: Story;
+/**
+ * 自定义取消按钮文字 - 展示如何自定义取消按钮的文字
+ */
+export declare const CustomCancelText: Story;
+/**
+ * 深色背景 - 展示组件在深色背景下的表现
+ */
+export declare const DarkBackground: Story;
+/**
+ * 浅色背景 - 展示组件在浅色背景下的表现
+ */
+export declare const LightBackground: Story;

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

@@ -0,0 +1,38 @@
+export interface BookImportProps {
+    /**
+     * 台账id
+     */
+    bookId: string;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    /**
+     * 点击取消按钮
+     */
+    onCancel?: () => void;
+    /**
+     * 保存成功
+     */
+    onSuccess?: () => void;
+    /**
+     * 保存失败
+     */
+    onError?: (error: any) => void;
+    /**
+     * 底部操作区域背景颜色
+     */
+    bottomBgColor?: string;
+    /**
+     * 底部操作区域边框样式
+     */
+    bottomBorderStyle?: string;
+    /**
+     * 底部操作区域边框颜色
+     */
+    bottomBorderColor?: string;
+    /**
+     * 底部操作区域边框宽度
+     */
+    bottomBorderWidth?: number;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import BookInfo from './BookInfo';
+declare const meta: Meta<typeof BookInfo>;
+export default meta;
+type Story = StoryObj<typeof BookInfo>;
+/**
+ * 默认视图 - 查看模式
+ *
+ * 展示组件在查看模式下的基本用法。
+ * 组件会自动加载台账数据并显示：
+ * - 管理员信息（折叠面板）
+ * - 基本信息（折叠面板）
+ */
+export declare const Default: Story;
+/**
+ * 编辑模式
+ *
+ * 展示组件在编辑模式下的表现。
+ * 所有字段变为可编辑状态，用户可以通过表单修改台账信息。
+ */
+export declare const EditMode: Story;
+/**
+ * 创建模式
+ *
+ * 展示组件在创建新台账时的表现。
+ * 所有字段为空，所有折叠面板默认展开，表单布局为垂直布局。
+ */
+export declare const CreateMode: Story;
+/**
+ * 不同台账数据
+ *
+ * 展示组件加载不同台账数据时的表现。
+ */
+export declare const DifferentBookId: Story;
+/**
+ * 交互测试 - 折叠面板
+ *
+ * 这个 story 演示了组件的交互功能：
+ * 1. 折叠面板的展开和收起
+ * 2. 数据的加载和显示
+ */
+export declare const CollapseInteraction: Story;

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

@@ -0,0 +1,28 @@
+export interface BookInfoProps {
+    /**
+     * 台账模板 id
+     */
+    templateId?: string;
+    /**
+     * 台账 id
+     */
+    bookId?: string;
+    /**
+     * 操作模式
+     */
+    mode?: 'view' | 'edit' | 'create';
+}
+export interface BookInfoRef {
+    /**
+     * 获取当前表单数据
+     */
+    getValues: () => Promise<any>;
+    /**
+     * 表单校验
+     */
+    validateFields: () => Promise<any>;
+    /**
+     * 保存
+     */
+    handleSave: () => Promise<any>;
+}

package/dist/es/src/components/BookInfo/components/AdminInfo/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AdminInfoProps {
+    data: any;
+    mode?: 'view' | 'edit' | 'create';
+}
+declare const AdminInfo: ({ data, mode }: AdminInfoProps) => React.JSX.Element;
+export default AdminInfo;

package/dist/es/src/components/BookInfo/components/BaseInfo/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BaseInfoProps {
+    data: any;
+    mode?: 'view' | 'edit' | 'create';
+}
+declare const BaseInfo: ({ data, mode }: BaseInfoProps) => React.JSX.Element;
+export default BaseInfo;

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

@@ -0,0 +1,2 @@
+export { default } from './BookInfo';
+export type { BookInfoProps, BookInfoRef } from './BookInfo.types';

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

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

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

@@ -0,0 +1 @@
+export declare const arrayJoin: (arr: any[], key: string, joinChar?: string) => string;

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

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

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

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import BookSelect from './BookSelect';
+declare const meta: Meta<typeof BookSelect>;
+export default meta;
+type Story = StoryObj<typeof BookSelect>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示组件最常见的用法：
+ * 传入实体类型编码，组件会自动加载对应的台账列表。
+ */
+export declare const Default: Story;
+/**
+ * 带视图编码过滤
+ *
+ * 展示组件在传入视图编码时的表现。
+ * 组件会根据视图编码过滤台账列表，只显示特定视图下的台账。
+ */
+export declare const WithViewCodes: Story;
+/**
+ * 不同实体类型
+ *
+ * 展示组件加载不同实体类型下的台账列表。
+ */
+export declare const DifferentEntityClass: Story;
+/**
+ * 自定义占位符
+ *
+ * 展示组件自定义占位符文本的用法。
+ */
+export declare const CustomPlaceholder: Story;
+/**
+ * 交互测试 - 数据加载
+ *
+ * 这个 story 演示了组件的数据加载功能：
+ * 1. 组件加载时显示 loading 状态
+ * 2. 数据加载完成后显示台账列表
+ */
+export declare const DataLoadingInteraction: Story;

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

@@ -0,0 +1,11 @@
+import { SelectProps } from 'antd';
+export interface BookSelectProps extends SelectProps {
+    /**
+     * 实体类型编码
+     */
+    entityClassCode: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+}

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import BookTable from './BookTable';
+declare const meta: Meta<typeof BookTable>;
+export default meta;
+type Story = StoryObj<typeof BookTable>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这是 BookTable 组件最基本的用法，只需要提供必填的 templateId 参数即可。
+ * 组件会自动加载和展示台账数据，支持内置的分页、排序等功能。
+ */
+export declare const Default: Story;
+/**
+ * 带搜索关键词 - 展示搜索和高亮功能
+ *
+ * 通过传入 keyword 参数，可以在台账名称中搜索并高亮显示关键词。
+ */
+export declare const WithKeyword: Story;
+/**
+ * 带右键菜单 - 展示完整的右键菜单功能
+ *
+ * 通过配置 contextMenuConfig，可以启用右键菜单功能，支持多种操作。
+ */
+export declare const WithContextMenu: Story;
+/**
+ * 自定义表头 - 展示自定义列配置
+ *
+ * 通过 header 参数，可以自定义表格显示的列及其顺序。
+ */
+export declare const CustomHeader: Story;
+/**
+ * 交互测试 - 展示表格交互功能
+ *
+ * 包含自动化交互测试，验证表格的点击、双击等交互功能。
+ */
+export declare const InteractionTest: Story;

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

@@ -0,0 +1,76 @@
+import { TableProps } from 'antd';
+export type ContextMenuKey = 'create' | 'tagConfig' | 'show' | 'delete' | 'attribute' | 'export' | 'share';
+export interface BookTableProps extends TableProps {
+    /**
+     * 表头配置
+     */
+    header?: {
+        code: string;
+        name: string;
+        defaultShow?: boolean;
+        hidden?: boolean;
+    }[];
+    /**
+     * 台账模板 id
+     */
+    templateId: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 查看方式 (1 - 实体类别, 2 - 所属组织), 若为空则返回台账组不分组
+     */
+    displayWay?: string;
+    /**
+     * 节点编码
+     */
+    nodeCode?: string;
+    /**
+     * 搜索关键词
+     */
+    keyword?: string;
+    /**
+     * 过滤条件
+     */
+    filter?: any;
+    /**
+     * 台账功能
+     */
+    contextMenuConfig?: ContextMenuKey[];
+    /**
+     * 双击台账
+     * @param record
+     */
+    onDoubleClick?: (record: any) => void;
+    /**
+     * 新建对象
+     * @param record
+     */
+    onCreateSense?: (record: any) => void;
+    /**
+     * 触发刷新的回调
+     */
+    onRefresh?: () => void;
+    /**
+     * 点击标签配置
+     * @param record
+     */
+    onTagConfig?: (record: any) => void;
+    /**
+     * 查看台账属性
+     * @param record
+     */
+    onAttribute?: (record: any) => void;
+    /**
+     * 台账共享
+     * @param record
+     */
+    onShare?: (record: any) => void;
+}
+export interface BookTableRef {
+    /**
+     * 刷新
+     */
+    refresh: () => void;
+}

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

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

package/dist/es/src/components/BookTable/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/BookTable/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/BookTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BookTable';
+export type { BookTableProps, BookTableRef } from './BookTable.types';

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import EntityClassFilter from './EntityClassFilter';
+declare const meta: Meta<typeof EntityClassFilter>;
+export default meta;
+type Story = StoryObj<typeof EntityClassFilter>;
+/**
+ * 默认视图 - 展示组件的基本用法
+ *
+ * 这个 story 展示组件最常见的用法：
+ * - 点击筛选图标打开级联选择器
+ * - 选择实体分类进行筛选
+ * - 选择后关闭下拉框会触发 onFilter 回调
+ */
+export declare const Default: Story;
+/**
+ * 带默认值的视图
+ *
+ * 展示组件在传入 defaultEntityClassCode 时的表现。
+ * 组件会自动根据编码设置选中状态，并触发回调。
+ */
+export declare const WithDefaultValue: Story;
+/**
+ * 带视图编码的视图
+ *
+ * 展示组件在传入 viewCodes 时的表现。
+ * 组件会根据视图编码过滤显示的实体分类树。
+ */
+export declare const WithViewCodes: Story;
+/**
+ * 完整配置示例
+ *
+ * 展示组件同时使用 defaultEntityClassCode 和 viewCodes 的场景。
+ */
+export declare const FullConfig: Story;
+/**
+ * 交互测试示例
+ *
+ * 演示组件的交互功能，包括：
+ * - 点击筛选图标打开下拉框
+ * - 选择分类选项
+ * - 关闭下拉框触发 onFilter
+ */
+export declare const FilterInteraction: Story;

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

@@ -0,0 +1,22 @@
+export interface EntityClassFilterProps {
+    /**
+     * 默认筛选的实体类型编码
+     */
+    defaultEntityClassCode?: string;
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 筛选项变化
+     */
+    onChange?: (entityClassCodes: string[][]) => void;
+    /**
+     * 触发筛选
+     */
+    onFilter?: (entityClassCodes: string[]) => void;
+    /**
+     * 样式类名
+     */
+    className?: string;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const findAllParentNodes: (tree: any, targetKey: any, parentNodes?: any[]) => any;
+export declare const treeToCascaderValue: (tree: any, targetKey: any) => any[][];

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

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