@fudanda/workflow 2.20261024.1-beta.2 → 2.20261109.1-beta.1

package/vendor/coze/original/node-side-sheet.tsx

@@ -1,214 +1,214 @@
-/*
- * Copyright 2025 coze-dev Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * Node side window
- */
-import {
-  type PropsWithChildren,
-  type FC,
-  useEffect,
-  useState,
-  useMemo,
-} from 'react';
-
-import classnames from 'classnames';
-import { type NodeMeta } from '@coze-workflow/base/types';
-import { concatNodeTestId } from '@coze-workflow/base';
-import {
-  FlowNodeFormData,
-  NodeRender,
-} from '@flowgram-adapter/free-layout-editor';
-import { type FlowNodeEntity } from '@flowgram-adapter/free-layout-editor';
-
-import {
-  NodeFormPanelContext,
-  useNodeFormPanelState,
-} from '@/hooks/use-node-side-sheet-store';
-import {
-  useTestFormState,
-  useFloatLayoutSize,
-  useFloatLayoutService,
-} from '@/hooks';
-import { useSidePanelWidth } from '@/components/resizable-side-panel/use-side-panel-width';
-import { ResizableSidePanel } from '@/components/resizable-side-panel';
-
-import {
-  TestNodeForm,
-  TestNodeResultNotice,
-  useShowResultNotice,
-} from '../test-run/test-form-sheet-v2/test-node-form';
-import { NodeContextProvider } from '../node-context-provider';
-import { PanelWrap } from '../float-layout';
-import { EditorThemeProvider } from '../editor-container';
-
-import styles from './index.module.less';
-
-const PADDING = 16;
-
-const NodeFormPanelProvider: React.FC<React.PropsWithChildren> = ({
-  children,
-}) => {
-  const [fullscreenPanel, setFullscreenPanel] = useState<React.ReactNode>(null);
-
-  return (
-    <NodeFormPanelContext.Provider
-      value={{ fullscreenPanel, setFullscreenPanel }}
-    >
-      {children}
-    </NodeFormPanelContext.Provider>
-  );
-};
-
-const NodeSideSheetPanel: FC<
-  PropsWithChildren<{
-    width?: number | string;
-    className?: string;
-  }>
-> = props => {
-  const { width, children, className } = props;
-  return (
-    <div
-      className={classnames(className, 'h-full flex-none overflow-auto')}
-      style={{
-        width,
-      }}
-    >
-      {children}
-    </div>
-  );
-};
-
-export interface NodeFormPanelProps {
-  node: FlowNodeEntity;
-  showTestNodeForm?: boolean;
-}
-
-export const NodeSideSheet: React.FC<NodeFormPanelProps> = ({
-  node,
-  showTestNodeForm,
-}) => {
-  const testFormState = useTestFormState();
-  const floatLayoutService = useFloatLayoutService();
-  const showTestRunResultNotice = useShowResultNotice(node);
-  const {
-    config: { testNodeFormVisible },
-  } = testFormState;
-
-  const { width: layoutWidth } = useFloatLayoutSize();
-
-  const { fullscreenPanel } = useNodeFormPanelState();
-
-  const { width: sideWidth } = useSidePanelWidth();
-
-  const leftFullWidth = useMemo(
-    () => layoutWidth - sideWidth - PADDING,
-    [layoutWidth, sideWidth],
-  );
-
-  useEffect(() => {
-    if (showTestNodeForm) {
-      testFormState.showTestNodeForm();
-    } else {
-      testFormState.closeTestNodeForm();
-    }
-  }, [showTestNodeForm, node]);
-
-  // This panel needs to be closed when a node is deleted
-  useEffect(() => {
-    const disposable = node.onDispose(() => {
-      floatLayoutService.close();
-    });
-    return () => disposable.dispose();
-  }, [node, floatLayoutService]);
-
-  if (!node) {
-    return null;
-  }
-
-  const nodeMeta: NodeMeta = node.getNodeMeta();
-
-  if (nodeMeta.disableSideSheet) {
-    return null;
-  }
-
-  const { formModel } = node.getData(FlowNodeFormData);
-  const { initialized } = formModel;
-
-  if (!initialized) {
-    return null;
-  }
-
-  return (
-    <PanelWrap layout="vertical">
-      <NodeContextProvider
-        key={node?.id?.toString()}
-        node={node}
-        scene="node-side-sheet"
-      >
-        <EditorThemeProvider>
-          <ResizableSidePanel bypass={!!fullscreenPanel}>
-            <div
-              className={classnames(
-                styles['node-side-sheet'],
-                'rounded-lg coz-bg-plus flex h-full overflow-hidden',
-              )}
-            >
-              {fullscreenPanel ? (
-                <NodeSideSheetPanel
-                  className="coz-stroke-primary border-0 border-r border-solid !flex-1"
-                  width={leftFullWidth}
-                >
-                  {fullscreenPanel}
-                </NodeSideSheetPanel>
-              ) : null}
-              <ResizableSidePanel
-                className="relative h-full flex-none"
-                bypass={!fullscreenPanel}
-              >
-                <NodeSideSheetPanel width={sideWidth}>
-                  <div
-                    className={classnames(
-                      'px-3 pb-4',
-                      styles['node-side-sheet-form'],
-                      {
-                        [styles['has-result-notice']]:
-                          showTestRunResultNotice || testNodeFormVisible,
-                      },
-                    )}
-                    data-testid={concatNodeTestId(node, 'node-side-sheet-form')}
-                  >
-                    <NodeRender node={node} />
-                  </div>
-                  <TestNodeForm node={node} />
-                  {showTestRunResultNotice ? (
-                    <TestNodeResultNotice node={node} />
-                  ) : null}
-                </NodeSideSheetPanel>
-              </ResizableSidePanel>
-            </div>
-          </ResizableSidePanel>
-        </EditorThemeProvider>
-      </NodeContextProvider>
-    </PanelWrap>
-  );
-};
-
-export const NodeFormPanel: React.FC<NodeFormPanelProps> = props => (
-  <NodeFormPanelProvider>
-    <NodeSideSheet {...props} />
-  </NodeFormPanelProvider>
-);
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Node side window
+ */
+import {
+  type PropsWithChildren,
+  type FC,
+  useEffect,
+  useState,
+  useMemo,
+} from 'react';
+
+import classnames from 'classnames';
+import { type NodeMeta } from '@coze-workflow/base/types';
+import { concatNodeTestId } from '@coze-workflow/base';
+import {
+  FlowNodeFormData,
+  NodeRender,
+} from '@flowgram-adapter/free-layout-editor';
+import { type FlowNodeEntity } from '@flowgram-adapter/free-layout-editor';
+
+import {
+  NodeFormPanelContext,
+  useNodeFormPanelState,
+} from '@/hooks/use-node-side-sheet-store';
+import {
+  useTestFormState,
+  useFloatLayoutSize,
+  useFloatLayoutService,
+} from '@/hooks';
+import { useSidePanelWidth } from '@/components/resizable-side-panel/use-side-panel-width';
+import { ResizableSidePanel } from '@/components/resizable-side-panel';
+
+import {
+  TestNodeForm,
+  TestNodeResultNotice,
+  useShowResultNotice,
+} from '../test-run/test-form-sheet-v2/test-node-form';
+import { NodeContextProvider } from '../node-context-provider';
+import { PanelWrap } from '../float-layout';
+import { EditorThemeProvider } from '../editor-container';
+
+import styles from './index.module.less';
+
+const PADDING = 16;
+
+const NodeFormPanelProvider: React.FC<React.PropsWithChildren> = ({
+  children,
+}) => {
+  const [fullscreenPanel, setFullscreenPanel] = useState<React.ReactNode>(null);
+
+  return (
+    <NodeFormPanelContext.Provider
+      value={{ fullscreenPanel, setFullscreenPanel }}
+    >
+      {children}
+    </NodeFormPanelContext.Provider>
+  );
+};
+
+const NodeSideSheetPanel: FC<
+  PropsWithChildren<{
+    width?: number | string;
+    className?: string;
+  }>
+> = props => {
+  const { width, children, className } = props;
+  return (
+    <div
+      className={classnames(className, 'h-full flex-none overflow-auto')}
+      style={{
+        width,
+      }}
+    >
+      {children}
+    </div>
+  );
+};
+
+export interface NodeFormPanelProps {
+  node: FlowNodeEntity;
+  showTestNodeForm?: boolean;
+}
+
+export const NodeSideSheet: React.FC<NodeFormPanelProps> = ({
+  node,
+  showTestNodeForm,
+}) => {
+  const testFormState = useTestFormState();
+  const floatLayoutService = useFloatLayoutService();
+  const showTestRunResultNotice = useShowResultNotice(node);
+  const {
+    config: { testNodeFormVisible },
+  } = testFormState;
+
+  const { width: layoutWidth } = useFloatLayoutSize();
+
+  const { fullscreenPanel } = useNodeFormPanelState();
+
+  const { width: sideWidth } = useSidePanelWidth();
+
+  const leftFullWidth = useMemo(
+    () => layoutWidth - sideWidth - PADDING,
+    [layoutWidth, sideWidth],
+  );
+
+  useEffect(() => {
+    if (showTestNodeForm) {
+      testFormState.showTestNodeForm();
+    } else {
+      testFormState.closeTestNodeForm();
+    }
+  }, [showTestNodeForm, node]);
+
+  // This panel needs to be closed when a node is deleted
+  useEffect(() => {
+    const disposable = node.onDispose(() => {
+      floatLayoutService.close();
+    });
+    return () => disposable.dispose();
+  }, [node, floatLayoutService]);
+
+  if (!node) {
+    return null;
+  }
+
+  const nodeMeta: NodeMeta = node.getNodeMeta();
+
+  if (nodeMeta.disableSideSheet) {
+    return null;
+  }
+
+  const { formModel } = node.getData(FlowNodeFormData);
+  const { initialized } = formModel;
+
+  if (!initialized) {
+    return null;
+  }
+
+  return (
+    <PanelWrap layout="vertical">
+      <NodeContextProvider
+        key={node?.id?.toString()}
+        node={node}
+        scene="node-side-sheet"
+      >
+        <EditorThemeProvider>
+          <ResizableSidePanel bypass={!!fullscreenPanel}>
+            <div
+              className={classnames(
+                styles['node-side-sheet'],
+                'rounded-lg coz-bg-plus flex h-full overflow-hidden',
+              )}
+            >
+              {fullscreenPanel ? (
+                <NodeSideSheetPanel
+                  className="coz-stroke-primary border-0 border-r border-solid !flex-1"
+                  width={leftFullWidth}
+                >
+                  {fullscreenPanel}
+                </NodeSideSheetPanel>
+              ) : null}
+              <ResizableSidePanel
+                className="relative h-full flex-none"
+                bypass={!fullscreenPanel}
+              >
+                <NodeSideSheetPanel width={sideWidth}>
+                  <div
+                    className={classnames(
+                      'px-3 pb-4',
+                      styles['node-side-sheet-form'],
+                      {
+                        [styles['has-result-notice']]:
+                          showTestRunResultNotice || testNodeFormVisible,
+                      },
+                    )}
+                    data-testid={concatNodeTestId(node, 'node-side-sheet-form')}
+                  >
+                    <NodeRender node={node} />
+                  </div>
+                  <TestNodeForm node={node} />
+                  {showTestRunResultNotice ? (
+                    <TestNodeResultNotice node={node} />
+                  ) : null}
+                </NodeSideSheetPanel>
+              </ResizableSidePanel>
+            </div>
+          </ResizableSidePanel>
+        </EditorThemeProvider>
+      </NodeContextProvider>
+    </PanelWrap>
+  );
+};
+
+export const NodeFormPanel: React.FC<NodeFormPanelProps> = props => (
+  <NodeFormPanelProvider>
+    <NodeSideSheet {...props} />
+  </NodeFormPanelProvider>
+);

