@icos-desktop/react-components 2.3.0 → 3.0.0

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

@@ -0,0 +1,79 @@
+import { ButtonProps, TableProps } from 'antd';
+interface CustomButtonConfig extends ButtonProps {
+    title: string;
+}
+export interface SenseContentTableProps extends TableProps {
+    /**
+     * 实体记录唯一标识
+     */
+    senseGlobalCodes?: string[];
+    /**
+     * 数据表名
+     */
+    tableName: string;
+    /**
+     * 额外查询参数
+     */
+    extraParams?: Record<string, any>;
+    /**
+     * 时间筛选名称
+     */
+    timeFieldName?: string;
+    /**
+     * 时间筛选模式
+     */
+    timeFieldFormat?: string;
+    /**
+     * 过滤配置
+     */
+    filterConfig?: {
+        label: string;
+        column: string;
+        condition?: string;
+    }[];
+    /**
+     * 显示导出数据按钮
+     */
+    showExportButton?: boolean;
+    /**
+     * 自定义按钮
+     */
+    customButtons?: () => CustomButtonConfig[];
+    /**
+     * 自定义表格列
+     */
+    customColumns?: Record<string, any>;
+    /**
+     * 已选行数，用于显示数量
+     */
+    selectedRowLength?: number;
+    /**
+     * 表格默认分页条数，默认 1000
+     */
+    pageSize?: number;
+    /**
+     * 表格最大总数
+     */
+    maxTotal?: number;
+    /**
+     * 单击实体
+     * @param record
+     */
+    onClick?: (record: any) => void;
+    /**
+     * 双击实体
+     * @param record
+     */
+    onDoubleClick?: (record: any) => void;
+    /**
+     * 触发刷新的回调
+     */
+    onRefresh?: () => void;
+}
+export interface SenseContentTableRef {
+    /**
+     * 刷新
+     */
+    refresh: () => void;
+}
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface FilterProps {
+    timeFieldName: string;
+    timeFieldFormat: string;
+    filterConfig: {
+        label: string;
+        column: string;
+    }[];
+    filter: any;
+    onFilter: (filter: any) => void;
+}
+declare const Filter: React.FC<FilterProps>;
+export default Filter;

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

@@ -0,0 +1,2 @@
+export { default } from './SenseContentTable';
+export type { SenseContentTableProps, SenseContentTableRef } from './SenseContentTable.types';

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseCreate from './SenseCreate';
+declare const meta: Meta<typeof SenseCreate>;
+export default meta;
+type Story = StoryObj<typeof SenseCreate>;
+/**
+ * 默认视图 - 通过选择模板创建新台账并新建实体
+ *
+ * 这是最常用的使用场景，用户首先选择模板，然后创建新台账，最后在台账中新建实体。
+ */
+export declare const Default: Story;
+/**
+ * 指定台账 - 在已有台账中直接新建实体
+ *
+ * 当传入 bookId 时，组件会跳过模板和台账选择步骤，直接进入实体新建表单。
+ */
+export declare const Book: Story;
+/**
+ * 选择已有台账 - 在已有台账中新建实体
+ *
+ * 用户可以选择已有的台账，然后在台账中新建实体，无需创建新台账。
+ */
+export declare const SelectBook: Story;
+/**
+ * 浅色主题 - 使用浅色主题样式
+ */
+export declare const LightTheme: Story;

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

@@ -0,0 +1,26 @@
+export interface SenseCreateProps {
+    /**
+     * 视图编码
+     */
+    viewCodes?: string[];
+    /**
+     * 实体类型编码筛选
+     */
+    senseObjCode?: string;
+    /**
+     * 台账id，当传入台账id时，会自动选择对应的台账，直接进入实体新建表单。
+     */
+    bookId?: string;
+    /**
+     * 主题色（初次渲染时生效，默认暗色）
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * 点击取消按钮
+     */
+    onCancel?: () => void;
+    /**
+     * 保存成功
+     */
+    onSuccess?: (res?: SenseFormAPI.SaveSenseRes) => void;
+}

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

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

package/dist/es/src/components/SenseCreate/components/CreateBook/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const CreateBook: ({ onPrev, onNext, setCurBookId, templateId }: {
+    onPrev: any;
+    onNext: any;
+    setCurBookId: any;
+    templateId: any;
+}) => React.JSX.Element;
+export default CreateBook;

package/dist/es/src/components/SenseCreate/components/CreateSense/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const CreateSense: ({ bookId, theme, onPrev, onSuccess, cancelText }: {
+    bookId: any;
+    theme: any;
+    onPrev: any;
+    onSuccess: any;
+    cancelText?: string;
+}) => React.JSX.Element;
+export default CreateSense;

