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

package/vendor/coze/original/test-form-sheet.less

@@ -1,178 +1,178 @@
-.test-form-sheet-header-v2 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  width: 100%;
-  height: 48px;
-  min-height: 48px;
-  padding: 0 8px 0 16px;
-
-  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
-  border-bottom: 1px solid var(--coz-stroke-primary);
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-
-
-  .header-title-v2 {
-    font-size: 16px;
-    font-weight: 500;
-  }
-
-  .animation-show-transform  {
-    animation: show-animation-transform 0.3s forwards;
-  }
-
-  .animation-hide-transform {
-    animation: hide-animation-transform 0.3s forwards;
-  }
-
-  @keyframes show-animation-transform {
-    0% {
-      transform: translateX(-100%);
-      opacity: 0;
-    }
-
-    100% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes hide-animation-transform  {
-    0% {
-      transform: translateX(0);
-      opacity: 1;
-    }
-
-    100% {
-      transform: translateX(-100%);
-      opacity: 0;
-    }
-  }
-
-
-  .animation-show-opacity {
-    animation: show-animation-opacity 0.3s forwards;
-  }
-
-  .animation-hide-opacity {
-    animation: hide-animation-opacity 0.3s forwards;
-  }
-
-  @keyframes show-animation-opacity {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  @keyframes hide-animation-opacity {
-    0% {
-      opacity: 1;
-    }
-
-    100% {
-      opacity: 0;
-    }
-  }
-}
-
-.test-form-v2 {
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-
-  width: 100%;
-  height: 100%;
-
-  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
-  border: 1px solid #e6e8f2;
-  border-radius: 8px;
-}
-
-
-.test-form-content {
-  position: relative;
-
-  overflow-y: auto;
-  flex: 1;
-
-  width: 100%;
-  height: 100%;
-}
-
-.test-form-sheet-footer-v2 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 100%;
-  height: 56px;
-
-  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
-  border-top: 1px solid var(--coz-stroke-primary);
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-
-  button {
-    width: calc(100% - 32px);
-  }
-}
-
-
-.auto-gen-button {
-  background: linear-gradient(90deg, rgba(148, 152, 247, 44%) 0%, rgba(216, 138, 255, 46%) 100%);
-
-  svg {
-    color: #4E40E5;
-  }
-}
-
-.test-form-content-absolute {
-  position: absolute;
-  overflow: hidden;
-  height: 0;
-}
-
-.title-border-top {
-  border-top: 1px solid var(--coz-stroke-primary);
-}
-
-.title-border-bottom-show {
-  border-bottom: 1px solid var(--coz-stroke-primary);
-}
-
-.title-border-bottom-hidden {
-  border-bottom: 1px solid transparent;
-}
-
-.title-extra {
-  right: 16px;
-}
-
-.output-log {
-  min-height: calc(100% - 50px);
-}
-
-.blink {
-  animation: blink-bg-animation 1s ease-in-out;
-
-  @keyframes blink-bg-animation {
-    0%, 100% {
-      background-color: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
-    }
-
-    50% {
-      background-color: rgba(116, 212, 149, 10%);
-    }
-  }
-}
-
-.content-bg-color {
-  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
-}
+.test-form-sheet-header-v2 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  width: 100%;
+  height: 48px;
+  min-height: 48px;
+  padding: 0 8px 0 16px;
+
+  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
+  border-bottom: 1px solid var(--coz-stroke-primary);
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+
+
+  .header-title-v2 {
+    font-size: 16px;
+    font-weight: 500;
+  }
+
+  .animation-show-transform  {
+    animation: show-animation-transform 0.3s forwards;
+  }
+
+  .animation-hide-transform {
+    animation: hide-animation-transform 0.3s forwards;
+  }
+
+  @keyframes show-animation-transform {
+    0% {
+      transform: translateX(-100%);
+      opacity: 0;
+    }
+
+    100% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes hide-animation-transform  {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    100% {
+      transform: translateX(-100%);
+      opacity: 0;
+    }
+  }
+
+
+  .animation-show-opacity {
+    animation: show-animation-opacity 0.3s forwards;
+  }
+
+  .animation-hide-opacity {
+    animation: hide-animation-opacity 0.3s forwards;
+  }
+
+  @keyframes show-animation-opacity {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes hide-animation-opacity {
+    0% {
+      opacity: 1;
+    }
+
+    100% {
+      opacity: 0;
+    }
+  }
+}
+
+.test-form-v2 {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+
+  width: 100%;
+  height: 100%;
+
+  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
+  border: 1px solid #e6e8f2;
+  border-radius: 8px;
+}
+
+
+.test-form-content {
+  position: relative;
+
+  overflow-y: auto;
+  flex: 1;
+
+  width: 100%;
+  height: 100%;
+}
+
+.test-form-sheet-footer-v2 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 56px;
+
+  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
+  border-top: 1px solid var(--coz-stroke-primary);
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+
+  button {
+    width: calc(100% - 32px);
+  }
+}
+
+
+.auto-gen-button {
+  background: linear-gradient(90deg, rgba(148, 152, 247, 44%) 0%, rgba(216, 138, 255, 46%) 100%);
+
+  svg {
+    color: #4E40E5;
+  }
+}
+
+.test-form-content-absolute {
+  position: absolute;
+  overflow: hidden;
+  height: 0;
+}
+
+.title-border-top {
+  border-top: 1px solid var(--coz-stroke-primary);
+}
+
+.title-border-bottom-show {
+  border-bottom: 1px solid var(--coz-stroke-primary);
+}
+
+.title-border-bottom-hidden {
+  border-bottom: 1px solid transparent;
+}
+
+.title-extra {
+  right: 16px;
+}
+
+.output-log {
+  min-height: calc(100% - 50px);
+}
+
+.blink {
+  animation: blink-bg-animation 1s ease-in-out;
+
+  @keyframes blink-bg-animation {
+    0%, 100% {
+      background-color: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
+    }
+
+    50% {
+      background-color: rgba(116, 212, 149, 10%);
+    }
+  }
+}
+
+.content-bg-color {
+  background: var(--coz-bg-plus, rgba(252, 252, 255, 100%));
+}

