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

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-operator/index.module.less

@@ -0,0 +1,51 @@
+/* stylelint-disable selector-class-pattern */
+.container {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+  justify-content: flex-start;
+
+  height: 24px;
+
+  .icon-no {
+    display: flex;
+    align-items: center;
+
+    .icon {
+      cursor: pointer;
+      width: 16px;
+      height: 16px;
+      color: #888D92;
+
+      &.disabled {
+        cursor: not-allowed;
+      }
+
+      &>svg {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+
+  .add {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+
+    font-size: 14px;
+    font-weight: 600;
+    font-style: normal;
+    line-height: 16px;
+    color: #4D53E8;
+  }
+
+  :global {
+    .icon-icon-coz_add_node {
+      font-size: 14px;
+    }
+  }
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-operator/index.tsx

@@ -0,0 +1,107 @@
+/*
+ * 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.
+ */
+
+/* eslint-disable @coze-arch/no-deep-relative-import */
+import React from 'react';
+
+import classNames from 'classnames';
+import { useNodeTestId } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozMinus } from '@coze-arch/coze-design/icons';
+import { Tooltip, IconButton } from '@coze-arch/coze-design';
+
+import { type TreeNodeCustomData } from '../../type';
+import { ObjectLikeTypes } from '../../constants';
+import { useOutputTreeContext } from '../../../../context';
+import AddOperation from '../../../../../../../ui-components/add-operation';
+
+import styles from './index.module.less';
+
+interface ParamOperatorProps {
+  data: TreeNodeCustomData;
+  level: number;
+  onAppend: () => void;
+  onDelete: () => void;
+  onEnabledChange: (enabled: boolean) => void;
+  disableDelete: boolean;
+  hasObjectLike?: boolean;
+  needRenderAppendChild?: boolean;
+  disabled?: boolean;
+}
+
+export default function ParamOperator({
+  data,
+  level,
+  onDelete,
+  onAppend,
+  disableDelete,
+  hasObjectLike,
+  disabled,
+  needRenderAppendChild = true,
+}: ParamOperatorProps) {
+  const { isPreset } = data;
+  const { testId } = useOutputTreeContext();
+  const { concatTestId } = useNodeTestId();
+  const isLimited = level >= 3;
+  // Whether to display the button for adding a child item
+  const _needRenderAppendChild =
+    ObjectLikeTypes.includes(data.type) && !isLimited;
+
+  return (
+    <div className={classNames(styles.container, 'gap-1')}>
+      {hasObjectLike ? (
+        <div className={styles.add}>
+          <Tooltip content={I18n.t('workflow_detail_node_output_add_subitem')}>
+            <div>
+              {_needRenderAppendChild && needRenderAppendChild ? (
+                <AddOperation
+                  data-testid={concatTestId(
+                    testId ?? '',
+                    data.field,
+                    'add-sub-param',
+                  )}
+                  size="small"
+                  color="secondary"
+                  className="cursor-pointer"
+                  onClick={onAppend}
+                  subitem={true}
+                />
+              ) : null}
+            </div>
+          </Tooltip>
+        </div>
+      ) : null}
+      {isPreset && !disabled ? (
+        <div className="w-6" />
+      ) : (
+        <IconButton
+          className="!block"
+          size="small"
+          color="secondary"
+          disabled={disableDelete}
+          data-testid={concatTestId(testId ?? '', data.field, 'remove-param')}
+          onClick={() => {
+            if (disableDelete) {
+              return;
+            }
+            onDelete();
+          }}
+          icon={<IconCozMinus className="text-sm" />}
+        />
+      )}
+    </div>
+  );
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-required/index.module.less

@@ -0,0 +1,17 @@
+.container {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  justify-content: center;
+
+  height: 24px;
+
+  .switch {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+  }
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-required/index.tsx

@@ -0,0 +1,53 @@
+/*
+ * 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.
+ */
+
+/* eslint-disable @coze-arch/no-deep-relative-import */
+import React from 'react';
+
+import { useNodeTestId } from '@coze-workflow/base';
+import { Checkbox as UICheckbox } from '@coze-arch/coze-design';
+
+import { type TreeNodeCustomData } from '../../type';
+import { useOutputTreeContext } from '../../../../context';
+
+import styles from './index.module.less';
+
+interface ParamRequiredProps {
+  data: TreeNodeCustomData;
+  disabled?: boolean;
+  onChange: (required: boolean) => void;
+}
+
+export default function ParamRequired({
+  data,
+  disabled,
+  onChange,
+}: ParamRequiredProps) {
+  const { concatTestId } = useNodeTestId();
+  const { testId } = useOutputTreeContext();
+  return (
+    <div className={styles.container}>
+      <div className={styles.switch}>
+        <UICheckbox
+          data-testid={concatTestId(testId ?? '', data.field, 'required')}
+          disabled={disabled}
+          checked={data.required}
+          onChange={e => onChange(e.target.checked || false)}
+        ></UICheckbox>
+      </div>
+    </div>
+  );
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-type/constants.tsx

@@ -0,0 +1,77 @@
+/*
+ * 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 ReactNode } from 'react';
+
+import { ViewVariableType } from '@coze-workflow/base/types';
+import {
+  IconCozNumber,
+  IconCozNumberBracket,
+  IconCozString,
+  IconCozStringBracket,
+  IconCozBoolean,
+  IconCozBooleanBracket,
+  IconCozBrace,
+  IconCozBraceBracket,
+  IconCozFolder,
+  IconCozFolderBracket,
+  IconCozImage,
+  IconCozImageBracket,
+  IconCozSound,
+  IconCozNumberInt,
+  IconCozNumberIntBracket,
+  IconCozClock,
+  IconCozClockBracket,
+} from '@coze-arch/coze-design/icons';
+
+export const VARIABLE_TYPE_ICONS_MAP: Record<ViewVariableType, ReactNode> = {
+  [ViewVariableType.String]: <IconCozString />,
+  [ViewVariableType.Integer]: <IconCozNumberInt />,
+  [ViewVariableType.Boolean]: <IconCozBoolean />,
+  [ViewVariableType.Number]: <IconCozNumber />,
+  [ViewVariableType.Object]: <IconCozBrace />,
+  [ViewVariableType.Image]: <IconCozImage />,
+  [ViewVariableType.File]: <IconCozFolder />,
+  [ViewVariableType.Doc]: <IconCozFolder />,
+  [ViewVariableType.Code]: <IconCozFolder />,
+  [ViewVariableType.Ppt]: <IconCozFolder />,
+  [ViewVariableType.Txt]: <IconCozFolder />,
+  [ViewVariableType.Excel]: <IconCozFolder />,
+  [ViewVariableType.Audio]: <IconCozFolder />,
+  [ViewVariableType.Zip]: <IconCozFolder />,
+  [ViewVariableType.Video]: <IconCozFolder />,
+  [ViewVariableType.Svg]: <IconCozImage />,
+  [ViewVariableType.Voice]: <IconCozSound />,
+  [ViewVariableType.Time]: <IconCozClock />,
+  [ViewVariableType.ArrayString]: <IconCozStringBracket />,
+  [ViewVariableType.ArrayInteger]: <IconCozNumberIntBracket />,
+  [ViewVariableType.ArrayBoolean]: <IconCozBooleanBracket />,
+  [ViewVariableType.ArrayNumber]: <IconCozNumberBracket />,
+  [ViewVariableType.ArrayObject]: <IconCozBraceBracket />,
+  [ViewVariableType.ArrayImage]: <IconCozImageBracket />,
+  [ViewVariableType.ArrayFile]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayDoc]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayCode]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayPpt]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayTxt]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayExcel]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayAudio]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayZip]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayVideo]: <IconCozFolderBracket />,
+  [ViewVariableType.ArraySvg]: <IconCozImageBracket />,
+  [ViewVariableType.ArrayVoice]: <IconCozFolderBracket />,
+  [ViewVariableType.ArrayTime]: <IconCozClockBracket />,
+};

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-type/index.module.less

@@ -0,0 +1,97 @@
+/* stylelint-disable max-nesting-depth */
+.container {
+  // align-items: center;
+  position: relative;
+  flex-direction: column;
+  align-self: stretch;
+
+  .pop-container {
+    align-self: self-start;
+  }
+
+  .param-type {
+    height: 32px;
+    padding: 0 1px;
+  }
+
+  // 已经无用，可以删除，添加子项按钮已经放在单独组件中了
+  .param-operator {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    align-self: stretch;
+    justify-content: flex-start;
+
+    width: 86px;
+    height: 32px;
+    margin-left: 8px;
+
+    .icon-no {
+      display: flex;
+      align-items: center;
+
+      .icon {
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        color: #888D92;
+
+        &.disabled {
+          cursor: not-allowed;
+        }
+
+        &>svg {
+          width: 20px;
+          height: 20px;
+        }
+      }
+    }
+
+    .add {
+      cursor: pointer;
+
+      margin-left: 8px;
+
+      font-size: 12px;
+      font-weight: 600;
+      font-style: normal;
+      line-height: 16px;
+      color: #4D53E8;
+    }
+  }
+
+  :global {
+    .semi-cascader {
+      width: 0;
+      min-width: 100%;
+    }
+
+    .semi-cascader-selection {
+      padding-right: 0;
+      padding-left: 4px;
+
+      .icon-icon {
+        flex-shrink: 0;
+        font-size: 16px;
+      }
+    }
+
+    .semi-cascader-arrow {
+      flex-shrink: 0;
+    }
+
+    .semi-input-wrapper.semi-input-wrapper-small {
+      background-color: #FFF;
+
+      &:not(.semi-input-wrapper-focus, .semi-input-wrapper-disabled) {
+        &:hover {
+          background-color: rgba(var(--coze-bg-5),var(--coze-bg-5-alpha));
+        }
+
+        &:active {
+          background-color: rgba(var(--coze-bg-6), var(--coze-bg-6-alpha));
+        }
+      }
+    }
+  }
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/components/param-type/index.tsx

@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+
+/* eslint-disable @coze-arch/no-deep-relative-import */
+import React, { useState } from 'react';
+
+import classNames from 'classnames';
+import {
+  FILE_TYPES,
+  VARIABLE_TYPE_ALIAS_MAP,
+  type ViewVariableType,
+  useNodeTestId,
+} from '@coze-workflow/base';
+import { IconCozArrowDown } from '@coze-arch/coze-design/icons';
+import { Tooltip } from '@coze-arch/coze-design';
+import { type SelectProps } from '@coze-arch/bot-semi/Select';
+
+import { VariableTypeSelector } from '@/form-extensions/components/variable-type-selector';
+
+import { type TreeNodeCustomData } from '../../type';
+import { useOutputTreeContext } from '../../../../context';
+import { ValidationErrorWrapper } from '../../../../../validation/validation-error-wrapper';
+import { VARIABLE_TYPE_ICONS_MAP } from './constants';
+
+import styles from './index.module.less';
+
+interface ParamTypeProps {
+  data: TreeNodeCustomData;
+  level: number;
+  onSelectChange?: SelectProps['onChange'];
+  disabled?: boolean;
+  /** Types not supported */
+  disabledTypes?: ViewVariableType[];
+  /** hidden type */
+  hiddenTypes?: ViewVariableType[];
+  style?: React.CSSProperties;
+}
+
+const defaultDisabledTypes = [];
+// Currently only the start node supports declaring file type variables
+const defaultHiddenTypes = FILE_TYPES;
+
+export default function ParamType({
+  data,
+  onSelectChange,
+  level,
+  disabled,
+  disabledTypes = defaultDisabledTypes,
+  hiddenTypes = defaultHiddenTypes,
+  style,
+}: ParamTypeProps) {
+  const { testId } = useOutputTreeContext();
+  const { concatTestId } = useNodeTestId();
+
+  const [focused, setFocused] = useState(false);
+
+  return (
+    <ValidationErrorWrapper
+      path={`${data.field?.slice(data.field.indexOf('['))}.type`}
+      className={styles.container}
+      style={style}
+      errorCompClassName={'output-param-name-error-type'}
+    >
+      {options =>
+        disabled ? (
+          <div className="flex items-center w-full h-6">
+            <div className="coz-fg-secondary font-medium text-xs truncate  coz-mg-plus px-1 py-0.5 rounded-[5px]">
+              {VARIABLE_TYPE_ALIAS_MAP[data.type] || ''}
+            </div>
+          </div>
+        ) : (
+          <VariableTypeSelector
+            value={data.type}
+            level={level}
+            disabled={disabled}
+            disabledTypes={disabledTypes}
+            hiddenTypes={hiddenTypes}
+            onChange={val => {
+              let newVal = val;
+              if (Array.isArray(val)) {
+                newVal = val[val.length - 1];
+              }
+              onSelectChange?.(newVal);
+              options.onChange();
+            }}
+            onBlur={() => {
+              setFocused(false);
+              options.onBlur();
+            }}
+            onFocus={() => setFocused(true)}
+            validateStatus={options.showError ? 'error' : 'default'}
+          >
+            <div
+              className={classNames('w-full', {
+                'bg-transparent': !disabled,
+                'bg-[--semi-color-disabled-fill]': disabled,
+              })}
+            >
+              <Tooltip
+                style={{ pointerEvents: 'none' }}
+                content={VARIABLE_TYPE_ALIAS_MAP[data.type]}
+              >
+                <div
+                  data-testid={concatTestId(
+                    testId ?? '',
+                    data.field,
+                    'param-type-select',
+                  )}
+                  className={classNames(
+                    `flex items-center justify-between gap-0.5 pl-[3px] pr-[3px] rounded-[6px] ${
+                      disabled ? 'cursor-not-allowed' : 'cursor-pointer'
+                    }`,
+                    'border border-solid bg-transparent',
+                    {
+                      'semi-input-wrapper-error': options.showError,
+                      'coz-stroke-plus': !options.showError && !disabled,
+                      '!bg-transparent': focused,
+                      '!coz-stroke-hglt': focused && !options.showError,
+                      'border-stroke': disabled,
+                    },
+                    'hover:coz-mg-primary-hovered',
+                    'semi-input-wrapper semi-input-wrapper-small',
+                  )}
+                >
+                  <div className="coz-fg-primary truncate text-xs gap-1 items-center flex">
+                    <div className="h-[12px] flex-grow coz-fg-secondary text-[16px] flex items-center">
+                      {VARIABLE_TYPE_ICONS_MAP[data.type]}
+                    </div>
+                    <div className="truncate">
+                      {VARIABLE_TYPE_ALIAS_MAP[data.type]}
+                    </div>
+                  </div>
+                  <IconCozArrowDown className="coz-fg-secondary min-w-[16px] text-[16px]" />
+                </div>
+              </Tooltip>
+            </div>
+          </VariableTypeSelector>
+        )
+      }
+    </ValidationErrorWrapper>
+  );
+}

package/vendor/coze/source/form-extensions/components/output-tree/components/custom-tree-node/constants.ts

@@ -0,0 +1,38 @@
+/*
+ * 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';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const ObjectLikeTypes = [
+  ViewVariableType.Object,
+  ViewVariableType.ArrayObject,
+];
+
+export enum ChangeMode {
+  Update,
+  Delete,
+  Append,
+  DeleteChildren,
+}
+
+export enum DescriptionLine {
+  Single = 'singleline',
+  Multi = 'multiline',
+}
+
+// Name up to 20 characters
+export const MAX_NAME_LENGTH = 20;