@fudanda/workflow 0.0.0-stage → 2.20261024.1-beta.1

package/vendor/coze/source/node-registries/end/components/terminate-plan-field.tsx

@@ -0,0 +1,29 @@
+/*
+ * 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 { TERMINATE_PLAN_PATH, defaultTerminalPlanOptions } from '../constants';
+import { RadioSetterField } from '../../common/fields';
+
+export const TerminatePlanField = () => (
+  <RadioSetterField
+    name={TERMINATE_PLAN_PATH}
+    options={{
+      direction: 'horizontal',
+      mode: 'button',
+      options: defaultTerminalPlanOptions,
+    }}
+  />
+);

package/vendor/coze/source/node-registries/end/constants.ts

@@ -0,0 +1,34 @@
+/*
+ * 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 { TerminatePlan } from './types';
+// Imported parameter path, practice running and other functions rely on this path to extract parameters
+export const INPUT_PATH = 'inputs.inputParameters';
+export const TERMINATE_PLAN_PATH = 'inputs.terminatePlan';
+export const ANSWER_CONTENT_PATH = 'inputs.content';
+export const STREAMING_OUTPUT_PATH = 'inputs.streamingOutput';
+export const defaultTerminalPlanOptions = [
+  {
+    value: TerminatePlan.ReturnVariables,
+    label: I18n.t('workflow_241111_02'),
+  },
+  {
+    value: TerminatePlan.UseAnswerContent,
+    label: I18n.t('workflow_241111_03'),
+  },
+];

package/vendor/coze/source/node-registries/end/form.tsx

@@ -0,0 +1,66 @@
+/*
+ * 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 { useNodeTestId, type InputValueVO } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+import { withNodeConfigForm } from '@/node-registries/common/hocs';
+import { useWatch } from '@/form';
+
+import { InputsParametersField, AnswerContentField } from '../common/fields';
+import { TerminatePlan } from './types';
+import {
+  INPUT_PATH,
+  TERMINATE_PLAN_PATH,
+  ANSWER_CONTENT_PATH,
+  STREAMING_OUTPUT_PATH,
+} from './constants';
+import { TerminatePlanField } from './components/terminate-plan-field';
+
+export const FormRender = withNodeConfigForm(() => {
+  const terminatePlan = useWatch<TerminatePlan>(TERMINATE_PLAN_PATH);
+  const inputParameters = useWatch<InputValueVO[]>(INPUT_PATH);
+
+  const { getNodeSetterId } = useNodeTestId();
+  const setterTestId = getNodeSetterId('');
+  return (
+    <>
+      <TerminatePlanField />
+      <InputsParametersField
+        name={INPUT_PATH}
+        title={I18n.t('workflow_detail_end_output')}
+        tooltip={I18n.t('workflow_detail_end_output_tooltip')}
+        isTree={true}
+        testId={setterTestId}
+      />
+      {terminatePlan === TerminatePlan.UseAnswerContent ? (
+        <AnswerContentField
+          editorFieldName={ANSWER_CONTENT_PATH}
+          switchFieldName={STREAMING_OUTPUT_PATH}
+          title={I18n.t('workflow_detail_end_answer')}
+          tooltip={I18n.t('workflow_detail_end_answer_tooltip')}
+          enableStreamingOutput
+          switchLabel={I18n.t('workflow_message_streaming_name')}
+          switchTooltip={I18n.t('workflow_message_streaming_tooltips')}
+          // Adapt to the old testId format
+          testId={`/${ANSWER_CONTENT_PATH.split('.').join('/')}`}
+          switchTestId={STREAMING_OUTPUT_PATH.split('.')?.at(-1)}
+          inputParameters={inputParameters}
+        />
+      ) : null}
+    </>
+  );
+});

package/vendor/coze/source/node-registries/end/types.ts

@@ -0,0 +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.
+ */
+
+import {
+  type InputValueVO,
+  type InputValueDTO,
+  type ValueExpressionDTO,
+  type NodeDataDTO as BaseNodeDataDTO,
+} from '@coze-workflow/base';
+
+export enum TerminatePlan {
+  ReturnVariables = 'returnVariables',
+  UseAnswerContent = 'useAnswerContent',
+}
+
+export type FormData = {
+  inputs: {
+    inputParameters: InputValueVO[];
+    terminatePlan?: TerminatePlan;
+    streamingOutput?: boolean;
+    content?: string;
+  };
+} & Pick<BaseNodeDataDTO, 'nodeMeta'>;
+
+export interface NodeDataDTO {
+  inputs: {
+    inputParameters?: InputValueDTO[];
+    terminatePlan?: TerminatePlan;
+    streamingOutput?: boolean;
+    content?: ValueExpressionDTO;
+  };
+}

