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

package/vendor/coze/original/execute-result-panel.less

@@ -0,0 +1,97 @@
+.font-normal {
+  color: var(--light-usage-text-color-text-0, #1D1C23);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px;
+  /* 157.143% */
+}
+
+.container {
+  position: absolute;
+  top: -46px;
+  left: calc(100% + 16px);
+  width: 380px;
+  border-radius: 8px;
+  background: var(--light-color-grey-grey-0, #F7F7FA);
+  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.30), 0px 4px 68px 3px rgba(0, 0, 0, 0.14);
+
+  .wrapper {
+    position: relative;
+    width: 100%;
+    padding: 24px;
+
+    .delete-icon {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      padding: 4px;
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+
+        &>span {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
+    .title {
+      display: block;
+      .font-normal();
+      overflow: hidden;
+      color: var(--light-usage-text-color-text-0, #1C1F23);
+      font-size: 18px;
+      line-height: 24px;
+      /* 133.333% */
+    }
+
+    .content {
+      margin-top: 32px;
+
+      .icon-config {
+        cursor: pointer;
+        color: rgba(107, 109, 117, 1);
+      }
+
+      .block-item {
+        margin-top: 12px;
+
+        &:first-child {
+          margin-top: 0;
+        }
+
+        .info {
+          display: flex;
+          align-items: center;
+
+          .label {
+            .font-normal();
+          }
+
+          .copy {
+            margin-left: 8px;
+          }
+        }
+
+        .code {
+          max-height: 280px;
+          border-radius: 8px;
+          border: 1px solid var(--light-usage-border-color-border, rgba(29, 28, 35, 0.08));
+          background: var(--light-usage-disabled-color-disabled-fill, rgba(46, 46, 56, 0.04));
+          margin-top: 12px;
+          padding: 6px 16px;
+          overflow-y: auto;
+          user-select: text;
+          cursor: text;
+          white-space: break-spaces;
+        }
+      }
+    }
+  }
+}

package/vendor/coze/original/execute-result-panel.tsx

@@ -0,0 +1,171 @@
+/*
+ * 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 React, { useCallback } from 'react';
+
+import copy from 'copy-to-clipboard';
+import classNames from 'classnames';
+import { FlowNodeFormData } from '@flowgram-adapter/free-layout-editor';
+import { type FlowNodeEntity } from '@flowgram-adapter/free-layout-editor';
+import { DEFAULT_NODE_META_PATH } from '@coze-workflow/nodes';
+import { StandardNodeType } from '@coze-workflow/base';
+import { REPORT_EVENTS } from '@coze-arch/report-events';
+import { I18n } from '@coze-arch/i18n';
+import { safeJSONParse } from '@coze-arch/bot-utils';
+import { UIIconButton } from '@coze-arch/bot-semi';
+import { IconCopy, IconWorkflowRunResultClose } from '@coze-arch/bot-icons';
+import { CustomError } from '@coze-arch/bot-error';
+import { Toast, Tooltip } from '@coze-arch/coze-design';
+
+import { useExecStateEntity } from '../../../hooks';
+
+import styles from './index.module.less';
+
+type ExecuteResultPanelProps = React.PropsWithChildren<{
+  id: string;
+  node: FlowNodeEntity;
+  showResult: boolean;
+  onClose?: () => void;
+  className?: string;
+  style?: React.CSSProperties;
+  onClick?: (e: React.MouseEvent) => void;
+}>;
+
+/**
+ * raw_output could be a JSON string or a native string
+ */
+const getSafeOutput = (
+  type?: StandardNodeType,
+  output?: string,
+  rawOutput?: string,
+  errorInfo?: string,
+  // eslint-disable-next-line max-params
+) => {
+  let safeOutput = safeJSONParse(output, output) || {};
+  // The LLM CODE node needs to use the output package separately
+  if (type === StandardNodeType.LLM || type === StandardNodeType.Code) {
+    safeOutput = {
+      output: safeOutput,
+    };
+    if (safeOutput && rawOutput) {
+      safeOutput.raw_output = safeJSONParse(rawOutput, rawOutput);
+    }
+  }
+  if (errorInfo) {
+    safeOutput.errorInfo = errorInfo;
+  }
+  return safeOutput;
+};
+
+const JSON_STRINGIFY_FORMAT_CODE = 2;
+
+export default function ExecuteResultPanel({
+  id,
+  node,
+  showResult,
+  onClose,
+  className,
+  style,
+  onClick,
+}: ExecuteResultPanelProps) {
+  const entity = useExecStateEntity();
+
+  const executeResult = entity.getNodeExecResult(id);
+  const type = node.flowNodeType as StandardNodeType;
+  const formData = node.getData(FlowNodeFormData);
+  const title = formData?.formModel.getFormItemValueByPath(
+    node.getNodeMeta().nodeMetaPath || DEFAULT_NODE_META_PATH,
+  )?.title;
+
+  const safeOutput = getSafeOutput(
+    type,
+    executeResult?.output,
+    executeResult?.raw_output,
+    executeResult?.errorInfo,
+  );
+
+  const onCopy = useCallback((text: string) => {
+    const res = copy(text);
+    if (!res) {
+      throw new CustomError(REPORT_EVENTS.parmasValidation, 'empty copy');
+    }
+    Toast.success({
+      content: I18n.t('copy_success'),
+      showClose: false,
+    });
+  }, []);
+
+  const ShowValueOptions = [
+    {
+      label: I18n.t('workflow_detail_node_input'),
+      code: JSON.stringify(
+        safeJSONParse(executeResult?.input) ?? '{}',
+        undefined,
+        JSON_STRINGIFY_FORMAT_CODE,
+      ),
+      copyTip: I18n.t('workflow_detail_title_testrun_copyinput'),
+    },
+    {
+      label: I18n.t('workflow_detail_node_output'),
+      code: JSON.stringify(safeOutput, undefined, JSON_STRINGIFY_FORMAT_CODE),
+      copyTip: I18n.t('workflow_detail_title_testrun_copyoutput'),
+    },
+  ];
+
+  if (!showResult) {
+    return null;
+  }
+  return (
+    <div
+      className={classNames(styles.container, className, 'flow-move-hot-zone')}
+      style={style}
+      onClick={onClick}
+      data-testid="workflow.detail.node.testrun.result-panel"
+    >
+      <div className={styles.wrapper}>
+        <div className={styles['delete-icon']} onClick={onClose}>
+          <IconWorkflowRunResultClose className={styles.icon} />
+        </div>
+        <span className={styles.title}>
+          {title}&ensp;{I18n.t('workflow_detail_title_testrun_process')}
+        </span>
+        <div className={styles.content}>
+          {ShowValueOptions.map(item => (
+            <div className={styles['block-item']} key={item.label}>
+              <div className={styles.info}>
+                <span className={styles.label}>{item.label}</span>
+                <Tooltip content={item.copyTip}>
+                  <UIIconButton
+                    iconSize="small"
+                    className={styles.copy}
+                    icon={<IconCopy className={styles['icon-config']} />}
+                    onClick={() => onCopy(item.code)}
+                  />
+                </Tooltip>
+              </div>
+              <pre
+                className={classNames(styles.code, 'nowheel')}
+                data-testid="workflow.detail.node.testrun.result-item"
+              >
+                {item.code}
+              </pre>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}

package/vendor/coze/original/form-item.less

@@ -0,0 +1,39 @@
+.form-item {
+  margin-bottom: 8px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .popover {
+    display: inline-block;
+    margin-top: 2px;
+    margin-left: 4px;
+  }
+
+  .form-item-label {
+    margin-bottom: 2px;
+    font-size: 14px;
+    overflow-wrap: break-word;
+  }
+
+  &.form-item-vertical {
+    .form-item-label {
+      height: 20px;
+      margin-bottom: 4px;
+      padding-right: 16px;
+      line-height: 20px;
+
+      &.form-item-label-right {
+        text-align: right;
+      }
+    }
+  }
+
+  .form-item-error {
+    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: 14px;
+    line-height: 22px;
+    color: rgb(255, 68, 30)
+  }
+}

package/vendor/coze/original/form-item.tsx

@@ -0,0 +1,200 @@
+/*
+ * 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 React, {
+  type FC,
+  type ReactNode,
+  type CSSProperties,
+  type PropsWithChildren,
+} from 'react';
+
+import classNames from 'classnames';
+import { type WithCustomStyle } from '@coze-workflow/base/types';
+import { IconCozInfoCircle } from '@coze-arch/coze-design/icons';
+import { Row, Col } from '@coze-arch/coze-design';
+import { type ColProps } from '@coze-arch/bot-semi/Grid';
+
+import {
+  FormItemFeedback,
+  type FormItemErrorProps,
+} from '../form-item-feedback';
+import AutoSizeTooltip from '../../../ui-components/auto-size-tooltip';
+
+import s from './index.module.less';
+
+export interface FormItemProps {
+  required?: boolean;
+  hideRequiredTag?: boolean;
+  layout?: 'horizontal' | 'vertical';
+  label?: ReactNode;
+  tooltip?: ReactNode;
+  tag?: ReactNode;
+  labelAlign?: 'left' | 'right';
+  labelCol?: ColProps;
+  wrapperCol?: ColProps;
+  labelBlockStyle?: CSSProperties;
+  labelStyle?: CSSProperties;
+  labelColStyle?: CSSProperties;
+  labelClassName?: string;
+  wrapperColStyle?: CSSProperties;
+  feedbackText?: FormItemErrorProps['feedbackText'];
+  feedbackStatus?: FormItemErrorProps['feedbackStatus'];
+  disableFeedback?: boolean;
+}
+
+/**
+ * Since the semi-ui Form does not provide a FormItem component for layout, it encapsulates a FormItem separately and continues to iterate with requirements
+ */
+export const FormItem: FC<
+  PropsWithChildren<WithCustomStyle<FormItemProps>>
+> = props => {
+  const {
+    className,
+    style = {},
+    required,
+    hideRequiredTag = false,
+    layout = 'horizontal',
+    label,
+    tooltip,
+    tag,
+    labelAlign = 'left',
+    labelCol = {
+      span: 9,
+    },
+    wrapperCol = {
+      span: 15,
+    },
+    labelBlockStyle = {},
+    labelStyle = {},
+    labelColStyle = {},
+    wrapperColStyle = {},
+    labelClassName,
+    feedbackText,
+    feedbackStatus,
+    children,
+    disableFeedback = false,
+  } = props;
+  const renderLabelContent = () => (
+    <div className="flex items-center">
+      <div className="flex overflow-hidden items-center">
+        <AutoSizeTooltip
+          content={label}
+          showArrow
+          position="top"
+          className="flex-1 grow-1 truncate"
+        >
+          <span
+            className={classNames(
+              'flex-1 grow-1 truncate coz-fg-primary text-[12px] leading-[24px]',
+              labelClassName,
+            )}
+            style={labelStyle}
+          >
+            {label}
+          </span>
+        </AutoSizeTooltip>
+
+        {required && !hideRequiredTag ? (
+          <span
+            className="mt-[2px]"
+            style={{ color: 'var(--light-usage-danger-color-danger,#f93920)' }}
+          >
+            *
+          </span>
+        ) : null}
+        {tooltip ? (
+          <AutoSizeTooltip
+            showArrow
+            position="top"
+            className={s.popover}
+            content={tooltip}
+          >
+            <IconCozInfoCircle className="coz-fg-secondary text-xs" />
+          </AutoSizeTooltip>
+        ) : null}
+      </div>
+      {tag ? (
+        <div className="flex-1 shrink-0 grow-1 flex items-center">{tag}</div>
+      ) : null}
+    </div>
+  );
+
+  const showLabel = !!label;
+  if (layout === 'horizontal') {
+    return (
+      <div
+        className={classNames(s.formItem, className, {
+          [s.formItemHorizontal]: layout === 'horizontal',
+        })}
+        style={style}
+      >
+        <Row type="flex" align="middle">
+          <Col
+            {...labelCol}
+            style={{
+              ...{ alignSelf: 'flex-start' },
+              ...labelColStyle,
+            }}
+          >
+            <div
+              className={classNames(s.formItemLabel, {
+                [s.formItemLabelRight]: labelAlign === 'right',
+              })}
+            >
+              {renderLabelContent()}
+            </div>
+          </Col>
+          <Col {...wrapperCol} style={wrapperColStyle}>
+            {children}
+            {!disableFeedback && (
+              <FormItemFeedback
+                feedbackText={feedbackText}
+                feedbackStatus={feedbackStatus}
+              />
+            )}
+          </Col>
+        </Row>
+      </div>
+    );
+  } else {
+    return (
+      <div
+        className={classNames(s.formItem, className, {
+          [s.formItemVertical]: layout === 'vertical',
+        })}
+        style={style}
+      >
+        {showLabel ? (
+          <div
+            className={classNames(s.formItemLabel, {
+              [s.formItemLabelRight]: labelAlign === 'right',
+            })}
+            style={labelBlockStyle}
+          >
+            {renderLabelContent()}
+          </div>
+        ) : null}
+        <div>{children}</div>
+        {!disableFeedback && (
+          <FormItemFeedback
+            feedbackText={feedbackText}
+            feedbackStatus={feedbackStatus}
+          />
+        )}
+      </div>
+    );
+  }
+};

package/vendor/coze/original/http-api-field.tsx

@@ -0,0 +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 React from 'react';
+
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { useWorkflowNode } from '@coze-workflow/base';
+
+import { Field } from '../field';
+import { UrlContainer } from './url-container';
+
+export function HttpApiField() {
+  const { data } = useWorkflowNode();
+  const apiInfo = data?.inputs?.apiInfo;
+  const apiUrl = data?.inputs?.apiInfo?.url;
+
+  return (
+    <Field
+      labelClassName="h-full"
+      label={<div className="leading-[22px]">{apiInfo?.method}</div>}
+      isEmpty={!apiUrl}
+      customEmptyLabel={'URL'}
+    >
+      <PublicScopeProvider>
+        <UrlContainer apiUrl={apiUrl} />
+      </PublicScopeProvider>
+    </Field>
+  );
+}

package/vendor/coze/original/http-form-render.tsx

@@ -0,0 +1,102 @@
+/*
+ * 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 { ValueExpressionType, ViewVariableType } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+import { NodeConfigForm } from '@/node-registries/common/components';
+import { Section, InputNumberField } from '@/form';
+
+import { OutputsField, ParametersInputGroup } from '../common/fields';
+import { ApiSetter, AuthSetter, BodySetter } from './setters';
+import { INPUT_VALUE_COLUMNS } from './constants';
+
+const Render = () => (
+  <NodeConfigForm>
+    <ApiSetter />
+    <ParametersInputGroup
+      name="inputs.params"
+      title={I18n.t('node_http_request_params')}
+      tooltip={I18n.t('node_http_request_params_desc')}
+      hiddenTypes
+      defaultValue={[]}
+      columns={INPUT_VALUE_COLUMNS}
+      inputType={ViewVariableType.String}
+    />
+    <ParametersInputGroup
+      name="inputs.headers"
+      title={I18n.t('node_http_headers')}
+      tooltip={I18n.t('node_http_headers_desc')}
+      hiddenTypes
+      defaultValue={[]}
+      columns={INPUT_VALUE_COLUMNS}
+      defaultAppendValue={{
+        name: '',
+        type: ViewVariableType.String,
+        input: { type: ValueExpressionType.LITERAL, content: '' },
+      }}
+      inputType={ViewVariableType.String}
+    />
+    <AuthSetter setterName="inputs.auth" />
+
+    <BodySetter setterName="inputs.body" />
+
+    <Section title={I18n.t('node_http_timeout_setting')}>
+      <InputNumberField
+        name="inputs.setting.timeout"
+        defaultValue={120}
+        max={180}
+        min={0}
+        className="w-full"
+        style={{
+          height: '24px',
+          borderColor: 'var(--Stroke-COZ-stroke-plus, rgba(84, 97, 156, 0.27))',
+        }}
+      />
+    </Section>
+    <Section title={I18n.t('node_http_retry_count')}>
+      <InputNumberField
+        name="inputs.setting.retryTimes"
+        defaultValue={3}
+        max={10}
+        min={0}
+        className="w-full"
+        style={{
+          height: '24px',
+          borderColor: 'var(--Stroke-COZ-stroke-plus, rgba(84, 97, 156, 0.27))',
+        }}
+      />
+    </Section>
+    <OutputsField
+      title={I18n.t('workflow_detail_node_output')}
+      tooltip={I18n.t('node_http_response_data')}
+      id="database-node-outputs"
+      name="outputs"
+      topLevelReadonly={true}
+      disabledTypes={[
+        ViewVariableType.Object,
+        ViewVariableType.ArrayBoolean,
+        ViewVariableType.ArrayObject,
+        ViewVariableType.ArrayInteger,
+        ViewVariableType.ArrayNumber,
+        ViewVariableType.ArrayString,
+      ]}
+      customReadonly
+    />
+  </NodeConfigForm>
+);
+
+export default Render;

package/vendor/coze/original/icon-add.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C11.4477 2 11 2.44772 11 3V11H3C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13H11V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H13V3C13 2.44772 12.5523 2 12 2Z" fill="currentColor"/>
+</svg>

package/vendor/coze/original/icon-arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8619 1.52864C11.1223 1.78899 11.1223 2.2111 10.8619 2.47145L5.33333 8.00004L10.8619 13.5286C11.1223 13.789 11.1223 14.2111 10.8619 14.4714C10.6016 14.7318 10.1795 14.7318 9.91912 14.4714L4.39052 8.94285C3.86983 8.42215 3.86982 7.57793 4.39052 7.05723L9.91912 1.52864C10.1795 1.26829 10.6016 1.26829 10.8619 1.52864Z" fill="#1D1C23" fill-opacity="0.6"/>
+</svg>

package/vendor/coze/original/icon-auto-layout.svg

@@ -0,0 +1,18 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_6392_67566" fill="white">
+<rect x="1.33325" y="1.33398" width="6" height="7.33333" rx="0.666667"/>
+</mask>
+<rect x="1.33325" y="1.33398" width="6" height="7.33333" rx="0.666667" stroke="#1D1C23" stroke-opacity="0.8" stroke-width="2.66667" mask="url(#path-1-inside-1_6392_67566)"/>
+<mask id="path-2-inside-2_6392_67566" fill="white">
+<rect x="14.6667" y="14.666" width="6" height="7.33333" rx="0.666667"/>
+</mask>
+<rect x="14.6667" y="14.666" width="6" height="7.33333" rx="0.666667" transform="rotate(180 14.6667 14.666)" stroke="#1D1C23" stroke-opacity="0.8" stroke-width="2.66667" mask="url(#path-2-inside-2_6392_67566)"/>
+<mask id="path-3-inside-3_6392_67566" fill="white">
+<rect x="1.33325" y="10" width="6" height="4.66667" rx="0.666667"/>
+</mask>
+<rect x="1.33325" y="10" width="6" height="4.66667" rx="0.666667" stroke="#1D1C23" stroke-opacity="0.8" stroke-width="2.66667" mask="url(#path-3-inside-3_6392_67566)"/>
+<mask id="path-4-inside-4_6392_67566" fill="white">
+<rect x="14.6667" y="6" width="6" height="4.66667" rx="0.666667"/>
+</mask>
+<rect x="14.6667" y="6" width="6" height="4.66667" rx="0.666667" transform="rotate(180 14.6667 6)" stroke="#1D1C23" stroke-opacity="0.8" stroke-width="2.66667" mask="url(#path-4-inside-4_6392_67566)"/>
+</svg>