@baishuyun/ai-design 2.0.37 → 2.1.0-alpha.0

package/src/components/agent-helper/flow-node-action-trigger-select/index.tsx

@@ -1,57 +1,57 @@
-import type { FlowNodeActionType } from '@baishuyun/types';
-import { CheckCard } from '../../check-card';
-
-export const FLOW_NODE_ACTION_CONFIG_LIST: Array<{
-  type: FlowNodeActionType;
-  title: string;
-}> = [
-  { type: 'flow_end', title: '流程结束' },
-  { type: 'flow_node', title: '流程节点' },
-];
-
-export interface IFlowNodeActionTriggerSelectProps {
-  multiple?: boolean;
-  value?: FlowNodeActionType | FlowNodeActionType[];
-  onChange?: (value: FlowNodeActionType | FlowNodeActionType[]) => void;
-}
-
-export const FlowNodeActionTriggerSelect = ({
-  multiple = false,
-  value,
-  onChange,
-}: IFlowNodeActionTriggerSelectProps) => {
-  const selectedList = multiple
-    ? (Array.isArray(value) ? value : [])
-    : null;
-
-  return (
-    <div className="flex gap-[20px]">
-      {FLOW_NODE_ACTION_CONFIG_LIST.map((config) => {
-        const checked = multiple
-          ? selectedList!.includes(config.type)
-          : value === config.type;
-
-        return (
-          <CheckCard
-            key={config.type}
-            className="flex-[1_0_0] min-w-px max-w-[216px]"
-            title={config.title}
-            checked={checked}
-            onCheckedChange={(v) => {
-              if (multiple) {
-                const next = v
-                  ? [...selectedList!, config.type]
-                  : selectedList!.filter((t) => t !== config.type);
-                onChange?.(next);
-              } else {
-                if (v) {
-                  onChange?.(config.type);
-                }
-              }
-            }}
-          />
-        );
-      })}
-    </div>
-  );
-};
+import type { FlowNodeActionType } from '@baishuyun/types';
+import { CheckCard } from '../../check-card';
+
+export const FLOW_NODE_ACTION_CONFIG_LIST: Array<{
+  type: FlowNodeActionType;
+  title: string;
+}> = [
+  { type: 'flow_end', title: '流程结束' },
+  { type: 'flow_node', title: '流程节点' },
+];
+
+export interface IFlowNodeActionTriggerSelectProps {
+  multiple?: boolean;
+  value?: FlowNodeActionType | FlowNodeActionType[];
+  onChange?: (value: FlowNodeActionType | FlowNodeActionType[]) => void;
+}
+
+export const FlowNodeActionTriggerSelect = ({
+  multiple = false,
+  value,
+  onChange,
+}: IFlowNodeActionTriggerSelectProps) => {
+  const selectedList = multiple
+    ? (Array.isArray(value) ? value : [])
+    : null;
+
+  return (
+    <div className="flex gap-[20px]">
+      {FLOW_NODE_ACTION_CONFIG_LIST.map((config) => {
+        const checked = multiple
+          ? selectedList!.includes(config.type)
+          : value === config.type;
+
+        return (
+          <CheckCard
+            key={config.type}
+            className="flex-[1_0_0] min-w-px max-w-[216px]"
+            title={config.title}
+            checked={checked}
+            onCheckedChange={(v) => {
+              if (multiple) {
+                const next = v
+                  ? [...selectedList!, config.type]
+                  : selectedList!.filter((t) => t !== config.type);
+                onChange?.(next);
+              } else {
+                if (v) {
+                  onChange?.(config.type);
+                }
+              }
+            }}
+          />
+        );
+      })}
+    </div>
+  );
+};

package/src/components/agent-helper/form-action-trigger-select/index.tsx