package/dist/es/src/components/SenseCreate/components/Footer/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface FooterProps {
+    onPrev?: () => void;
+    onNext?: () => void;
+    prevText?: string | false;
+    nextText?: string | false;
+    prevProps?: any;
+    nextProps?: any;
+    center?: boolean;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/dist/es/src/components/SenseCreate/components/SelectBook/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SelectBookProps {
+    viewCodes?: string[];
+    senseObjCode?: string;
+    setIsSelectBook: (isSelectBook: boolean) => void;
+    onPrev: () => void;
+    onNext: () => void;
+    setCurBookId: (bookId: string) => void;
+}
+declare const SelectBook: React.FC<SelectBookProps>;
+export default SelectBook;

package/dist/es/src/components/SenseCreate/components/SelectTemplate/Item/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ keyword, data, onSelect }: {
+    keyword: any;
+    data: any;
+    onSelect: any;
+}) => React.JSX.Element>;
+export default _default;

package/dist/es/src/components/SenseCreate/components/SelectTemplate/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface SelectTemplateProps {
+    viewCodes?: string[];
+    senseObjCode?: string;
+    setIsSelectBook: (isSelectBook: boolean) => void;
+    setCueTemplateId: (templateId: string) => void;
+    onNext: () => void;
+}
+declare const SelectTemplate: React.FC<SelectTemplateProps>;
+export default SelectTemplate;

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseDetail from './SenseDetail';
+declare const meta: Meta<typeof SenseDetail>;
+export default meta;
+type Story = StoryObj<typeof SenseDetail>;
+/**
+ * 默认视图 - 只显示基础信息
+ *
+ * 这是组件最基本的用法，只显示实体的基础信息，不显示标签页。
+ * 适用于只需要查看实体基本信息的场景。
+ */
+export declare const Default: Story;
+/**
+ * 基础信息视图
+ *
+ * 保留作为向后兼容的别名，指向默认视图。
+ */
+export declare const Base: Story;
+/**
+ * 完整详情视图 - 显示基础信息和关联信息
+ *
+ * 通过 topMenuConfig 配置显示多个标签页，包括基础信息和关联信息。
+ * 用户可以在标签页之间切换查看不同的内容。
+ */
+export declare const Detail: Story;
+/**
+ * 自定义样式视图
+ *
+ * 展示如何通过样式相关的 props 自定义组件的外观。
+ */
+export declare const CustomStyles: Story;
+/**
+ * 额外菜单视图
+ *
+ * 展示如何通过 extraTopMenu 添加自定义的顶部菜单项。
+ */
+export declare const Extra: Story;
+/**
+ * 启用标签视图
+ *
+ * 展示如何启用标签功能。
+ */
+export declare const WithTags: Story;

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

@@ -0,0 +1,80 @@
+import React from 'react';
+export interface SenseDetailProps {
+    /**
+     * 实体记录唯一标识
+     */
+    senseGlobalCode: string;
+    /**
+     * 顶部菜单栏控制，基础信息 - `base`，关联信息 - `relation`
+     */
+    topMenuConfig?: ('base' | 'relation')[];
+    /**
+     * 启用标签
+     */
+    enableTag?: boolean;
+    /**
+     * 额外的顶部菜单
+     */
+    extraTopMenu?: {
+        key: string;
+        label: string;
+        children: React.ReactElement<{
+            senseGlobalCode: string;
+        }>;
+    }[];
+    /**
+     * 隐藏台账
+     */
+    hideBook?: boolean;
+    /**
+     * 点击实体记录
+     */
+    onClickSense?: (senseGlobalCode: string) => void;
+    /**
+     * 获取实体详情回调
+     */
+    onGetSenseDetail?: (data: any) => void;
+    /**
+     * tabs背景颜色
+     */
+    tabsBgColor?: string;
+    /**
+     * 内容信息卡片标题颜色
+     */
+    contentCardNameColor?: string;
+    /**
+     * 内容信息卡片内容颜色
+     */
+    contentCardContentColor?: string;
+    /**
+     * 内容信息卡片边框颜色
+     */
+    contentCardBorderColor?: string;
+    /**
+     * 内容信息卡片背景颜色
+     */
+    contentCardBgColor?: string;
+    /**
+     * 文本颜色
+     */
+    senseInfoTextColor?: string;
+    /**
+     * 表格边框颜色
+     */
+    senseInfoBorderColor?: string;
+    /**
+     * 表格边框宽度
+     */
+    senseInfoBorderWidth?: number;
+    /**
+     * 表格边框样式
+     */
+    senseInfoBorderStyle?: string;
+    /**
+     * 自定义视频播放器
+     */
+    customVideoPlayer?: React.ReactNode | ((params: {
+        senseGlobalCode: string;
+        videoDataConfig: any;
+    }) => React.ReactNode);
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SenseDetailProps } from './SenseDetail.types';
+interface CcosSenseDetailProps extends SenseDetailProps {
+    'data-dnd': string;
+    tid: string;
+    showTopMenu?: boolean;
+}
+declare const CcosSenseDetail: {
+    (props: CcosSenseDetailProps): React.JSX.Element;
+    settings: ComponentPrototype;
+};
+export default CcosSenseDetail;