package/vendor/coze/source/node-registries/http/components/base-editor/raw-text-editor.tsx

@@ -0,0 +1,80 @@
+/*
+ * 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 { forwardRef, useCallback, useEffect, useRef } from 'react';
+
+import { type EditorAPI } from '@coze-editor/editor/preset-universal';
+
+import { TextEditor } from '@/components/code-editor';
+
+interface RawTextEditorProps {
+  value: string;
+  onChange: (value: string) => void;
+  className?: string;
+  readonly?: boolean;
+  dataTestID?: string;
+  placeholder?: string | HTMLElement;
+  minHeight?: string | number;
+}
+
+export const BaseRawTextEditor = forwardRef<HTMLDivElement, RawTextEditorProps>(
+  (props, ref) => {
+    const { value, onChange, placeholder, className, minHeight, readonly } =
+      props;
+
+    const apiRef = useRef<EditorAPI | null>(null);
+
+    const handleChange = useCallback(
+      (e: { value: string }) => {
+        if (typeof onChange === 'function') {
+          onChange(e.value);
+        }
+      },
+      [onChange],
+    );
+
+    // Value controlled;
+    useEffect(() => {
+      const editor = apiRef.current;
+
+      if (!editor) {
+        return;
+      }
+
+      if (typeof value === 'string' && value !== editor.getValue()) {
+        editor.setValue(value);
+      }
+    }, [value]);
+
+    return (
+      <div ref={ref} className={className}>
+        <TextEditor
+          defaultValue={value ?? ''}
+          onChange={handleChange}
+          options={{
+            placeholder,
+            lineWrapping: true,
+            minHeight,
+            fontSize: 12,
+            editable: !readonly,
+            lineHeight: 20,
+          }}
+          didMount={api => (apiRef.current = api)}
+        />
+      </div>
+    );
+  },
+);

package/vendor/coze/source/node-registries/http/constants.ts

@@ -0,0 +1,80 @@
+/*
+ * 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 { ViewVariableType } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+export enum JsonEditorTheme {
+  Light = 'coze-light',
+  Dark = 'coze-dark',
+}
+
+export const PARAMS_COLUMNS = [
+  {
+    title: I18n.t('workflow_detail_node_parameter_name'),
+    style: {
+      flex: 2,
+    },
+  },
+  {
+    title: I18n.t('card_builder_api_http_params_columns_type'),
+    style: {
+      flex: 2,
+    },
+  },
+  {
+    title: I18n.t('workflow_detail_node_parameter_value'),
+    style: {
+      flex: 3,
+    },
+  },
+];
+
+export const INPUT_VALUE_COLUMNS = [
+  {
+    title: I18n.t('workflow_detail_node_parameter_name'),
+    style: {
+      flex: 2,
+    },
+  },
+  {
+    title: I18n.t('workflow_detail_node_parameter_value'),
+    style: {
+      flex: 3,
+    },
+  },
+];
+
+export enum DTOFieldType {
+  File = 'file',
+  String = 'string',
+}
+
+/**
+ * Backend Data Types - > Frontend Data Types
+ */
+export const fileTypeDTOToVO = {
+  [DTOFieldType.File]: ViewVariableType.File,
+  [DTOFieldType.String]: ViewVariableType.String,
+};
+
+/**
+ * Front-end data types - > Back-end data types
+ */
+export const fileTypeVOToDTO = {
+  [ViewVariableType.File]: DTOFieldType.File,
+  [ViewVariableType.String]: DTOFieldType.String,
+};

