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

package/vendor/coze/source/form-extensions/components/literal-value-input/input-integer.tsx

@@ -0,0 +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 { type FC } from 'react';
+
+import classNames from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { CozInputNumber } from '@coze-arch/coze-design';
+
+import { type LiteralValueInputProps } from './type';
+
+import styles from './styles.module.less';
+export const InputInteger: FC<LiteralValueInputProps> = ({
+  className,
+  value,
+  defaultValue,
+  disabled,
+  testId,
+  onChange,
+  onBlur,
+  onFocus,
+  placeholder,
+  validateStatus,
+  config = {},
+  style,
+}) => {
+  const { min, max } = config;
+  return (
+    <CozInputNumber
+      className={classNames(className, styles['input-number'])}
+      data-testid={testId}
+      disabled={disabled}
+      defaultValue={defaultValue as number}
+      value={value as number}
+      onChange={onChange}
+      onBlur={e => {
+        // Get the rounded value
+        setTimeout(() => {
+          onBlur?.(e.target.value);
+        }, 15);
+      }}
+      onFocus={onFocus}
+      placeholder={
+        placeholder || I18n.t('workflow_detail_node_input_selectvalue')
+      }
+      precision={0.1}
+      validateStatus={validateStatus}
+      style={style}
+      min={min}
+      max={max}
+      size="small"
+      hideButtons
+    />
+  );
+};

package/vendor/coze/source/form-extensions/components/literal-value-input/input-number.tsx

