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

package/vendor/coze/original/sub-canvas-header.less

@@ -1,75 +1,75 @@
-.sub-canvas-header {
-  cursor: move;
-
-  z-index: 0;
-
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-
-  width: 100%;
-  height: 48px;
-  padding: 16px;
-
-  border-radius: 8px 8px 0 0;
-
-  .sub-canvas-logo {
-    position: relative;
-
-    flex-shrink: 0;
-
-    width: 24px;
-    height: 24px;
-
-    border-radius: 4px;
-
-    &::after {
-      content: '';
-
-      position: absolute;
-      top: 0;
-      left: 0;
-
-      display: block;
-
-      width: 100%;
-      height: 100%;
-
-      border-radius: 4px;
-      box-shadow: inset 0 0 0 1px var(--coz-stroke-plus);
-    }
-
-    > img {
-      width: 24px;
-      height: 24px;
-      border-radius: 4px;
-    }
-  }
-
-  .sub-canvas-title {
-    margin: 0;
-    padding: 0;
-
-    font-size: 16px;
-    font-weight: 500;
-    font-style: normal;
-    line-height: 22px;
-    color: var(--coz-fg-primary, rgba(6, 7, 9, 80%));
-    text-overflow: ellipsis;
-  }
-
-  .sub-canvas-tooltip {
-    height: 100%;
-  }
-
-  .sub-canvas-tooltip-icon {
-    display: flex;
-    align-items: center;
-
-    width: 16px;
-    height: 100%;
-
-    color: #A7A9B0;
-  }
-}
+.sub-canvas-header {
+  cursor: move;
+
+  z-index: 0;
+
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-start;
+
+  width: 100%;
+  height: 48px;
+  padding: 16px;
+
+  border-radius: 8px 8px 0 0;
+
+  .sub-canvas-logo {
+    position: relative;
+
+    flex-shrink: 0;
+
+    width: 24px;
+    height: 24px;
+
+    border-radius: 4px;
+
+    &::after {
+      content: '';
+
+      position: absolute;
+      top: 0;
+      left: 0;
+
+      display: block;
+
+      width: 100%;
+      height: 100%;
+
+      border-radius: 4px;
+      box-shadow: inset 0 0 0 1px var(--coz-stroke-plus);
+    }
+
+    > img {
+      width: 24px;
+      height: 24px;
+      border-radius: 4px;
+    }
+  }
+
+  .sub-canvas-title {
+    margin: 0;
+    padding: 0;
+
+    font-size: 16px;
+    font-weight: 500;
+    font-style: normal;
+    line-height: 22px;
+    color: var(--coz-fg-primary, rgba(6, 7, 9, 80%));
+    text-overflow: ellipsis;
+  }
+
+  .sub-canvas-tooltip {
+    height: 100%;
+  }
+
+  .sub-canvas-tooltip-icon {
+    display: flex;
+    align-items: center;
+
+    width: 16px;
+    height: 100%;
+
+    color: #A7A9B0;
+  }
+}

package/vendor/coze/original/sub-canvas-header.tsx