package/vendor/coze/original/toolbar-add-node.tsx

@@ -1,68 +1,68 @@
-/*
- * 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 { useRef, type RefObject } from 'react';
-
-import { debounce } from 'lodash-es';
-import { I18n } from '@coze-arch/i18n';
-import { IconCozPlus } from '@coze-arch/coze-design/icons';
-import { Button } from '@coze-arch/coze-design';
-
-import type { ITool } from '../type';
-import { ADD_NODE_BUTTON_ID } from '../constants';
-export const AddNode = (
-  props: ITool & { toolbarRef?: RefObject<HTMLDivElement | undefined> },
-) => {
-  const { handlers, toolbarRef } = props;
-  const { addNode } = handlers;
-
-  const addNodePanelVisibleRef = useRef(false);
-
-  const handleAddNode = (rect: DOMRect) => {
-    if (addNodePanelVisibleRef.current) {
-      return;
-    }
-    addNodePanelVisibleRef.current = true;
-    const toolbarRect = toolbarRef?.current?.getBoundingClientRect();
-    toolbarRect ? (rect = toolbarRect) : null;
-
-    return addNode(rect).finally(
-      () => (addNodePanelVisibleRef.current = false),
-    );
-  };
-  const debounceAddNode = debounce(handleAddNode, 100);
-  return (
-    <Button
-      icon={<IconCozPlus />}
-      color="highlight"
-      id={ADD_NODE_BUTTON_ID}
-      onClick={event => {
-        debounceAddNode.cancel();
-        handleAddNode(event.currentTarget.getBoundingClientRect());
-      }}
-      onMouseEnter={event => {
-        const rect = event.currentTarget.getBoundingClientRect();
-        debounceAddNode(rect);
-      }}
-      onMouseLeave={() => {
-        debounceAddNode.cancel();
-      }}
-      data-testid="workflow.detail.toolbar.add-node"
-    >
-      {I18n.t('workflow_toolbar_add_node')}
-    </Button>
-  );
-};
+/*
+ * 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 { useRef, type RefObject } from 'react';
+
+import { debounce } from 'lodash-es';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozPlus } from '@coze-arch/coze-design/icons';
+import { Button } from '@coze-arch/coze-design';
+
+import type { ITool } from '../type';
+import { ADD_NODE_BUTTON_ID } from '../constants';
+export const AddNode = (
+  props: ITool & { toolbarRef?: RefObject<HTMLDivElement | undefined> },
+) => {
+  const { handlers, toolbarRef } = props;
+  const { addNode } = handlers;
+
+  const addNodePanelVisibleRef = useRef(false);
+
+  const handleAddNode = (rect: DOMRect) => {
+    if (addNodePanelVisibleRef.current) {
+      return;
+    }
+    addNodePanelVisibleRef.current = true;
+    const toolbarRect = toolbarRef?.current?.getBoundingClientRect();
+    toolbarRect ? (rect = toolbarRect) : null;
+
+    return addNode(rect).finally(
+      () => (addNodePanelVisibleRef.current = false),
+    );
+  };
+  const debounceAddNode = debounce(handleAddNode, 100);
+  return (
+    <Button
+      icon={<IconCozPlus />}
+      color="highlight"
+      id={ADD_NODE_BUTTON_ID}
+      onClick={event => {
+        debounceAddNode.cancel();
+        handleAddNode(event.currentTarget.getBoundingClientRect());
+      }}
+      onMouseEnter={event => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        debounceAddNode(rect);
+      }}
+      onMouseLeave={() => {
+        debounceAddNode.cancel();
+      }}
+      data-testid="workflow.detail.toolbar.add-node"
+    >
+      {I18n.t('workflow_toolbar_add_node')}
+    </Button>
+  );
+};

package/vendor/coze/original/toolbar-auto-layout.tsx

@@ -1,61 +1,61 @@
-/*
- * 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 } from 'react';
-
-import { reporter } from '@coze-arch/logger';
-import { I18n } from '@coze-arch/i18n';
-import { IconCozAutoLayout } from '@coze-arch/coze-design/icons';
-import { IconButton, Tooltip } from '@coze-arch/coze-design';
-import { useEntity, usePlayground } from '@flowgram-adapter/free-layout-editor';
-
-import { useAutoLayout } from '../hooks';
-import { WorkflowGlobalStateEntity } from '../../../entities';
-
-export const AutoLayout = () => {
-  const runAutoLayout = useAutoLayout();
-  const playground = usePlayground();
-  const workflowState = useEntity<WorkflowGlobalStateEntity>(
-    WorkflowGlobalStateEntity,
-  );
-  const { workflowId } = workflowState;
-  const autoLayout = useCallback(async () => {
-    await runAutoLayout();
-    reporter.event({
-      eventName: 'workflow_control_auto_layout',
-      namespace: 'workflow',
-      scope: 'control', // Secondary namespace to refine specific scenarios
-      meta: {
-        workflowId,
-      }, // For other custom information, try to avoid reporting irrelevant or redundant information
-    });
-  }, [runAutoLayout, workflowId]);
-
-  if (playground.config.readonly) {
-    return <></>;
-  }
-
-  return (
-    <Tooltip content={I18n.t('workflow_detail_layout_optimization_tooltip')}>
-      <IconButton
-        onClick={autoLayout}
-        icon={<IconCozAutoLayout className="coz-fg-primary" />}
-        color="secondary"
-        data-testid="workflow.detail.toolbar.auto-layout"
-      />
-    </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 } from 'react';
+
+import { reporter } from '@coze-arch/logger';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozAutoLayout } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+import { useEntity, usePlayground } from '@flowgram-adapter/free-layout-editor';
+
+import { useAutoLayout } from '../hooks';
+import { WorkflowGlobalStateEntity } from '../../../entities';
+
+export const AutoLayout = () => {
+  const runAutoLayout = useAutoLayout();
+  const playground = usePlayground();
+  const workflowState = useEntity<WorkflowGlobalStateEntity>(
+    WorkflowGlobalStateEntity,
+  );
+  const { workflowId } = workflowState;
+  const autoLayout = useCallback(async () => {
+    await runAutoLayout();
+    reporter.event({
+      eventName: 'workflow_control_auto_layout',
+      namespace: 'workflow',
+      scope: 'control', // Secondary namespace to refine specific scenarios
+      meta: {
+        workflowId,
+      }, // For other custom information, try to avoid reporting irrelevant or redundant information
+    });
+  }, [runAutoLayout, workflowId]);
+
+  if (playground.config.readonly) {
+    return <></>;
+  }
+
+  return (
+    <Tooltip content={I18n.t('workflow_detail_layout_optimization_tooltip')}>
+      <IconButton
+        onClick={autoLayout}
+        icon={<IconCozAutoLayout className="coz-fg-primary" />}
+        color="secondary"
+        data-testid="workflow.detail.toolbar.auto-layout"
+      />
+    </Tooltip>
+  );
+};