bi-sdk-react 0.0.1

package/dist/es/js/bi-sdk.es.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/types/components/PageDesigner.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { PluginType } from "./typing";
+import "./styles.css";
+export type PageDesignerProps = {
+    agentList?: any[];
+    plugins?: PluginType[];
+    headerExtra?: React.ReactNode;
+};
+export declare const PageDesigner: React.ForwardRefExoticComponent<PageDesignerProps & React.RefAttributes<any>>;
+export default PageDesigner;

package/dist/types/components/context/DesignerContext.d.ts

@@ -0,0 +1,15 @@
+import { PageSchema, PluginType, SchemaItemType } from "../typing";
+type DesignerContextType = {
+    designable: boolean;
+    plugins: PluginType[];
+    schema: PageSchema;
+    selectedItem?: SchemaItemType | null;
+    setSchema: React.Dispatch<React.SetStateAction<PageSchema>>;
+    setSelectedItem: React.Dispatch<React.SetStateAction<SchemaItemType | null>>;
+    updateSelectedItem: (selectedItem?: Partial<SchemaItemType> | null) => void;
+    forceUpdate: () => void;
+};
+export declare const DesignerContext: import("react").Context<DesignerContextType>;
+type DesignerProviderProps = React.PropsWithChildren<Omit<Partial<DesignerContextType>, "updateSelectedItem" | "schema" | "forceUpdate"> & Pick<DesignerContextType, "schema">>;
+export declare const DesignerProvider: React.FC<DesignerProviderProps>;
+export {};

package/dist/types/components/context/EnvContext.d.ts

@@ -0,0 +1,15 @@
+import { FC, PropsWithChildren } from "react";
+import { CallbacksType, EnvType } from "../typing";
+type InitCallbackParams = {
+    id: string;
+    callback: (v: any) => void;
+};
+type EnvContextType = {
+    deviceWidth: number;
+    env: EnvType;
+    callbacks: CallbacksType;
+    initCallback: ({ id, callback }: InitCallbackParams) => void;
+};
+export declare const EnvContext: import("react").Context<EnvContextType>;
+export declare const EnvProvider: FC<PropsWithChildren<EnvContextType>>;
+export {};

package/dist/types/components/dnd/DropContainer.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { HtmlBaseProps, SchemaItemType } from "../typing";
+type DropContainerProps = {
+    rootComponent?: React.ComponentType<any>;
+    rootData?: Record<string, any>;
+    list?: SchemaItemType[];
+    item?: any;
+    onListChange?: (list: any[]) => void;
+} & HtmlBaseProps;
+/**
+ * DropContainer 组件
+ * 用途：容器级拖拽放置，合并父级 forwardedRef 与 react-dnd 的 drop 连接器
+ * 参数：
+ * - enabled：是否启用拖拽放置
+ * - rootComponent：容器根组件类型
+ * - rootData：根组件属性
+ * - list：容器内子项列表
+ * - 其余同 HtmlBaseProps
+ */
+export declare const DropContainer: React.FC<DropContainerProps>;
+export default DropContainer;

package/dist/types/components/example.d.ts