package/dist/es/src/components/SenseDetail/components/Base/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface BaseProps {
+    senseGlobalCode: string;
+    onGetSenseDetail?: (data: any) => void;
+    enableTag: boolean;
+    senseInfoTextColor?: string;
+    senseInfoBorderColor?: string;
+    senseInfoBorderWidth?: number;
+    senseInfoBorderStyle?: string;
+    customVideoPlayer?: React.ReactNode | ((params: {
+        senseGlobalCode: string;
+        videoDataConfig: any;
+    }) => React.ReactNode);
+}
+declare const Base: React.FC<BaseProps>;
+export default Base;

package/dist/es/src/components/SenseDetail/components/BookList/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface BookListProps {
+    senseGlobalCode: string;
+    onClick?: (item: any) => void;
+}
+declare const BookList: React.FC<BookListProps>;
+export default BookList;

package/dist/es/src/components/SenseDetail/components/Content/components/Card/index.d.ts

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

package/dist/es/src/components/SenseDetail/components/Content/components/List/Item/index.d.ts

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

package/dist/es/src/components/SenseDetail/components/Content/components/List/index.d.ts

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

package/dist/es/src/components/SenseDetail/components/Content/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ContentProps {
+    senseGlobalCode: string;
+    config: any[];
+}
+declare const Content: React.FC<ContentProps>;
+export default Content;

package/dist/es/src/components/SenseDetail/components/Relation/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RelationProps {
+    senseGlobalCode: string;
+    hideBook?: boolean;
+    onClickSense?: (senseGlobalCode: string) => void;
+}
+declare const Relation: React.FC<RelationProps>;
+export default Relation;

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseEdit from './SenseEdit';
+declare const meta: Meta<typeof SenseEdit>;
+export default meta;
+type Story = StoryObj<typeof SenseEdit>;
+/**
+ * 默认视图 - 展示组件的新建模式
+ *
+ * 这个 story 展示如何使用 SenseEdit 组件在指定台账下新建实体记录。
+ * 通过传入 `bookId` 参数，组件会自动加载该台账的模板配置，进入新建模式。
+ */
+export declare const Default: Story;
+/**
+ * 实体编辑模式
+ *
+ * 展示如何使用 SenseEdit 组件编辑已有实体记录。
+ * 通过传入 `senseGlobalCode` 参数，组件会自动加载该实体记录的数据，进入编辑模式。
+ */
+export declare const Edit: Story;
+/**
+ * 浅色主题模式
+ *
+ * 展示组件在浅色主题下的显示效果。
+ */
+export declare const LightTheme: Story;
+/**
+ * 自定义底部样式
+ *
+ * 展示如何自定义底部操作栏的样式，包括背景色、边框等。
+ */
+export declare const CustomBottomStyle: Story;
+export declare const Create: Story;

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

@@ -0,0 +1,46 @@
+export interface SenseEditProps {
+    /**
+     * 实体记录唯一标识，用于编辑单条实体记录
+     */
+    senseGlobalCode?: string;
+    /**
+     * 台账id，用于在台账下新建实体记录
+     */
+    bookId?: string;
+    /**
+     * 取消按钮文字，默认值：`取消`
+     */
+    cancelText?: string;
+    /**
+     * 点击取消按钮
+     */
+    onCancel?: () => void;
+    /**
+     * 保存成功
+     */
+    onSuccess?: (res: SenseFormAPI.SaveSenseRes) => void;
+    /**
+     * 隐藏地图
+     */
+    hiddenMap?: boolean;
+    /**
+     * 表单内部主题样式，可选值：`dark`, `light`，默认`dark`
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * 底部操作栏背景色
+     */
+    bottomBgColor?: string;
+    /**
+     * 底部操作栏边框宽度
+     */
+    bottomBorderWidth?: number | string;
+    /**
+     * 底部操作栏边框颜色
+     */
+    bottomBorderColor?: string;
+    /**
+     * 底部操作栏边框样式
+     */
+    bottomBorderStyle?: string;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import SenseForm from './SenseForm';
+declare const meta: Meta<typeof SenseForm>;
+export default meta;
+type Story = StoryObj<typeof SenseForm>;
+/**
+ * 默认视图 - 基础用法
+ *
+ * 展示组件的基本用法，包含完整的表单字段和只读字段配置。
+ * 组件会自动加载京民通表单系统并初始化表单数据。
+ */
+export declare const Default: Story;
+/**
+ * 禁用模式
+ *
+ * 展示组件在禁用模式下的表现。
+ * 所有字段都无法编辑，表单处于完全禁用状态。
+ */
+export declare const DisabledMode: Story;
+/**
+ * 隐藏地图
+ *
+ * 展示组件隐藏地图时的表现。
+ * 适用于不需要地图功能的场景。
+ */
+export declare const HiddenMap: Story;
+/**
+ * 亮色主题
+ *
+ * 展示组件在亮色主题下的表现。
+ * 适用于偏好浅色界面的场景。
+ */
+export declare const LightTheme: Story;
+/**
+ * 多个只读字段
+ *
+ * 展示组件配置多个只读字段时的表现。
+ * 适用于需要限制多个字段编辑的场景。
+ */
+export declare const MultipleReadonlyFields: Story;