@@ -1,60 +1,60 @@
-import type { FormActionType } from '@baishuyun/types';
-import { CheckCard } from '../../check-card';
-
-export const FORM_ACTION_CONFIG_LIST: Array<{
-  type: FormActionType;
-  title: string;
-}> = [
-  { type: 'submit', title: '表单提交数据' },
-  { type: 'edit', title: '表单编辑数据' },
-  { type: 'delete', title: '表单删除数据' },
-  { type: 'init', title: '表单初始化' },
-  { type: 'edit_init', title: '表单编辑初始化' },
-];
-
-export interface IFormActionTriggerSelectProps {
-  multiple?: boolean;
-  value?: FormActionType | FormActionType[];
-  onChange?: (value: FormActionType | FormActionType[]) => void;
-}
-
-export const FormActionTriggerSelect = ({
-  multiple = false,
-  value,
-  onChange,
-}: IFormActionTriggerSelectProps) => {
-  const selectedList = multiple
-    ? (Array.isArray(value) ? value : [])
-    : null;
-
-  return (
-    <div className="flex gap-[20px]">
-      {FORM_ACTION_CONFIG_LIST.map((config) => {
-        const checked = multiple
-          ? selectedList!.includes(config.type)
-          : value === config.type;
-
-        return (
-          <CheckCard
-            key={config.type}
-            className="flex-[1_0_0] min-w-px"
-            title={config.title}
-            checked={checked}
-            onCheckedChange={(v) => {
-              if (multiple) {
-                const next = v
-                  ? [...selectedList!, config.type]
-                  : selectedList!.filter((t) => t !== config.type);
-                onChange?.(next);
-              } else {
-                if (v) {
-                  onChange?.(config.type);
-                }
-              }
-            }}
-          />
-        );
-      })}
-    </div>
-  );
-};
+import type { FormActionType } from '@baishuyun/types';
+import { CheckCard } from '../../check-card';
+
+export const FORM_ACTION_CONFIG_LIST: Array<{
+  type: FormActionType;
+  title: string;
+}> = [
+  { type: 'submit', title: '表单提交数据' },
+  { type: 'edit', title: '表单编辑数据' },
+  { type: 'delete', title: '表单删除数据' },
+  { type: 'init', title: '表单初始化' },
+  { type: 'edit_init', title: '表单编辑初始化' },
+];
+
+export interface IFormActionTriggerSelectProps {
+  multiple?: boolean;
+  value?: FormActionType | FormActionType[];
+  onChange?: (value: FormActionType | FormActionType[]) => void;
+}
+
+export const FormActionTriggerSelect = ({
+  multiple = false,
+  value,
+  onChange,
+}: IFormActionTriggerSelectProps) => {
+  const selectedList = multiple
+    ? (Array.isArray(value) ? value : [])
+    : null;
+
+  return (
+    <div className="flex gap-[20px]">
+      {FORM_ACTION_CONFIG_LIST.map((config) => {
+        const checked = multiple
+          ? selectedList!.includes(config.type)
+          : value === config.type;
+
+        return (
+          <CheckCard
+            key={config.type}
+            className="flex-[1_0_0] min-w-px"
+            title={config.title}
+            checked={checked}
+            onCheckedChange={(v) => {
+              if (multiple) {
+                const next = v
+                  ? [...selectedList!, config.type]
+                  : selectedList!.filter((t) => t !== config.type);
+                onChange?.(next);
+              } else {
+                if (v) {
+                  onChange?.(config.type);
+                }
+              }
+            }}
+          />
+        );
+      })}
+    </div>
+  );
+};

package/src/components/agent-helper/form-divider/index.tsx

@@ -1,44 +1,44 @@
-import type { ReactNode } from 'react';
-import { cn } from '../../../lib/utils';
-
-export interface FormDividerProps {
-  children?: ReactNode;
-  className?: string;
-}
-
-const DecorativeLine = ({ flipped }: { flipped?: boolean }) => (
-  <svg
-    width="40"
-    height="4"
-    viewBox="0 0 40 4"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    style={{ display: 'block', flexShrink: 0 }}
-  >
-    {flipped ? (
-      <>
-        <circle cx="2" cy="2" r="2" fill="#D9D9D9" />
-        <path d="M10 2H40" stroke="#E0E0E0" />
-      </>
-    ) : (
-      <>
-        <path d="M0 2H30" stroke="#E0E0E0" />
-        <circle cx="38" cy="2" r="2" fill="#D9D9D9" />
-      </>
-    )}
-  </svg>
-);
-
-export const FormDivider = ({ children, className }: FormDividerProps) => {
-  return (
-    <div className={cn('flex items-center justify-center gap-[10px]', className)}>
-      <DecorativeLine />
-      {children != null && (
-        <span className="text-[#999] text-[14px] whitespace-nowrap leading-[normal] shrink-0">
-          {children}
-        </span>
-      )}
-      <DecorativeLine flipped />
-    </div>
-  );
-};
+import type { ReactNode } from 'react';
+import { cn } from '../../../lib/utils';
+
+export interface FormDividerProps {
+  children?: ReactNode;
+  className?: string;
+}
+
+const DecorativeLine = ({ flipped }: { flipped?: boolean }) => (
+  <svg
+    width="40"
+    height="4"
+    viewBox="0 0 40 4"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style={{ display: 'block', flexShrink: 0 }}
+  >
+    {flipped ? (
+      <>
+        <circle cx="2" cy="2" r="2" fill="#D9D9D9" />
+        <path d="M10 2H40" stroke="#E0E0E0" />
+      </>
+    ) : (
+      <>
+        <path d="M0 2H30" stroke="#E0E0E0" />
+        <circle cx="38" cy="2" r="2" fill="#D9D9D9" />
+      </>
+    )}
+  </svg>
+);
+
+export const FormDivider = ({ children, className }: FormDividerProps) => {
+  return (
+    <div className={cn('flex items-center justify-center gap-[10px]', className)}>
+      <DecorativeLine />
+      {children != null && (
+        <span className="text-[#999] text-[14px] whitespace-nowrap leading-[normal] shrink-0">
+          {children}
+        </span>
+      )}
+      <DecorativeLine flipped />
+    </div>
+  );
+};