@@ -0,0 +1,225 @@
+export declare const exampleHtml = "<div>{{title}}</div>\n<div>{{displayValue}}</div>\n<div>\n  {{desc || \"\"}}\n</div>";
+export declare const schema: {
+    info: {
+        name: string;
+        description: string;
+    };
+    datasources: never[];
+    scripts: never[];
+    variables: never[];
+    items: ({
+        type: string;
+        name: string;
+        props: {
+            title: string;
+            subTitle: string;
+            bordered?: undefined;
+            hoverable?: undefined;
+            shadow?: undefined;
+            size?: undefined;
+            gutter?: undefined;
+        };
+        children: {
+            extra: never[];
+            title?: undefined;
+            body?: undefined;
+            actions?: undefined;
+        };
+        style?: undefined;
+    } | {
+        type: string;
+        name: string;
+        props: {
+            bordered: boolean;
+            hoverable: boolean;
+            shadow: boolean;
+            size: string;
+            title?: undefined;
+            subTitle?: undefined;
+            gutter?: undefined;
+        };
+        children: {
+            title: {
+                type: string;
+                name: string;
+                props: {
+                    text: string;
+                };
+                style: {
+                    fontSize: number;
+                    color: string;
+                    fontFamily: string;
+                    fontWeight: string;
+                    fontStyle: string;
+                    textDecoration: string;
+                };
+            }[];
+            extra: never[];
+            body: {
+                type: string;
+                name: string;
+                datasource: {
+                    source: string;
+                    custom: string;
+                };
+                props: {
+                    size: string;
+                    itemLayout: string;
+                    bordered: boolean;
+                    split: boolean;
+                    pageSize: number;
+                };
+            }[];
+            actions: never[];
+        };
+        style?: undefined;
+    } | {
+        type: string;
+        name: string;
+        props: {
+            gutter: number[];
+            title?: undefined;
+            subTitle?: undefined;
+            bordered?: undefined;
+            hoverable?: undefined;
+            shadow?: undefined;
+            size?: undefined;
+        };
+        children: {
+            type: string;
+            name: string;
+            props: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+                xl: number;
+            };
+            children: {
+                type: string;
+                name: string;
+                props: {
+                    bordered: boolean;
+                    hoverable: boolean;
+                    shadow: boolean;
+                    size: string;
+                };
+                children: {
+                    type: string;
+                    name: string;
+                    datasource: {
+                        source: string;
+                        custom: string;
+                    };
+                    props: {
+                        template: string;
+                    };
+                }[];
+            }[];
+        }[];
+        style?: undefined;
+    } | {
+        type: string;
+        name: string;
+        props: {
+            gutter: number[];
+            title?: undefined;
+            subTitle?: undefined;
+            bordered?: undefined;
+            hoverable?: undefined;
+            shadow?: undefined;
+            size?: undefined;
+        };
+        style: {
+            marginLeft: number;
+            marginRight: number;
+        };
+        children: {
+            type: string;
+            name: string;
+            props: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+                xl: number;
+            };
+            children: {
+                type: string;
+                name: string;
+                props: {
+                    title: string;
+                    bordered: boolean;
+                    hoverable: boolean;
+                    shadow: boolean;
+                    size: string;
+                };
+                children: {
+                    type: string;
+                    name: string;
+                    datasource: {
+                        source: string;
+                        custom: string;
+                    };
+                    props: {
+                        title: string;
+                        script: string;
+                    };
+                }[];
+            }[];
+        }[];
+    } | {
+        type: string;
+        name: string;
+        props: {
+            gutter: number[];
+            title?: undefined;
+            subTitle?: undefined;
+            bordered?: undefined;
+            hoverable?: undefined;
+            shadow?: undefined;
+            size?: undefined;
+        };
+        style: {
+            marginLeft: number;
+            marginRight: number;
+        };
+        children: {
+            type: string;
+            name: string;
+            props: {
+                span: number;
+            };
+            children: {
+                type: string;
+                name: string;
+                props: {
+                    title: string;
+                    size: string;
+                    bordered: boolean;
+                    hoverable: boolean;
+                    shadow: boolean;
+                };
+                children: {
+                    type: string;
+                    name: string;
+                    props: {
+                        title: string;
+                        size: string;
+                        bordered: boolean;
+                        showHeader: boolean;
+                        pageSize: number;
+                        dataSource: {
+                            name: string;
+                            count: number;
+                        }[];
+                        columns: {
+                            title: string;
+                            dataIndex: string;
+                        }[];
+                    };
+                }[];
+            }[];
+        }[];
+    })[];
+};

package/dist/types/components/hooks/datasource.d.ts

@@ -0,0 +1 @@
+export declare const useDatasource: (id?: string, datasource?: Record<string, any>) => any;

package/dist/types/components/hooks/useDeepCompareEffect.d.ts

@@ -0,0 +1 @@
+export declare function useDeepCompareEffect(effect: () => void, dependencies: any[]): void;

package/dist/types/components/icon/IconFont.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type IconFontProps = {
+    type: string;
+    className?: string;
+};
+export declare const IconFont: React.FC<IconFontProps>;

package/dist/types/components/index.d.ts

@@ -0,0 +1,10 @@
+import PageCanvas from "./layout/PageCanvas";
+import PageDesigner from "./PageDesigner";
+import { PageSchema } from "./typing";
+import { plugins, PropEditorProps } from "./plugins/@antd";
+import DropContainer from "./dnd/DropContainer";
+import { DesignerContext } from "./context/DesignerContext";
+import { EnvContext } from "./context/EnvContext";
+import { handleCallback } from "./utils";
+import { PluginType } from "./typing";
+export { PageCanvas, PageDesigner, PageSchema, DropContainer, DesignerContext, EnvContext, plugins, PropEditorProps, PluginType, handleCallback, };

package/dist/types/components/layout/PageCanvas.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export type PageCanvasProps = {
+    device?: "desktop" | "mobile" | "tablet";
+};
+export declare const PageCanvas: React.ForwardRefExoticComponent<PageCanvasProps & React.RefAttributes<any>>;
+export default PageCanvas;