package/vendor/coze/original/node-wrapper.tsx

@@ -1,71 +1,71 @@
-/*
- * Copyright 2025 coze-dev Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { type PropsWithChildren, useCallback, useState } from 'react';
-
-import { ConfigProvider } from '@coze-arch/bot-semi';
-import { useNodeRender } from '@flowgram-adapter/free-layout-editor';
-
-interface WrapperProps {
-  className?: string;
-  onClick?: (e) => void;
-}
-
-export function Wrapper({
-  children,
-  className = '',
-  onClick,
-}: PropsWithChildren<WrapperProps>) {
-  const [isDragging, setIsDragging] = useState(false);
-  const { startDrag, nodeRef, onFocus, onBlur } = useNodeRender();
-
-  const handleClick = e => {
-    if (!isDragging) {
-      onClick?.(e);
-    }
-  };
-
-  const handleDragStart = e => {
-    setIsDragging(true);
-    startDrag(e);
-  };
-
-  const handleMouseUp = () => {
-    setIsDragging(false);
-  };
-
-  const getPopupContainer = useCallback(
-    () => nodeRef.current || document.body,
-    [nodeRef],
-  );
-
-  return (
-    <ConfigProvider getPopupContainer={getPopupContainer}>
-      <div
-        className={className}
-        onClick={handleClick}
-        ref={nodeRef}
-        onFocus={onFocus}
-        onBlur={onBlur}
-        onDragStart={handleDragStart}
-        onMouseUp={handleMouseUp}
-        draggable
-      >
-        {children}
-      </div>
-    </ConfigProvider>
-  );
-}
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type PropsWithChildren, useCallback, useState } from 'react';
+
+import { ConfigProvider } from '@coze-arch/bot-semi';
+import { useNodeRender } from '@flowgram-adapter/free-layout-editor';
+
+interface WrapperProps {
+  className?: string;
+  onClick?: (e) => void;
+}
+
+export function Wrapper({
+  children,
+  className = '',
+  onClick,
+}: PropsWithChildren<WrapperProps>) {
+  const [isDragging, setIsDragging] = useState(false);
+  const { startDrag, nodeRef, onFocus, onBlur } = useNodeRender();
+
+  const handleClick = e => {
+    if (!isDragging) {
+      onClick?.(e);
+    }
+  };
+
+  const handleDragStart = e => {
+    setIsDragging(true);
+    startDrag(e);
+  };
+
+  const handleMouseUp = () => {
+    setIsDragging(false);
+  };
+
+  const getPopupContainer = useCallback(
+    () => nodeRef.current || document.body,
+    [nodeRef],
+  );
+
+  return (
+    <ConfigProvider getPopupContainer={getPopupContainer}>
+      <div
+        className={className}
+        onClick={handleClick}
+        ref={nodeRef}
+        onFocus={onFocus}
+        onBlur={onBlur}
+        onDragStart={handleDragStart}
+        onMouseUp={handleMouseUp}
+        draggable
+      >
+        {children}
+      </div>
+    </ConfigProvider>
+  );
+}

package/vendor/coze/original/pad-icon.tsx

@@ -1,45 +1,45 @@
-/*
- * Copyright 2025 coze-dev Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export function PadIcon() {
-  return (
-    <svg
-      width="48"
-      height="38"
-      viewBox="0 0 48 38"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <rect
-        x="1.83317"
-        y="1.49998"
-        width="44.3333"
-        height="35"
-        rx="3.5"
-        stroke="currentColor"
-        stroke-opacity="0.8"
-        stroke-width="2.33333"
-      />
-      <path
-        d="M14.6665 30.6667H33.3332"
-        stroke="currentColor"
-        stroke-opacity="0.8"
-        stroke-width="2.33333"
-        stroke-linecap="round"
-      />
-    </svg>
-  );
-}
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export function PadIcon() {
+  return (
+    <svg
+      width="48"
+      height="38"
+      viewBox="0 0 48 38"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect
+        x="1.83317"
+        y="1.49998"
+        width="44.3333"
+        height="35"
+        rx="3.5"
+        stroke="currentColor"
+        stroke-opacity="0.8"
+        stroke-width="2.33333"
+      />
+      <path
+        d="M14.6665 30.6667H33.3332"
+        stroke="currentColor"
+        stroke-opacity="0.8"
+        stroke-width="2.33333"
+        stroke-linecap="round"
+      />
+    </svg>
+  );
+}