@@ -1,95 +1,95 @@
-/*
- * 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 { useMemo, type FC } from 'react';
-
-import { useNodeRender } from '@flowgram-adapter/free-layout-editor';
-import { WorkflowNodeData } from '@coze-workflow/nodes';
-import { useNodeTestId } from '@coze-workflow/base';
-import { IconInfo } from '@coze-arch/bot-icons';
-
-import AutoSizeTooltip from '@/ui-components/auto-size-tooltip';
-import { getBgColor } from '@/form-extensions/components/node-header/utils/get-bg-color';
-
-import { useParentNode, useSubCanvasRenderProps } from '../../hooks';
-import { NodeIcon } from '../../../node-icon';
-
-import styles from './index.module.less';
-
-export const SubCanvasHeader: FC = () => {
-  const { startDrag, onFocus, onBlur } = useNodeRender();
-  const { getNodeTestId, concatTestId } = useNodeTestId();
-
-  const { title, tooltip } = useSubCanvasRenderProps();
-
-  const parentNode = useParentNode();
-
-  const bgColor = useMemo(() => {
-    const parentNodeDataEntity =
-      parentNode.getData<WorkflowNodeData>(WorkflowNodeData);
-    const parentNodeData = parentNodeDataEntity.getNodeData();
-    if (parentNodeData?.mainColor) {
-      const OPACITY = 0.08;
-      return `linear-gradient(${getBgColor(
-        parentNodeData.mainColor,
-        OPACITY,
-      )} 0%, var(--coz-bg-plus) 100%)`;
-    } else {
-      return 'var(--coz-bg-plus)';
-    }
-  }, [parentNode]);
-
-  return (
-    <div
-      className={styles['sub-canvas-header']}
-      draggable={true}
-      onMouseDown={e => {
-        startDrag(e);
-      }}
-      onFocus={onFocus}
-      onBlur={onBlur}
-      style={{
-        background: bgColor,
-      }}
-    >
-      <NodeIcon
-        className={styles['sub-canvas-logo']}
-        nodeId={parentNode.id}
-        size={24}
-        alt="logo"
-      />
-      <p
-        className={styles['sub-canvas-title']}
-        data-testid={concatTestId(getNodeTestId(), 'title')}
-      >
-        {title}
-      </p>
-      {tooltip ? (
-        <AutoSizeTooltip
-          showArrow
-          position="top"
-          content={<span>{tooltip}</span>}
-          className={styles['sub-canvas-tooltip']}
-        >
-          <IconInfo
-            className={styles['sub-canvas-tooltip-icon']}
-            data-testid={concatTestId(getNodeTestId(), 'tips')}
-          />
-        </AutoSizeTooltip>
-      ) : null}
-    </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 { useMemo, type FC } from 'react';
+
+import { useNodeRender } from '@flowgram-adapter/free-layout-editor';
+import { WorkflowNodeData } from '@coze-workflow/nodes';
+import { useNodeTestId } from '@coze-workflow/base';
+import { IconInfo } from '@coze-arch/bot-icons';
+
+import AutoSizeTooltip from '@/ui-components/auto-size-tooltip';
+import { getBgColor } from '@/form-extensions/components/node-header/utils/get-bg-color';
+
+import { useParentNode, useSubCanvasRenderProps } from '../../hooks';
+import { NodeIcon } from '../../../node-icon';
+
+import styles from './index.module.less';
+
+export const SubCanvasHeader: FC = () => {
+  const { startDrag, onFocus, onBlur } = useNodeRender();
+  const { getNodeTestId, concatTestId } = useNodeTestId();
+
+  const { title, tooltip } = useSubCanvasRenderProps();
+
+  const parentNode = useParentNode();
+
+  const bgColor = useMemo(() => {
+    const parentNodeDataEntity =
+      parentNode.getData<WorkflowNodeData>(WorkflowNodeData);
+    const parentNodeData = parentNodeDataEntity.getNodeData();
+    if (parentNodeData?.mainColor) {
+      const OPACITY = 0.08;
+      return `linear-gradient(${getBgColor(
+        parentNodeData.mainColor,
+        OPACITY,
+      )} 0%, var(--coz-bg-plus) 100%)`;
+    } else {
+      return 'var(--coz-bg-plus)';
+    }
+  }, [parentNode]);
+
+  return (
+    <div
+      className={styles['sub-canvas-header']}
+      draggable={true}
+      onMouseDown={e => {
+        startDrag(e);
+      }}
+      onFocus={onFocus}
+      onBlur={onBlur}
+      style={{
+        background: bgColor,
+      }}
+    >
+      <NodeIcon
+        className={styles['sub-canvas-logo']}
+        nodeId={parentNode.id}
+        size={24}
+        alt="logo"
+      />
+      <p
+        className={styles['sub-canvas-title']}
+        data-testid={concatTestId(getNodeTestId(), 'title')}
+      >
+        {title}
+      </p>
+      {tooltip ? (
+        <AutoSizeTooltip
+          showArrow
+          position="top"
+          content={<span>{tooltip}</span>}
+          className={styles['sub-canvas-tooltip']}
+        >
+          <IconInfo
+            className={styles['sub-canvas-tooltip-icon']}
+            data-testid={concatTestId(getNodeTestId(), 'tips')}
+          />
+        </AutoSizeTooltip>
+      ) : null}
+    </div>
+  );
+};

package/vendor/coze/original/test-form-sheet-header.tsx

@@ -1,82 +1,82 @@
-/*
- * 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 cls from 'classnames';
-import { I18n } from '@coze-arch/i18n';
-import { IconCozCross } from '@coze-arch/coze-design/icons';
-import { IconButton } from '@coze-arch/coze-design';
-
-import { useFloatLayoutService } from '@/hooks/use-float-layout-service';
-import { useOpenTraceListPanel } from '@/hooks';
-import { useTestRunStatus } from '@/components/test-run/hooks/use-test-run-status';
-import { START_NODE_ID } from '@/components/test-run/constants';
-
-import { ExecuteState } from '../execute-result/execute-result-side-sheet/components/execute-state';
-
-import styles from './styles.module.less';
-
-export const TestFormSheetHeaderV2 = () => {
-  const { running } = useTestRunStatus(START_NODE_ID);
-
-  const floatLayoutService = useFloatLayoutService();
-
-  const { open } = useOpenTraceListPanel();
-
-  const handleOpenTraceBottomSheet = useCallback(() => {
-    // will support soon
-    if (IS_OPEN_SOURCE) {
-      return;
-    }
-    open();
-  }, [open]);
-
-  const handleClose = useCallback(() => {
-    floatLayoutService.close('right');
-  }, [floatLayoutService]);
-
-  return (
-    <div className={styles['test-form-sheet-header-v2']}>
-      <div className={cls(styles['header-title-v2'])}>
-        {I18n.t('workflow_detail_title_testrun')}
-      </div>
-
-      <div className="flex items-center">
-        {!running && (
-          <ExecuteState
-            onClick={handleOpenTraceBottomSheet}
-            hiddenStateText
-            extra={
-              // will support soon
-              !IS_OPEN_SOURCE && (
-                <span className={cls('cursor-pointer font-medium')}>
-                  {I18n.t('workflow_testset_view_log')}
-                </span>
-              )
-            }
-          />
-        )}
-        <IconButton
-          className={'ml-[4px]'}
-          icon={<IconCozCross className={'text-[18px]'} />}
-          color="secondary"
-          onClick={handleClose}
-        />
-      </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 { useCallback } from 'react';
+
+import cls from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozCross } from '@coze-arch/coze-design/icons';
+import { IconButton } from '@coze-arch/coze-design';
+
+import { useFloatLayoutService } from '@/hooks/use-float-layout-service';
+import { useOpenTraceListPanel } from '@/hooks';
+import { useTestRunStatus } from '@/components/test-run/hooks/use-test-run-status';
+import { START_NODE_ID } from '@/components/test-run/constants';
+
+import { ExecuteState } from '../execute-result/execute-result-side-sheet/components/execute-state';
+
+import styles from './styles.module.less';
+
+export const TestFormSheetHeaderV2 = () => {
+  const { running } = useTestRunStatus(START_NODE_ID);
+
+  const floatLayoutService = useFloatLayoutService();
+
+  const { open } = useOpenTraceListPanel();
+
+  const handleOpenTraceBottomSheet = useCallback(() => {
+    // will support soon
+    if (IS_OPEN_SOURCE) {
+      return;
+    }
+    open();
+  }, [open]);
+
+  const handleClose = useCallback(() => {
+    floatLayoutService.close('right');
+  }, [floatLayoutService]);
+
+  return (
+    <div className={styles['test-form-sheet-header-v2']}>
+      <div className={cls(styles['header-title-v2'])}>
+        {I18n.t('workflow_detail_title_testrun')}
+      </div>
+
+      <div className="flex items-center">
+        {!running && (
+          <ExecuteState
+            onClick={handleOpenTraceBottomSheet}
+            hiddenStateText
+            extra={
+              // will support soon
+              !IS_OPEN_SOURCE && (
+                <span className={cls('cursor-pointer font-medium')}>
+                  {I18n.t('workflow_testset_view_log')}
+                </span>
+              )
+            }
+          />
+        )}
+        <IconButton
+          className={'ml-[4px]'}
+          icon={<IconCozCross className={'text-[18px]'} />}
+          color="secondary"
+          onClick={handleClose}
+        />
+      </div>
+    </div>
+  );
+};