package/dist/types/components/layout/PageItem.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { SchemaItemType } from "../typing";
+export type PageItemProps = {
+    id?: string;
+    item: SchemaItemType;
+    onDelete?: () => void;
+    parentList?: any[];
+    onListChange?: (list: any[]) => void;
+    index?: number;
+};
+/**
+ * PageItem 组件
+ * 用途：渲染单个页面元素，并在设计模式下支持拖拽
+ * 参数：
+ * - deviceWidth：设备宽度
+ * - item：元素数据
+ * - selectedItem：选中元素
+ * - env：环境对象
+ * - designable：是否开启设计模式
+ * - initCallback：初始化回调注册
+ * - callbacks：回调字典
+ * - onSelect：选择回调
+ * - onDelete：删除回调
+ * - parentList：所属列表引用，用于拖拽跨容器移动
+ * - index：当前元素索引
+ */
+export declare const PageItem: React.FC<PageItemProps>;

package/dist/types/components/panel/AiPanel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type AiPanelProps = {
+    agentList?: {
+        id: string;
+        name: string;
+    }[];
+};
+export declare const AiPanel: React.FC<AiPanelProps>;

package/dist/types/components/panel/CascadePanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CascadePanel: React.FC;

package/dist/types/components/panel/ChatInput.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+export type ChatInputProps = {
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    sending?: boolean;
+    rows?: number;
+    agentList?: {
+        id: string | number;
+        name: string;
+    }[];
+    title?: string;
+    agentId?: string | number | null;
+    attachments?: any[];
+    onInput?: (text: string) => void;
+    onSubmit?: (data: {
+        demand: string;
+        title: string;
+        agentId?: string | number;
+        csvData: Record<string, string>;
+    }) => void;
+    onUpdateTitle?: (title: string) => void;
+    onUpdateAgentId?: (id: string | number | null) => void;
+    onUpdateAttachments?: (list: any[]) => void;
+};
+export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<{
+    focus: () => void;
+}>>;

package/dist/types/components/panel/CodePanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CodePanel: React.FC;

package/dist/types/components/panel/ComponentPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ComponentPanel: React.FC;

package/dist/types/components/panel/DatasourcePanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DatasourcePanel: React.FC;

package/dist/types/components/panel/LayerPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const LayerPanel: React.FC;

package/dist/types/components/panel/PaneHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type PaneHeaderProps = {
+    title?: string;
+    extra?: React.ReactNode;
+};
+export declare const PaneHeader: React.FC<PaneHeaderProps>;

package/dist/types/components/panel/PropertiesPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PropertiesPanel: React.FC;

package/dist/types/components/panel/ScriptPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ScriptPanel: React.FC;

package/dist/types/components/panel/VariablesPanel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VariablesPanel: React.FC;

package/dist/types/components/panel/index.d.ts

@@ -0,0 +1,9 @@
+export { ComponentPanel } from './ComponentPanel';
+export { LayerPanel } from './LayerPanel';
+export { ScriptPanel } from './ScriptPanel';
+export { DatasourcePanel } from './DatasourcePanel';
+export { VariablesPanel } from './VariablesPanel';
+export { CodePanel } from './CodePanel';
+export { PropertiesPanel } from './PropertiesPanel';
+export { AiPanel } from './AiPanel';
+export { CascadePanel } from './CascadePanel';

package/dist/types/components/plugins/@antd/index.d.ts

@@ -0,0 +1,22 @@
+import { PluginType } from "../../typing";
+export { PropEditorProps } from "./item-props/types";
+export declare const TextPlugin: PluginType;
+export declare const ImagePlugin: PluginType;
+export declare const ButtonPlugin: PluginType;
+export declare const PageHeaderPlugin: PluginType;
+export declare const TablePlugin: PluginType;
+export declare const ListPlugin: PluginType;
+export declare const HtmlPlugin: PluginType;
+export declare const EchartsPlugin: PluginType;
+export declare const InputPlugin: PluginType;
+export declare const InputNumberPlugin: PluginType;
+export declare const SelectPlugin: PluginType;
+export declare const CapsulePlugin: PluginType;
+export declare const CheckboxPlugin: PluginType;
+export declare const DatePickerPlugin: PluginType;
+export declare const SwitchPlugin: PluginType;
+export declare const SpacePlugin: PluginType;
+export declare const CardPlugin: PluginType;
+export declare const RowPlugin: PluginType;
+export declare const ColPlugin: PluginType;
+export declare const plugins: PluginType[];

package/dist/types/components/plugins/@antd/item-props/ButtonProps.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ButtonProps as AntButtonProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type ButtonModel = {
+    text?: string;
+    icon?: string;
+} & Pick<AntButtonProps, "type" | "size" | "shape" | "block" | "ghost">;
+export declare const ButtonProps: React.FC<PropEditorProps<ButtonModel>>;