package/vendor/coze/source/node-registries/http/fields/json-import-editor/index.module.less

@@ -0,0 +1,191 @@
+/* stylelint-disable selector-class-pattern, no-descending-specificity */
+
+.container {
+  position: relative;
+
+  .content {
+    overflow-x: auto;
+
+    &.readonly {
+      overflow: visible;
+
+      :global {
+        .semi-tree-option-list-block .semi-tree-option:hover {
+          background-color: inherit;
+        }
+      }
+    }
+
+    .add-hot-area {
+      cursor: pointer;
+      height: 16px;
+    }
+
+    .empty-placeholder {
+      font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont,
+        'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
+        'Helvetica Neue', Helvetica, Arial, sans-serif;
+      font-size: 16px;
+      font-weight: 400;
+      font-style: normal;
+      line-height: 44px;
+      color: var(--light-usage-text-color-text-2, rgba(29, 28, 35, 60%));
+    }
+
+    :global {
+      .semi-tree-option-list {
+        overflow: initial;
+        padding: 0 0 8px;
+
+        & > div:first-child {
+          margin-top: 0;
+        }
+      }
+    }
+  }
+
+  :global {
+    .semi-tree-option-list {
+      .semi-tree-option {
+        padding-left: 8px;
+      }
+    }
+  }
+
+  &.not-readonly {
+    :global {
+      .semi-tree-option-list {
+        overflow: inherit;
+
+        .semi-tree-option {
+          padding-left: 8px;
+        }
+      }
+
+      .semi-tree-option-list-block .semi-tree-option {
+        cursor: default;
+
+        &:hover,
+        &:active {
+          background: transparent;
+        }
+      }
+    }
+
+    &:not(.could-collapse) {
+      :global {
+        .semi-tree-option.semi-tree-option-fullLabel-level-1 {
+          padding-left: 0;
+        }
+      }
+    }
+  }
+}
+
+// 导入按钮样式
+.import-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  padding: 4px 8px;
+
+  border-radius: 6px;
+
+  &:not(.semi-button-disabled):hover {
+    background-color: var(--semi-color-fill-1, rgba(46, 46, 56, 8%));
+  }
+
+  &:not(.semi-button-disabled):active {
+    background-color: var(--semi-color-fill-2, rgba(46, 46, 56, 12%));
+  }
+
+  :global {
+    p {
+      font-size: 12px;
+      font-weight: 500;
+      font-style: normal;
+      line-height: 16px;
+    }
+
+    .semi-button-content{
+      line-height: 16px;
+    }
+
+    .semi-button-content-right {
+      margin-left: 4px;
+    }
+  }
+}
+
+.import-button-disabled {
+  opacity: 0.5;
+  filter: grayscale(100%);
+}
+
+.button-icon {
+  color: var(--semi-color-primary);
+}
+
+.json-editor-container {
+  position: relative;
+
+  display: inline-block;
+
+  box-sizing: border-box;
+  width: 100%;
+
+  word-break: break-all;
+  vertical-align: bottom;
+
+  background-color: var(--semi-color-white);
+  border-radius: 8px;
+
+  transition:
+    background-color var(--semi-transition_duration-none)
+      var(--semi-transition_function-easeIn) var(--semi-transition_delay-none),
+    border var(--semi-transition_duration-none)
+      var(--semi-transition_function-easeIn) var(--semi-transition_delay-none)
+}
+
+.expand-header{
+  height: 48px;
+
+  font-size: 16px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 22px;
+
+  border-bottom: 1px solid var(--Stroke-COZ-stroke-plus, rgba(153, 182, 255, 17%));
+}
+
+.expand-header-dark{
+  --Fg-COZ-fg-secondary: rgba(255, 255, 255, 39%);
+
+  background: var(--Bg-COZ-bg-plus, #1F2533);
+}
+
+.expand-content{
+  height: calc(100% - 48px);
+}
+
+.expand-content-dark{
+  background: var(--Bg-COZ-bg-plus, #1F2533);
+}
+
+.editor-wrapper{
+  width: 100%;
+  height: 100%;
+
+  & > div{
+    height: 100%;
+  }
+}
+
+.theme-icon-dark {
+  color: var(--Fg-COZ-fg-primary,#FFFFFFC9);
+}
+
+.theme-icon-light{
+  color: var(--Fg-COZ-fg-primary, rgba(15, 21, 41, 82%));
+}

package/vendor/coze/source/node-registries/http/fields/json-import-editor/json-import-components/json-expand-editor.tsx

@@ -0,0 +1,141 @@
+/*
+ * 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 FC, useRef, useEffect } from 'react';
+
+import classNames from 'classnames';
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { EditorProvider } from '@coze-editor/editor/react';
+import { I18n } from '@coze-arch/i18n';
+import {
+  IconCozBroom,
+  IconCozMoon,
+  IconCozSun,
+} from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+import { useReadonly } from '@/nodes-v2/hooks/use-readonly';
+import {
+  useEditorThemeState,
+  EditorTheme,
+} from '@/hooks/use-editor-theme-state';
+import { ExpandEditorContainer } from '@/components/editor-container';
+
+import { InnerEditor } from '../inner-editor';
+import styles from '../index.module.less';
+
+export const JsonExpandEditor: FC<{
+  id: string;
+  value: string;
+  onChange: (data: string) => void;
+  onClose: () => void;
+}> = props => {
+  const { id, onClose, value, onChange } = props;
+  const readonly = useReadonly();
+  const editorRef = useRef<{ formatJson: () => Promise<void> }>(null);
+
+  const { isDarkTheme, setEditorTheme } = useEditorThemeState();
+
+  const handleChangeTheme = () => {
+    const nextTheme = isDarkTheme ? EditorTheme.Light : EditorTheme.Dark;
+    setEditorTheme(nextTheme);
+  };
+
+  const handleFormatJson = () => {
+    editorRef.current?.formatJson?.();
+  };
+
+  useEffect(() => {
+    if (!editorRef.current) {
+      return;
+    }
+    editorRef.current?.formatJson?.();
+  }, []);
+
+  return (
+    <ExpandEditorContainer
+      id={id}
+      onClose={onClose}
+      closeIconClassName={classNames({
+        [styles.themeIconDark]: isDarkTheme,
+      })}
+      editorTitle={'JSON'}
+      headerClassName={classNames(styles['expand-header'], {
+        [styles['expand-header-dark']]: isDarkTheme,
+      })}
+      contentClassName={classNames(styles['expand-content'], {
+        [styles['expand-content-dark']]: isDarkTheme,
+      })}
+      editorContent={
+        <PublicScopeProvider>
+          <EditorProvider>
+            <InnerEditor
+              ref={editorRef}
+              value={value}
+              placeholder={I18n.t('node_http_json_data_input')}
+              onChange={v => {
+                onChange(v as string);
+              }}
+              name={id}
+              isDarkTheme={isDarkTheme}
+              readonly={readonly}
+              minHeight="100%"
+              maxHeight="100%"
+              editerHeight="100%"
+              padding="12px"
+              editorClassName={styles.editorWrapper}
+            />
+          </EditorProvider>
+        </PublicScopeProvider>
+      }
+      actions={[
+        <Tooltip content={I18n.t('node_http_json_format')}>
+          <span>
+            <IconButton
+              onClick={handleFormatJson}
+              icon={
+                <IconCozBroom
+                  fontSize={18}
+                  className={classNames(
+                    isDarkTheme ? styles.themeIconDark : styles.themeIconLight,
+                  )}
+                />
+              }
+              size="small"
+              color="secondary"
+              aria-label="format"
+            />
+          </span>
+        </Tooltip>,
+        <span>
+          <IconButton
+            onClick={handleChangeTheme}
+            icon={
+              isDarkTheme ? (
+                <IconCozMoon fontSize={18} className={styles.themeIconDark} />
+              ) : (
+                <IconCozSun fontSize={18} className={styles.themeIconLight} />
+              )
+            }
+            size="small"
+            color="secondary"
+            aria-label="close"
+          />
+        </span>,
+      ]}
+    />
+  );
+};