@@ -0,0 +1,62 @@
+/*
+ * 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 } from 'react';
+
+import classNames from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { CozInputNumber } from '@coze-arch/coze-design';
+
+import { type LiteralValueInputProps } from './type';
+
+import styles from './styles.module.less';
+export const InputNumber: FC<LiteralValueInputProps> = ({
+  className,
+  value,
+  defaultValue,
+  disabled,
+  testId,
+  onChange,
+  onBlur,
+  onFocus,
+  placeholder,
+  validateStatus,
+  config = {},
+  style,
+}) => {
+  const { min, max } = config;
+  return (
+    <CozInputNumber
+      className={classNames(className, styles['input-number'])}
+      data-testid={testId}
+      disabled={disabled}
+      defaultValue={defaultValue as number}
+      value={value as number}
+      onChange={onChange}
+      onBlur={e => onBlur?.(e.target.value)}
+      onFocus={onFocus}
+      placeholder={
+        placeholder || I18n.t('workflow_detail_node_input_selectvalue')
+      }
+      validateStatus={validateStatus}
+      style={style}
+      min={min}
+      max={max}
+      size="small"
+      hideButtons
+    />
+  );
+};

package/vendor/coze/source/form-extensions/components/literal-value-input/input-select.tsx

@@ -0,0 +1,59 @@
+/*
+ * 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 } from 'react';
+
+import classNames from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { Select as CozSelect } from '@coze-arch/coze-design';
+
+import { type LiteralValueInputProps } from './type';
+
+export const InputSelect: FC<LiteralValueInputProps> = ({
+  className,
+  value,
+  defaultValue,
+  disabled,
+  testId,
+  onChange,
+  onFocus,
+  placeholder,
+  validateStatus,
+  style,
+  config,
+}) => {
+  const { optionsList } = config || {};
+
+  return (
+    <CozSelect
+      className={classNames(className)}
+      data-testid={testId}
+      disabled={disabled}
+      defaultValue={defaultValue as string}
+      onChange={v => onChange?.(v as string)}
+      optionList={optionsList}
+      value={value as string}
+      onFocus={onFocus}
+      placeholder={
+        placeholder || I18n.t('workflow_detail_node_input_entervalue')
+      }
+      validateStatus={validateStatus}
+      style={style}
+      size="small"
+      dropdownClassName="text-[12px]"
+    />
+  );
+};

package/vendor/coze/source/form-extensions/components/literal-value-input/input-string.tsx

@@ -0,0 +1,55 @@
+/*
+ * 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 } from 'react';
+
+import classNames from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { Input } from '@coze-arch/coze-design';
+
+import { type LiteralValueInputProps } from './type';
+
+import styles from './styles.module.less';
+export const InputString: FC<LiteralValueInputProps> = ({
+  className,
+  value,
+  defaultValue,
+  disabled,
+  testId,
+  onChange,
+  onBlur,
+  onFocus,
+  placeholder,
+  validateStatus,
+  style,
+}) => (
+  <Input
+    className={classNames(className, styles['input-string'])}
+    data-testid={testId}
+    disabled={disabled}
+    defaultValue={defaultValue as string}
+    value={value as string}
+    onChange={onChange}
+    onBlur={e => onBlur?.(e.target.value)}
+    onFocus={onFocus}
+    placeholder={
+      placeholder || I18n.t('workflow_detail_node_input_selectvalue')
+    }
+    validateStatus={validateStatus}
+    style={{ ...style, padding: '0 6px' }}
+    size="small"
+  />
+);

package/vendor/coze/source/form-extensions/components/literal-value-input/literal-value-input.tsx

@@ -0,0 +1,35 @@
+/*
+ * 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 } from 'react';
+
+import { getInputComponent } from './utils';
+import { type LiteralValueInputProps } from './type';
+import { DEFAULT_COMPONENT_REGISTRY } from './constants';
+
+export const LiteralValueInput: FC<LiteralValueInputProps> = props => {
+  const {
+    inputType,
+    componentRegistry = DEFAULT_COMPONENT_REGISTRY,
+    config,
+  } = props;
+  const InputComponent = getInputComponent(
+    inputType,
+    config?.optionsList,
+    componentRegistry,
+  );
+  return <InputComponent key={inputType} {...props} />;
+};

package/vendor/coze/source/form-extensions/components/literal-value-input/styles.module.less

@@ -0,0 +1,46 @@
+
+.input-string {
+  padding: 0 6px;
+
+  :global {
+    .semi-input.semi-input-small::placeholder {
+      color: var(--coz-fg-dim);
+    }
+  }
+}
+
+.input-number {
+  :global {
+    .semi-input.semi-input-small {
+      padding-left: 5px;
+
+      &::placeholder {
+        color: var(--coz-fg-dim);
+      }
+    }
+  }
+}
+
+.input-boolean-wrapper {
+  width: 100%;
+
+  :global {
+    .semi-select-small:is(.coz-select,.coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection {
+      margin-left: 6px;
+
+      &.semi-select-selection-placeholder {
+        color: var(--coz-fg-dim);
+      }
+    }
+  }
+}
+
+.input-time {
+  border-radius: var(--coze-8);
+
+  :global {
+    .semi-select-small:is(.coz-select,.coz-select-tag-popover.semi-popover-wrapper) .semi-select-selection {
+      margin-left: 6px;
+    }
+  }
+}

package/vendor/coze/source/form-extensions/components/literal-value-input/type.ts

@@ -0,0 +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 { type CSSProperties } from 'react';
+
+import { type SchemaObject } from 'ajv';
+import {
+  type LiteralExpression,
+  type ViewVariableType,
+} from '@coze-workflow/base';
+import { type SelectProps } from '@coze-arch/coze-design';
+
+export type LiteralValueType = LiteralExpression['content'] | null;
+export type InputType = ViewVariableType;
+export interface InputComponentRegistry {
+  canHandle:
+    | InputType
+    | ((
+        inputType: InputType,
+        // dropdown box option list
+        optionsList?: { label: string; value: string }[],
+      ) => boolean);
+  component: React.FC<LiteralValueInputProps>;
+}
+export interface LiteralValueInputProps {
+  testId?: string;
+  className?: string;
+  defaultValue?: LiteralValueType;
+  value?: LiteralValueType;
+  inputType: InputType;
+  readonly?: boolean;
+  disabled?: boolean;
+  onChange?: (value?: LiteralValueType) => void;
+  onBlur?: (value?: LiteralValueType) => void;
+  onFocus?: () => void;
+  validateStatus?: SelectProps['validateStatus'];
+  config?: {
+    min?: number;
+    max?: number;
+    jsonSchema?: SchemaObject;
+    // Drop-down box option list, according to this field to determine whether it needs to be rendered as a drop-down box
+    optionsList?: { label: string; value: string }[];
+    onRequestInputExpand?: (expand: boolean) => void;
+  };
+  placeholder?: string;
+  style?: CSSProperties;
+  componentRegistry?: InputComponentRegistry[];
+}

package/vendor/coze/source/form-extensions/components/literal-value-input/utils.tsx

@@ -0,0 +1,117 @@
+/*
+ * 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 } from 'react';
+
+import { customAlphabet } from 'nanoid';
+import { VARIABLE_TYPE_ALIAS_MAP, ViewVariableType } from '@coze-workflow/base';
+import { json } from '@coze-editor/editor/language-json';
+
+import {
+  type InputComponentRegistry,
+  type InputType,
+  type LiteralValueInputProps,
+} from './type';
+import { InputString } from './input-string';
+
+const nanoid = customAlphabet('0123456789abcdefABCDEF', 8);
+
+const uriMap: Record<
+  | ViewVariableType.ArrayString
+  | ViewVariableType.ArrayNumber
+  | ViewVariableType.ArrayInteger
+  | ViewVariableType.ArrayBoolean
+  | ViewVariableType.ArrayObject,
+  string
+> = {
+  [ViewVariableType.ArrayString]: `${
+    VARIABLE_TYPE_ALIAS_MAP[ViewVariableType.ArrayString]
+  }_${nanoid()}`,
+  [ViewVariableType.ArrayNumber]: `${
+    VARIABLE_TYPE_ALIAS_MAP[ViewVariableType.ArrayNumber]
+  }_${nanoid()}`,
+  [ViewVariableType.ArrayInteger]: `${
+    VARIABLE_TYPE_ALIAS_MAP[ViewVariableType.ArrayInteger]
+  }_${nanoid()}`,
+  [ViewVariableType.ArrayBoolean]: `${
+    VARIABLE_TYPE_ALIAS_MAP[ViewVariableType.ArrayBoolean]
+  }_${nanoid()}`,
+  [ViewVariableType.ArrayObject]: `${
+    VARIABLE_TYPE_ALIAS_MAP[ViewVariableType.ArrayObject]
+  }_${nanoid()}`,
+};
+
+/**
+ * Generate a random JSON file URI
+ * @param schemaUri jsonSchema unique identifier
+ * @returns
+ */
+export const generateJsonFileUri = (schemaUri: string) =>
+  `${schemaUri}_${nanoid()}.json`;
+
+export const getJsonSchemaUriByInputType = (inputType: ViewVariableType) =>
+  uriMap[inputType] || `${VARIABLE_TYPE_ALIAS_MAP[inputType]}_${nanoid()}`;
+
+export const configureJsonSchemas = () => {
+  const schemas = [
+    {
+      uri: uriMap[ViewVariableType.ArrayString],
+      fileMatch: [`${uriMap[ViewVariableType.ArrayString]}_*.json`],
+      schema: { type: 'array', items: { type: 'string' } },
+    },
+    {
+      uri: uriMap[ViewVariableType.ArrayNumber],
+      fileMatch: [`${uriMap[ViewVariableType.ArrayNumber]}_*.json`],
+      schema: { type: 'array', items: { type: 'number' } },
+    },
+    {
+      uri: uriMap[ViewVariableType.ArrayInteger],
+      fileMatch: [`${uriMap[ViewVariableType.ArrayInteger]}_*.json`],
+      schema: { type: 'array', items: { type: 'integer' } },
+    },
+    {
+      uri: uriMap[ViewVariableType.ArrayBoolean],
+      fileMatch: [`${uriMap[ViewVariableType.ArrayBoolean]}_*.json`],
+      schema: { type: 'array', items: { type: 'boolean' } },
+    },
+    {
+      uri: uriMap[ViewVariableType.ArrayObject],
+      fileMatch: [`${uriMap[ViewVariableType.ArrayObject]}_*.json`],
+      schema: { type: 'array', items: { type: 'object' } },
+    },
+  ];
+
+  json.languageService.configureSchemas(schemas);
+};
+
+export const getInputComponent = (
+  inputType: InputType,
+  optionsList: { label: string; value: string }[] | undefined,
+  componentRegistry: InputComponentRegistry[],
+): FC<LiteralValueInputProps> => {
+  const registry = componentRegistry.filter(item => {
+    if (typeof item.canHandle === 'function') {
+      return item.canHandle(inputType, optionsList);
+    }
+    return item.canHandle === inputType;
+  });
+  const { length } = registry;
+  if (registry.length === 0) {
+    console.error(`${inputType} has no input component!`);
+    return InputString;
+  }
+  return registry[length - 1]?.component;
+};