package/dist/types/components/plugins/@antd/item-props/CapsuleProps.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { RadioGroupProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type CapsuleOption = {
+    label: string;
+    value: any;
+};
+export type CapsuleModel = {
+    var?: string;
+    size?: RadioGroupProps['size'];
+    options: CapsuleOption[];
+};
+export declare const CapsuleProps: React.FC<PropEditorProps<CapsuleModel>>;

package/dist/types/components/plugins/@antd/item-props/CardProps.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type CardProps as AntCardProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type CardModel = {
+    title?: string;
+    shadow?: boolean;
+} & Pick<AntCardProps, "bordered" | "hoverable" | "size">;
+export declare const CardProps: React.FC<PropEditorProps<CardModel>>;

package/dist/types/components/plugins/@antd/item-props/CheckboxProps.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type CheckboxOption = {
+    label: string;
+    value: any;
+};
+export type CheckboxModel = {
+    var?: string;
+    layout?: 'horizontal' | 'vertical' | 'grid';
+    lineNumber?: number;
+    options: CheckboxOption[];
+};
+export declare const CheckboxProps: React.FC<PropEditorProps<CheckboxModel>>;

package/dist/types/components/plugins/@antd/item-props/ColProps.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type ColModel = {
+    span?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+};
+export declare const ColProps: React.FC<PropEditorProps<ColModel>>;

package/dist/types/components/plugins/@antd/item-props/DatePickerProps.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type DatePickerProps as AntDatePickerProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type DatePickerModel = {
+    var?: string;
+    type?: "date" | "time" | "month" | "year" | "range";
+} & Pick<AntDatePickerProps, "size" | "allowClear" | "showTime">;
+export declare const DatePickerProps: React.FC<PropEditorProps<DatePickerModel>>;

package/dist/types/components/plugins/@antd/item-props/EchartsProps.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type EchartsModel = {
+    script: string;
+};
+export declare const EchartsProps: React.FC<PropEditorProps<EchartsModel>>;

package/dist/types/components/plugins/@antd/item-props/HtmlProps.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { PropEditorProps } from "./types";
+export type HtmlModel = {
+    template: string;
+};
+export declare const HtmlProps: React.FC<PropEditorProps<HtmlModel>>;

package/dist/types/components/plugins/@antd/item-props/ImageProps.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type ImageModel = {
+    src?: string;
+    alt?: string;
+    href?: string;
+    width?: string;
+    height?: string;
+};
+export declare const ImageProps: React.FC<PropEditorProps<ImageModel>>;

package/dist/types/components/plugins/@antd/item-props/InputNumberProps.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type InputNumberModel = {
+    var?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export declare const InputNumberProps: React.FC<PropEditorProps<InputNumberModel>>;

package/dist/types/components/plugins/@antd/item-props/InputProps.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type InputProps as AntInputProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type InputModel = {
+    search?: boolean;
+    var?: string;
+    prefix?: string;
+    suffix?: string;
+} & Pick<AntInputProps, "placeholder" | "size" | "allowClear">;
+export declare const InputProps: React.FC<PropEditorProps<InputModel>>;

package/dist/types/components/plugins/@antd/item-props/ListProps.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type ListModel = {
+    size?: 'default' | 'small' | 'large';
+    itemLayout?: 'horizontal' | 'vertical';
+    bordered?: boolean;
+    split?: boolean;
+    pageSize?: number;
+};
+export declare const ListProps: React.FC<PropEditorProps<ListModel>>;

package/dist/types/components/plugins/@antd/item-props/PageHeaderProps.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type PageHeaderModel = {
+    title?: string;
+    subTitle?: string;
+};
+export declare const PageHeaderProps: React.FC<PropEditorProps<PageHeaderModel>>;

package/dist/types/components/plugins/@antd/item-props/RowProps.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PropEditorProps } from './types';
+export type RowModel = {
+    gutter?: [number, number];
+};
+export declare const RowProps: React.FC<PropEditorProps<RowModel>>;

package/dist/types/components/plugins/@antd/item-props/SelectProps.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { type SelectProps as AntSelectProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type SelectOption = {
+    label: string;
+    value: any;
+};
+export type SelectModel = {
+    var?: string;
+    placeholder?: string;
+    size?: AntSelectProps["size"];
+    allowClear?: boolean;
+    multiple?: boolean;
+    options: SelectOption[];
+};
+export declare const SelectProps: React.FC<PropEditorProps<SelectModel>>;

package/dist/types/components/plugins/@antd/item-props/SpaceProps.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type SpaceProps as AntSpaceProps } from "antd";
+import type { PropEditorProps } from "./types";
+export type SpaceModel = {
+    direction?: AntSpaceProps["orientation"];
+} & Pick<AntSpaceProps, "size" | "align">;
+export declare const SpaceProps: React.FC<PropEditorProps<SpaceModel>>;