@fudanda/workflow 2.20261024.1-beta.1 → 2.20261107.1-beta.1

package/vendor/coze/original/toolbar-comment.tsx

@@ -1,121 +1,121 @@
-/*
- * 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 { useCallback, useState } from 'react';
-
-import { StandardNodeType } from '@coze-workflow/base';
-import { I18n } from '@coze-arch/i18n';
-import { IconCozComment } from '@coze-arch/coze-design/icons';
-import { Tooltip, IconButton } from '@coze-arch/coze-design';
-import { FlowNodeTransformData } from '@flowgram-adapter/free-layout-editor';
-import {
-  WorkflowDocument,
-  type WorkflowNodeEntity,
-  type WorkflowNodeMeta,
-  WorkflowSelectService,
-  usePlayground,
-  useService,
-} from '@flowgram-adapter/free-layout-editor';
-
-import { WorkflowCustomDragService } from '@/services';
-
-export const Comment = () => {
-  const playground = usePlayground();
-  const document = useService(WorkflowDocument);
-  const selectService = useService(WorkflowSelectService);
-  const dragService = useService(WorkflowCustomDragService);
-
-  const [tooltipVisible, setTooltipVisible] = useState(false);
-
-  const calcNodePosition = useCallback(
-    (
-      mouseEvent: React.MouseEvent<HTMLButtonElement>,
-      containerNode?: WorkflowNodeEntity,
-    ) => {
-      const mousePosition = playground.config.getPosFromMouseEvent(mouseEvent);
-      if (!containerNode) {
-        return {
-          x: mousePosition.x,
-          y: mousePosition.y - 75,
-        };
-      }
-      const containerTransform = containerNode.getData(FlowNodeTransformData);
-      const childrenLength = containerNode.collapsedChildren.length;
-      return {
-        x:
-          containerTransform.padding.left -
-          containerTransform.padding.left +
-          childrenLength * 30,
-        y: containerTransform.padding.top + childrenLength * 30,
-      };
-    },
-    [playground],
-  );
-
-  const createComment = useCallback(
-    async (mouseEvent: React.MouseEvent<HTMLButtonElement>) => {
-      setTooltipVisible(false);
-      let containerNode: WorkflowNodeEntity | undefined;
-      if (
-        selectService.activatedNode?.getNodeMeta<WorkflowNodeMeta>().isContainer
-      ) {
-        containerNode = selectService.activatedNode;
-      }
-      const canvasPosition = calcNodePosition(mouseEvent, containerNode);
-      // Create Node
-      const node = await document.createWorkflowNodeByType(
-        StandardNodeType.Comment,
-        canvasPosition,
-        {},
-        containerNode?.id,
-      );
-      // Wait for node to render
-      setTimeout(() => {
-        if (containerNode) {
-          return;
-        }
-        // selected node
-        selectService.selectNode(node);
-        // Start dragging
-        dragService.startDragSelectedNodes(mouseEvent);
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers -- waiting for node render
-      }, 50);
-    },
-    [selectService, calcNodePosition, document, dragService],
-  );
-
-  if (playground.config.readonly) {
-    return <></>;
-  }
-
-  return (
-    <Tooltip
-      trigger="custom"
-      visible={tooltipVisible}
-      onVisibleChange={setTooltipVisible}
-      content={I18n.t('workflow_toolbar_comment_tooltips')}
-    >
-      <IconButton
-        icon={<IconCozComment className="coz-fg-primary" />}
-        color="secondary"
-        data-testid="workflow.detail.controls.comment"
-        onClick={createComment}
-        onMouseEnter={() => setTooltipVisible(true)}
-        onMouseLeave={() => setTooltipVisible(false)}
-      />
-    </Tooltip>
-  );
-};
+/*
+ * 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 { useCallback, useState } from 'react';
+
+import { StandardNodeType } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozComment } from '@coze-arch/coze-design/icons';
+import { Tooltip, IconButton } from '@coze-arch/coze-design';
+import { FlowNodeTransformData } from '@flowgram-adapter/free-layout-editor';
+import {
+  WorkflowDocument,
+  type WorkflowNodeEntity,
+  type WorkflowNodeMeta,
+  WorkflowSelectService,
+  usePlayground,
+  useService,
+} from '@flowgram-adapter/free-layout-editor';
+
+import { WorkflowCustomDragService } from '@/services';
+
+export const Comment = () => {
+  const playground = usePlayground();
+  const document = useService(WorkflowDocument);
+  const selectService = useService(WorkflowSelectService);
+  const dragService = useService(WorkflowCustomDragService);
+
+  const [tooltipVisible, setTooltipVisible] = useState(false);
+
+  const calcNodePosition = useCallback(
+    (
+      mouseEvent: React.MouseEvent<HTMLButtonElement>,
+      containerNode?: WorkflowNodeEntity,
+    ) => {
+      const mousePosition = playground.config.getPosFromMouseEvent(mouseEvent);
+      if (!containerNode) {
+        return {
+          x: mousePosition.x,
+          y: mousePosition.y - 75,
+        };
+      }
+      const containerTransform = containerNode.getData(FlowNodeTransformData);
+      const childrenLength = containerNode.collapsedChildren.length;
+      return {
+        x:
+          containerTransform.padding.left -
+          containerTransform.padding.left +
+          childrenLength * 30,
+        y: containerTransform.padding.top + childrenLength * 30,
+      };
+    },
+    [playground],
+  );
+
+  const createComment = useCallback(
+    async (mouseEvent: React.MouseEvent<HTMLButtonElement>) => {
+      setTooltipVisible(false);
+      let containerNode: WorkflowNodeEntity | undefined;
+      if (
+        selectService.activatedNode?.getNodeMeta<WorkflowNodeMeta>().isContainer
+      ) {
+        containerNode = selectService.activatedNode;
+      }
+      const canvasPosition = calcNodePosition(mouseEvent, containerNode);
+      // Create Node
+      const node = await document.createWorkflowNodeByType(
+        StandardNodeType.Comment,
+        canvasPosition,
+        {},
+        containerNode?.id,
+      );
+      // Wait for node to render
+      setTimeout(() => {
+        if (containerNode) {
+          return;
+        }
+        // selected node
+        selectService.selectNode(node);
+        // Start dragging
+        dragService.startDragSelectedNodes(mouseEvent);
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers -- waiting for node render
+      }, 50);
+    },
+    [selectService, calcNodePosition, document, dragService],
+  );
+
+  if (playground.config.readonly) {
+    return <></>;
+  }
+
+  return (
+    <Tooltip
+      trigger="custom"
+      visible={tooltipVisible}
+      onVisibleChange={setTooltipVisible}
+      content={I18n.t('workflow_toolbar_comment_tooltips')}
+    >
+      <IconButton
+        icon={<IconCozComment className="coz-fg-primary" />}
+        color="secondary"
+        data-testid="workflow.detail.controls.comment"
+        onClick={createComment}
+        onMouseEnter={() => setTooltipVisible(true)}
+        onMouseLeave={() => setTooltipVisible(false)}
+      />
+    </Tooltip>
+  );
+};

package/vendor/coze/original/toolbar-container.tsx

@@ -1,42 +1,42 @@
-/*
- * 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 { useToolbarHandlers } from '../hooks';
-import { Tools } from './tools';
-import { Minimap } from './minimap';
-
-import css from './tools.module.less';
-
-export const ToolbarContainer = ({
-  disableTraceAndTestRun,
-}: {
-  disableTraceAndTestRun?: boolean;
-}) => {
-  const handlers = useToolbarHandlers();
-
-  if (disableTraceAndTestRun) {
-    return <></>;
-  }
-
-  return (
-    <div className={css.tools}>
-      <div>
-        <Minimap handlers={handlers} />
-        <Tools handlers={handlers} />
-      </div>
-    </div>
-  );
-};
+/*
+ * 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 { useToolbarHandlers } from '../hooks';
+import { Tools } from './tools';
+import { Minimap } from './minimap';
+
+import css from './tools.module.less';
+
+export const ToolbarContainer = ({
+  disableTraceAndTestRun,
+}: {
+  disableTraceAndTestRun?: boolean;
+}) => {
+  const handlers = useToolbarHandlers();
+
+  if (disableTraceAndTestRun) {
+    return <></>;
+  }
+
+  return (
+    <div className={css.tools}>
+      <div>
+        <Minimap handlers={handlers} />
+        <Tools handlers={handlers} />
+      </div>
+    </div>
+  );
+};

package/vendor/coze/original/toolbar-interactive.tsx

@@ -1,98 +1,98 @@
-/*
- * 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 { useEffect, useState } from 'react';
-
-import { I18n } from '@coze-arch/i18n';
-import { Tooltip } from '@coze-arch/coze-design';
-import { usePlaygroundTools } from '@flowgram-adapter/free-layout-editor';
-import { type InteractiveType as IdeInteractiveType } from '@flowgram-adapter/free-layout-editor';
-import {
-  GuidingPopover,
-  InteractiveType,
-  MousePadSelector,
-  getPreferInteractiveType,
-  setPreferInteractiveType,
-} from '@coze-common/mouse-pad-selector';
-
-export const Interactive = () => {
-  const tools = usePlaygroundTools();
-
-  const [interactiveType, setInteractiveType] = useState<InteractiveType>(
-    () => getPreferInteractiveType() as InteractiveType,
-  );
-
-  const [showInteractivePanel, setShowInteractivePanel] = useState(false);
-
-  const mousePadTooltip = I18n.t(
-    interactiveType === InteractiveType.Mouse
-      ? 'workflow_mouse_friendly'
-      : 'workflow_pad_friendly',
-  );
-
-  useEffect(() => {
-    tools.setMouseScrollDelta(zoom => zoom / 20);
-
-    // Read interactive mode from cache, application takes effect
-    const preferInteractiveType = getPreferInteractiveType();
-    tools.setInteractiveType(preferInteractiveType as IdeInteractiveType);
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- init
-  }, []);
-
-  return (
-    <GuidingPopover>
-      <Tooltip
-        content={mousePadTooltip}
-        style={{ display: showInteractivePanel ? 'none' : 'block' }}
-      >
-        <div
-          className="workflow-toolbar-interactive"
-          data-testid="workflow.detail.toolbar.interactive"
-        >
-          <MousePadSelector
-            value={interactiveType}
-            onChange={value => {
-              setInteractiveType(value);
-              setPreferInteractiveType(value);
-              tools.setInteractiveType(value as unknown as IdeInteractiveType);
-            }}
-            onPopupVisibleChange={setShowInteractivePanel}
-            containerStyle={{
-              border: 'none',
-              height: '24px',
-              width: '38px',
-              justifyContent: 'center',
-              alignItems: 'center',
-              gap: '2px',
-              padding: '4px',
-              paddingTop: '1px',
-              borderRadius: 'var(--small, 6px)',
-            }}
-            iconStyle={{
-              margin: '0',
-              width: '16px',
-              height: '16px',
-            }}
-            arrowStyle={{
-              width: '12px',
-              height: '12px',
-            }}
-          />
-        </div>
-      </Tooltip>
-    </GuidingPopover>
-  );
-};
+/*
+ * 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 { useEffect, useState } from 'react';
+
+import { I18n } from '@coze-arch/i18n';
+import { Tooltip } from '@coze-arch/coze-design';
+import { usePlaygroundTools } from '@flowgram-adapter/free-layout-editor';
+import { type InteractiveType as IdeInteractiveType } from '@flowgram-adapter/free-layout-editor';
+import {
+  GuidingPopover,
+  InteractiveType,
+  MousePadSelector,
+  getPreferInteractiveType,
+  setPreferInteractiveType,
+} from '@coze-common/mouse-pad-selector';
+
+export const Interactive = () => {
+  const tools = usePlaygroundTools();
+
+  const [interactiveType, setInteractiveType] = useState<InteractiveType>(
+    () => getPreferInteractiveType() as InteractiveType,
+  );
+
+  const [showInteractivePanel, setShowInteractivePanel] = useState(false);
+
+  const mousePadTooltip = I18n.t(
+    interactiveType === InteractiveType.Mouse
+      ? 'workflow_mouse_friendly'
+      : 'workflow_pad_friendly',
+  );
+
+  useEffect(() => {
+    tools.setMouseScrollDelta(zoom => zoom / 20);
+
+    // Read interactive mode from cache, application takes effect
+    const preferInteractiveType = getPreferInteractiveType();
+    tools.setInteractiveType(preferInteractiveType as IdeInteractiveType);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- init
+  }, []);
+
+  return (
+    <GuidingPopover>
+      <Tooltip
+        content={mousePadTooltip}
+        style={{ display: showInteractivePanel ? 'none' : 'block' }}
+      >
+        <div
+          className="workflow-toolbar-interactive"
+          data-testid="workflow.detail.toolbar.interactive"
+        >
+          <MousePadSelector
+            value={interactiveType}
+            onChange={value => {
+              setInteractiveType(value);
+              setPreferInteractiveType(value);
+              tools.setInteractiveType(value as unknown as IdeInteractiveType);
+            }}
+            onPopupVisibleChange={setShowInteractivePanel}
+            containerStyle={{
+              border: 'none',
+              height: '24px',
+              width: '38px',
+              justifyContent: 'center',
+              alignItems: 'center',
+              gap: '2px',
+              padding: '4px',
+              paddingTop: '1px',
+              borderRadius: 'var(--small, 6px)',
+            }}
+            iconStyle={{
+              margin: '0',
+              width: '16px',
+              height: '16px',
+            }}
+            arrowStyle={{
+              width: '12px',
+              height: '12px',
+            }}
+          />
+        </div>
+      </Tooltip>
+    </GuidingPopover>
+  );
+};

package/vendor/coze/original/toolbar-minimap-switch.tsx

@@ -1,41 +1,41 @@
-/*
- * 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 { I18n } from '@coze-arch/i18n';
-import { IconCozRectangleMap } from '@coze-arch/coze-design/icons';
-import { Tooltip, IconButton } from '@coze-arch/coze-design';
-
-import type { ITool } from '../type';
-
-export const MinimapSwitch = (props: ITool) => {
-  const { handlers } = props;
-  const { minimapVisible, setMinimapVisible } = handlers;
-
-  return (
-    <Tooltip content={I18n.t('workflow_toolbar_minimap_tooltips')}>
-      <IconButton
-        icon={
-          <IconCozRectangleMap
-            className={minimapVisible ? undefined : 'coz-fg-primary'}
-          />
-        }
-        color={minimapVisible ? 'highlight' : 'secondary'}
-        data-testid="workflow.detail.toolbar.minimap-switch"
-        onClick={() => setMinimapVisible(!minimapVisible)}
-      />
-    </Tooltip>
-  );
-};
+/*
+ * 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 { I18n } from '@coze-arch/i18n';
+import { IconCozRectangleMap } from '@coze-arch/coze-design/icons';
+import { Tooltip, IconButton } from '@coze-arch/coze-design';
+
+import type { ITool } from '../type';
+
+export const MinimapSwitch = (props: ITool) => {
+  const { handlers } = props;
+  const { minimapVisible, setMinimapVisible } = handlers;
+
+  return (
+    <Tooltip content={I18n.t('workflow_toolbar_minimap_tooltips')}>
+      <IconButton
+        icon={
+          <IconCozRectangleMap
+            className={minimapVisible ? undefined : 'coz-fg-primary'}
+          />
+        }
+        color={minimapVisible ? 'highlight' : 'secondary'}
+        data-testid="workflow.detail.toolbar.minimap-switch"
+        onClick={() => setMinimapVisible(!minimapVisible)}
+      />
+    </Tooltip>
+  );
+};