package/vendor/coze/source/form-extensions/components/node-header/components/close-button.tsx

@@ -0,0 +1,44 @@
+/*
+ * 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 { IconCozCross } from '@coze-arch/coze-design/icons';
+import { IconButton } from '@coze-arch/coze-design';
+
+import { useFloatLayoutService } from '@/hooks/use-float-layout-service';
+import { useNodeRenderScene } from '@/hooks';
+
+export const CloseButton = () => {
+  const floatLayoutService = useFloatLayoutService();
+
+  const handleClose = () => {
+    floatLayoutService.close();
+  };
+
+  const { isNodeSideSheet } = useNodeRenderScene();
+
+  return (
+    <>
+      <IconButton
+        onClick={handleClose}
+        icon={<IconCozCross />}
+        size={isNodeSideSheet ? 'default' : 'small'}
+        color="secondary"
+      />
+    </>
+  );
+};

package/vendor/coze/source/form-extensions/components/node-header/description-display.tsx

@@ -0,0 +1,52 @@
+/*
+ * 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 } from 'react';
+
+import { useCurrentEntity } from '@flowgram-adapter/free-layout-editor';
+import { WorkflowNodeData } from '@coze-workflow/nodes';
+import { Typography } from '@coze-arch/coze-design';
+
+export const DescriptionDisplay: FC<{
+  description?: string;
+}> = props => {
+  const { description } = props;
+
+  const node = useCurrentEntity();
+
+  if (!description) {
+    return null;
+  }
+
+  const nodeDataEntity = node.getData<WorkflowNodeData>(WorkflowNodeData);
+  const nodeData = nodeDataEntity.getNodeData();
+
+  if (nodeData?.description === description) {
+    return null;
+  } else {
+    return (
+      <Typography.Text
+        className="coz-fg-secondary pt-2"
+        size="small"
+        ellipsis={{
+          rows: 1,
+        }}
+      >
+        {description}
+      </Typography.Text>
+    );
+  }
+};