bi-sdk-react 0.0.72 → 0.0.73

package/src/components/plugins/@antd/index.ts

@@ -283,6 +283,7 @@ export const InputPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const InputNumberPlugin: PluginType = {
@@ -307,6 +308,7 @@ export const InputNumberPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const SelectPlugin: PluginType = {
@@ -329,6 +331,7 @@ export const SelectPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const CapsulePlugin: PluginType = {
@@ -351,6 +354,7 @@ export const CapsulePlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const CheckboxPlugin: PluginType = {
@@ -372,6 +376,7 @@ export const CheckboxPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const DatePickerPlugin: PluginType = {
@@ -391,6 +396,7 @@ export const DatePickerPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const SwitchPlugin: PluginType = {
@@ -409,6 +415,7 @@ export const SwitchPlugin: PluginType = {
     },
     cascadeIds: [],
   },
+  events: [{name: "内容变化", handler: "change"}]
 };
 
 export const SpacePlugin: PluginType = {

package/src/components/plugins/@antd/items/CapsuleRender.tsx

@@ -2,11 +2,11 @@ import { Radio, type RadioGroupProps } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
-
+import { useEvent } from "../../../hooks/event";
 
 export type CapsuleRenderProps = {
   var?: string;
-  size?: RadioGroupProps['size']
+  size?: RadioGroupProps["size"];
   options?: { label: string; value: any }[];
   item: SchemaItemType;
   onChange?: (v: any) => void;
@@ -23,10 +23,12 @@ export const CapsuleRender: React.FC<CapsuleRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (v: any) => {
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
     handleCallback(item);
+    handleEvent("change", v);
   };
   return (
     <span id={id}>

package/src/components/plugins/@antd/items/CheckboxRender.tsx

@@ -2,7 +2,7 @@ import { Checkbox } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
-
+import { useEvent } from "../../../hooks/event";
 
 export type CheckboxRenderProps = {
   var?: string;
@@ -25,6 +25,7 @@ export const CheckboxRender: React.FC<CheckboxRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const groupStyle: React.CSSProperties = {
     ...style,
     display: layout === "grid" ? "grid" : "flex",
@@ -37,6 +38,7 @@ export const CheckboxRender: React.FC<CheckboxRenderProps> = ({
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
     handleCallback(item);
+    handleEvent("change", v);
   };
   return (
     <span id={id}>

package/src/components/plugins/@antd/items/DatePickerRender.tsx

@@ -3,7 +3,7 @@ import dayjs, { Dayjs } from "dayjs";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
-
+import { useEvent } from "../../../hooks/event";
 
 export type DatePickerRenderProps = {
   var?: string;
@@ -30,10 +30,12 @@ export const DatePickerRender: React.FC<DatePickerRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (val?: string | [string, string]) => {
     if (onChange) onChange(val);
     if (item && varName) setVar(item, varName, val as any);
     handleCallback(item);
+    handleEvent("change", val);
   };
   if (type === "time") {
     const v =
@@ -90,7 +92,9 @@ export const DatePickerRender: React.FC<DatePickerRenderProps> = ({
         showTime={showTime}
         onChange={(d) =>
           change(
-            d && d[0] && d[1] ? [d[0].format(fmt), d[1].format(fmt)] : undefined
+            d && d[0] && d[1]
+              ? [d[0].format(fmt), d[1].format(fmt)]
+              : undefined,
           )
         }
         style={{ ...(item?.style || {}), ...style }}

package/src/components/plugins/@antd/items/InputNumberRender.tsx

@@ -2,6 +2,7 @@ import { InputNumber, type InputNumberProps } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
+import { useEvent } from "../../../hooks/event";
 
 export type InputNumberRenderProps = {
   var?: string;
@@ -33,10 +34,12 @@ export const InputNumberRender: React.FC<InputNumberRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (v?: number) => {
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
     handleCallback(item);
+    handleEvent("change", v);
   };
   return (
     <InputNumber

package/src/components/plugins/@antd/items/InputRender.tsx

@@ -2,6 +2,7 @@ import { Input, type InputProps } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
+import { useEvent } from "../../../hooks/event";
 
 export type InputRenderProps = {
   var?: string;
@@ -34,9 +35,11 @@ export const InputRender: React.FC<InputRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (v: string) => {
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
+    handleEvent("change", v);
   };
   const searchClick = () => {
     if (onSearch) onSearch(value || "");

package/src/components/plugins/@antd/items/SelectRender.tsx

@@ -2,6 +2,7 @@ import { Select, type SelectProps } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
+import { useEvent } from "../../../hooks/event";
 
 export type SelectRenderProps = {
   var?: string;
@@ -30,10 +31,12 @@ export const SelectRender: React.FC<SelectRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (v: any) => {
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
     handleCallback(item);
+    handleEvent("change", v);
   };
   return (
     <Select

package/src/components/plugins/@antd/items/SwitchRender.tsx

@@ -2,6 +2,7 @@ import { Switch, type SwitchProps } from "antd";
 import React, { useContext } from "react";
 import { PageContext } from "../../../context/PageContext";
 import { HtmlBaseProps, SchemaItemType } from "../../../typing";
+import { useEvent } from "../../../hooks/event";
 
 export type SwitchRenderProps = {
   var?: string;
@@ -28,10 +29,12 @@ export const SwitchRender: React.FC<SwitchRenderProps> = ({
   className,
 }) => {
   const { handleCallback, setVar } = useContext(PageContext);
+  const { handleEvent } = useEvent(item);
   const change = (v: boolean) => {
     if (onChange) onChange(v);
     if (item && varName) setVar(item, varName, v);
     handleCallback(item);
+    handleEvent("change", v);
   };
   return (
     <span>

package/src/components/typing.ts

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from "react";
+import React, { Key, MouseEventHandler } from "react";
 
 export type ChatRequestType = {
   message: string;
@@ -61,8 +61,32 @@ export type ChatMessageType = {
   sending?: boolean;
 };
 
+export type ExampleItemType = {
+  id: Key;
+  name: string;
+  description?: string | null;
+  cover?: string;
+  item: SchemaItemType;
+};
+export type TemplateItemType = {
+  id: Key;
+  name: string;
+  description?: string | null;
+  cover?: string;
+  schema: PageSchema;
+};
+
+export type PaginationType<T> = {
+  total: number;
+  list: T[];
+}
+
 export type FetchType = {
   upload?: (file: File) => Promise<{ id: string; name: string }>;
+  exampleList?: (current?: number, size?: number, keyword?: string) => Promise<Omit<ExampleItemType, "item">[] | PaginationType<Omit<ExampleItemType, "item">>>;
+  exampleDetail?: (id: Key) => Promise<ExampleItemType>;
+  templateList?: (current?: number, size?: number, keyword?: string) => Promise<Omit<TemplateItemType, "schema">[] | PaginationType<Omit<TemplateItemType, "schema">>>;
+  templateDetail?: (id: Key) => Promise<TemplateItemType>;
   ai?: {
     chat: (
       bizType: string,
@@ -75,11 +99,18 @@ export type FetchType = {
       bizId: string,
     ) => Promise<ChatConversationType[]>;
     activateConversation?: (conversationId: string) => Promise<boolean>;
-    messageList: (conversationId: string, prevId?: string) => Promise<ChatMessageType[]>;
+    messageList: (
+      conversationId: string,
+      prevId?: string,
+    ) => Promise<ChatMessageType[]>;
     removeConversation: (conversationId: string) => Promise<boolean>;
     removeMessage: (messageId: string) => Promise<boolean>;
   };
-  dataset?: (dataSetId: string, params: Record<string, any>, aiPrompt?: string) => Promise<any>;
+  dataset?: (
+    dataSetId: string,
+    params: Record<string, any>,
+    aiPrompt?: string,
+  ) => Promise<any>;
 };
 
 export type HtmlBaseProps = {
@@ -109,7 +140,7 @@ export type SchemaItemType = {
   events?: {
     name: string;
     script: string;
-  }[]
+  }[];
 };
 
 export type PluginType = {
@@ -198,7 +229,7 @@ export type PageSchema = {
     aiPrompt?: string;
     output: DataSetOutput;
     dependencies?: string[];
-  }[]
+  }[];
 };
 
 export type EnvType = {

package/src/example.tsx

@@ -15,6 +15,8 @@ import {
   DatasetAddFunction,
   DatasetSelectorFunction,
   FieldType,
+  PageSchema,
+  SchemaItemType,
 } from "./components/typing";
 import { uuid } from "./components/utils";
 
@@ -194,8 +196,7 @@ export const Example: React.FC = () => {
                   ),
                 removeConversation: async (conversationId) =>
                   Promise.resolve(true),
-                removeMessage: async (messageId) =>
-                  Promise.resolve(true),
+                removeMessage: async (messageId) => Promise.resolve(true),
               },
               dataset: async (dataSetId, params, aiPrompt) => {
                 console.log("dataset", dataSetId, params, aiPrompt);
@@ -203,11 +204,42 @@ export const Example: React.FC = () => {
                   code: "OK",
                   data: {
                     ...params,
-                  }
+                  },
                 });
               },
               upload: async (file) =>
                 Promise.resolve({ id: uuid(), name: file.name }),
+              exampleList: async () =>
+                Promise.resolve({
+                  total: 1,
+                  list: [
+                    {
+                      id: 1,
+                      name: "example",
+                      description: "exampleexampleexampleexampleexampleexample",
+                    },
+                  ],
+                }),
+              exampleDetail: async (id) =>
+                Promise.resolve({
+                  id,
+                  name: "test",
+                  item: schema.items[0] as SchemaItemType,
+                }),
+              templateList: async () =>
+                Promise.resolve([
+                  {
+                    id: 1,
+                    name: "example",
+                    description: "exampleexampleexampleexampleexampleexample",
+                  },
+                ]),
+              templateDetail: async (id) =>
+                Promise.resolve({
+                  id,
+                  name: "test",
+                  schema: schema as PageSchema,
+                }),
             }}
           />
         </EditDrawer>
@@ -301,7 +333,9 @@ function datasetAdd(): DatasetAddFunction {
           onClose();
         }}
       >
-        <Button onClick={() => onAdd({...dataset, id: uuid()})}>添加数据集</Button>
+        <Button onClick={() => onAdd({ ...dataset, id: uuid() })}>
+          添加数据集
+        </Button>
       </Drawer>
     );
   };