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

package/vendor/coze/original/base-test-button.tsx

@@ -0,0 +1,22 @@
+/*
+ * 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 { IconCozPlayFill } from '@coze-arch/coze-design/icons';
+import { Button, type ButtonProps } from '@coze-arch/coze-design';
+
+export const BaseTestButton: React.FC<ButtonProps> = props => (
+  <Button color="green" icon={<IconCozPlayFill />} {...props} />
+);

package/vendor/coze/original/comment-container.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 ReactNode, type FC, type CSSProperties } from 'react';
+
+import classNames from 'classnames';
+
+interface ICommentContainer {
+  focused: boolean;
+  children?: ReactNode;
+  style?: React.CSSProperties;
+}
+
+export const CommentContainer: FC<ICommentContainer> = props => {
+  const { focused, children, style } = props;
+
+  const scrollbarStyle = {
+    // scroll bar style
+    scrollbarWidth: 'thin',
+    scrollbarColor: 'rgb(159 159 158 / 65%) transparent',
+    // Styles for WebKit browsers such as Chrome, Safari
+    '&::-webkit-scrollbar': {
+      width: '4px',
+    },
+    '&::-webkit-scrollbar-track': {
+      background: 'transparent',
+    },
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: 'rgb(159 159 158 / 65%)',
+      borderRadius: '20px',
+      border: '2px solid transparent',
+    },
+  } as unknown as CSSProperties;
+
+  return (
+    <div
+      className={classNames(
+        'workflow-comment-container flex flex-col items-start justify-start w-full h-full rounded-[8px] outline-solid py-[6px] px-[10px] overflow-y-auto overflow-x-hidden outline-[1px]',
+        {
+          'bg-[#FFF3EA] outline-[#FF811A]': focused,
+          'bg-[#FFFBED] outline-[#F2B600]': !focused,
+        },
+      )}
+      data-flow-editor-selectable="false"
+      style={{
+        // Tailwind does not support the style of outline, so you need to use style to set it here.
+        outline: focused ? '1px solid #FF811A' : '1px solid #F2B600',
+        ...scrollbarStyle,
+        ...style,
+      }}
+    >
+      {children}
+    </div>
+  );
+};

package/vendor/coze/original/condition-container.tsx

@@ -0,0 +1,60 @@
+/*
+ * 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 { ConditionLogic } from '@coze-workflow/base';
+
+import { LogicDisplay } from './logic-display';
+
+interface Condition {
+  left?: React.ReactNode;
+  operator?: React.ReactNode;
+  right?: React.ReactNode;
+}
+
+interface ConditionContainerProps {
+  conditions: Condition[];
+  logic?: ConditionLogic;
+}
+
+export const ConditionContainer: FC<ConditionContainerProps> = props => {
+  const { conditions = [], logic = ConditionLogic.AND } = props;
+
+  return (
+    <div className="coz-stroke-plus coz-bg-max border border-solid py-1 rounded-mini text-xs coz-fg-primary min-h-[32px]">
+      {conditions.map((condition, index) => (
+        <>
+          <div className="flex items-center px-1">
+            <div className="flex-1 min-w-0 overflow-hidden">
+              {condition.left}
+            </div>
+            <div className="flex items-center flex-grow-0 flex-shrink-0 basis-[0] px-2 ">
+              {condition.operator}
+            </div>
+
+            <div className="flex-1 min-w-0 overflow-hidden">
+              {condition.right}
+            </div>
+          </div>
+          {index < conditions.length - 1 ? (
+            <LogicDisplay logic={logic} />
+          ) : null}
+        </>
+      ))}
+    </div>
+  );
+};

package/vendor/coze/original/condition-tag.tsx

@@ -0,0 +1,58 @@
+/*
+ * 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 PropsWithChildren, type FC, type ReactNode } from 'react';
+
+import classnames from 'classnames';
+import { Tag, Tooltip } from '@coze-arch/coze-design';
+
+import styles from './condition-tag.module.less';
+
+export const ConditionTag: FC<
+  PropsWithChildren<{
+    tooltip?: ReactNode;
+    invalid?: boolean;
+  }>
+> = props => {
+  const color = props.invalid ? 'yellow' : 'primary';
+  if (props.tooltip && !props.invalid) {
+    return (
+      <Tooltip content={props.tooltip}>
+        <Tag
+          color={color}
+          className={classnames(
+            styles['condition-tag'],
+            'font-medium truncate w-full',
+          )}
+        >
+          {props.children}
+        </Tag>
+      </Tooltip>
+    );
+  } else {
+    return (
+      <Tag
+        color={color}
+        className={classnames(
+          styles['condition-tag'],
+          'font-medium truncate w-full',
+        )}
+      >
+        {props.children}
+      </Tag>
+    );
+  }
+};

package/vendor/coze/original/coze-global.less

@@ -0,0 +1,234 @@
+// !NOTE: 全局样式代码，不要随便修改！！！
+
+html,
+body {
+  width: 100%;
+  min-width: 1200px;
+  height: 100%;
+  min-height: 600px;
+  margin: 0;
+  padding: 0;
+  // 原来的版本是 冬青(Hiragino) > 苹方；但是项目里大量使用 semi 组件自带 font family，没有暴露出来
+  // 这里修复一下顺序 PingFang > Hiragino
+  font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
+
+  background: linear-gradient(to bottom, transparent, #fff) #eceeef;
+}
+
+body {
+  // @flowpd/card-web-runtime 依赖 arco design
+  // arco-design 的 reset css, 搞了 body line-height 1.5
+  // 没设置 line-height 的元素可能会因为按需加载 arco 产生瞬时抖动
+  line-height: 1.5;
+}
+
+#root {
+  width: 100%;
+  height: 100%;
+}
+
+p {
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+  font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// 去除 safari 浏览器按钮 focus 状态的蓝色框
+a:focus,
+input:focus,
+p:focus,
+li:focus,
+div:focus,
+svg:focus,
+a:focus-visible,
+input:focus-visible,
+p:focus-visible,
+li:focus-visible,
+div:focus-visible {
+  outline: none;
+
+  -webkit-tap-highlight-color: rgb(0 0 0 / 0% / 0);
+}
+
+// TODO: 底层库依赖了这个 class，暂时不移除
+.operation-admin-base-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+
+  height: 56px;
+
+  line-height: 56px;
+
+  background-color: #fff;
+  border-bottom: 1px solid rgb(46 50 56 / 5%);
+
+  .semi-tabs-content {
+    display: none;
+  }
+}
+
+.operation-admin-base-header-title {
+  display: flex;
+  align-items: center;
+
+  margin: 12px 24px;
+
+  font-size: 18px;
+  line-height: 24px;
+  color: var(--light-color-grey-grey-9, #1c1f23);
+
+  * {
+    user-select: none;
+  }
+
+  .universe-icon {
+    margin-right: 6px;
+  }
+}
+
+.operation-admin-base-header-user-avatar {
+  width: 24px;
+  height: 24px;
+}
+
+.operation-admin-base-header-avatar-method-block {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  padding: 8px;
+}
+
+.operation-admin-base-header-avatar-sign-out {
+  text-align: center;
+}
+
+.operation-admin-base-aside {
+  border-right: 1px solid rgb(229 231 235);
+
+  // 非本期改动，但阻塞了ci的构建
+  /* stylelint-disable-next-line selector-class-pattern */
+  .ud__layout__sider-trigger {
+    border-right: 1px solid rgb(229 231 235);
+  }
+}
+
+.operation-admin-base-app {
+  height: 100%;
+}
+
+.operation-admin-base-module-content {
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.operation-admin-base-module-content[app-name='playground_prompt'] {
+  background-color: #fff;
+}
+
+.operation-admin-base-module-content[app-name='build_bot'] {
+  background-color: #fff;
+}
+
+.operation-admin-base-module-content[app-name='discover'] {
+  background-color: #fff;
+}
+
+.operation-admin-base-404 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+}
+
+.no-permission {
+  height: calc(100vh - 64px);
+  border: 20px solid #f2f3f5;
+}
+
+.error-wrapper {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.operation-admin-no-permission {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+}
+
+.operation-admin-base-main-content {
+  overflow: hidden;
+}
+
+.operation-admin-base-header-name {
+  padding: 8px;
+  padding-bottom: 0;
+
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 22px;
+}
+
+.bp5-overflow-list {
+  display: flex;
+  flex-wrap: nowrap;
+  min-width: 0;
+}
+
+.bp5-overflow-list-spacer {
+  flex-shrink: 1;
+  width: 1px;
+}
+
+// styled-scrollbar 给需要滚动的元素添加的滚动条样式 增加这个 class 即可
+.styled-scrollbar::-webkit-scrollbar-thumb {
+  background-color: rgba(31, 35, 41, 30%);
+  background-clip: padding-box;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+
+  transition: background 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+}
+
+.styled-scrollbar::-webkit-scrollbar {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  background-color: transparent;
+}
+
+.styled-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(31, 35, 41, 60%);
+}
+
+.styled-scrollbar::-webkit-scrollbar:hover {
+  width: 11px;
+  height: 11px;
+}
+
+.styled-scrollbar::-webkit-scrollbar-button {
+  display: none;
+}
+
+.styled-scrollbar::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.styled-scrollbar::-webkit-scrollbar-corner {
+  background-color: transparent;
+}

package/vendor/coze/original/create-loop-function-json.ts

@@ -0,0 +1,134 @@
+/*
+ * 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 {
+  WorkflowNodeEntity,
+  WorkflowSubCanvas,
+} from '@flowgram-adapter/free-layout-editor';
+import {
+  FlowNodeBaseType,
+  FlowNodeTransformData,
+} from '@flowgram-adapter/free-layout-editor';
+import { FlowRendererKey } from '@flowgram-adapter/free-layout-editor';
+import {
+  type IPoint,
+  type PaddingSchema,
+  type PositionSchema,
+} from '@flowgram-adapter/common';
+import type { WorkflowNodeJSON } from '@coze-workflow/base';
+import { I18n } from '@coze-arch/i18n';
+
+import { LoopFunctionSize } from '../constants';
+import { getLoopID } from './relation';
+
+export const createLoopFunctionJSON = (params: {
+  id: string;
+  position: IPoint;
+  loopNode: WorkflowNodeEntity;
+}): WorkflowNodeJSON => {
+  const { id, position } = params;
+  return {
+    id,
+    type: FlowNodeBaseType.SUB_CANVAS,
+    data: {},
+    meta: {
+      isContainer: true,
+      position,
+      nodeDTOType: FlowNodeBaseType.SUB_CANVAS,
+      useDynamicPort: true,
+      disableSideSheet: true,
+      renderKey: FlowRendererKey.SUB_CANVAS,
+      size: {
+        width: LoopFunctionSize.width,
+        height: LoopFunctionSize.height,
+      },
+      defaultPorts: [
+        { type: 'input', portID: 'loop-function-input', disabled: true },
+        { type: 'input', portID: 'loop-function-inline-input' },
+        { type: 'output', portID: 'loop-function-inline-output' },
+      ],
+      padding: (transform: FlowNodeTransformData): PaddingSchema => ({
+        top: 100,
+        bottom: 60,
+        left: 100,
+        right: 100,
+      }),
+      selectable(node: WorkflowNodeEntity, mousePos?: PositionSchema): boolean {
+        if (!mousePos) {
+          return true;
+        }
+        const transform = node.getData<FlowNodeTransformData>(
+          FlowNodeTransformData,
+        );
+        // The mouse can only be selected when the starting position does not include the current node
+        return !transform.bounds.contains(mousePos.x, mousePos.y);
+      },
+      renderSubCanvas: () => ({
+        title: I18n.t('workflow_loop_body_canva'),
+        tooltip: I18n.t('workflow_loop_body_canva_tips'),
+        style: {
+          minWidth: LoopFunctionSize.width,
+          minHeight: LoopFunctionSize.height,
+        },
+        renderPorts: [
+          {
+            id: 'loop-function-input',
+            type: 'input',
+            style: {
+              position: 'absolute',
+              left: '50%',
+              top: '0',
+            },
+          },
+          {
+            id: 'loop-function-inline-input',
+            type: 'input',
+            style: {
+              position: 'absolute',
+              right: '0',
+              top: '50%',
+              transform: 'translateY(20px)',
+            },
+          },
+          {
+            id: 'loop-function-inline-output',
+            type: 'output',
+            style: {
+              position: 'absolute',
+              left: '0',
+              top: '50%',
+              transform: 'translateY(20px)',
+            },
+          },
+        ],
+      }),
+      subCanvas: (node: WorkflowNodeEntity): WorkflowSubCanvas | undefined => {
+        const canvasNode = node;
+        const parentNodeID = getLoopID(canvasNode.id);
+        const parentNode = node.document.getNode(parentNodeID);
+        if (!parentNode) {
+          return undefined;
+        }
+        const subCanvas: WorkflowSubCanvas = {
+          isCanvas: true,
+          parentNode,
+          canvasNode,
+        };
+        return subCanvas;
+      },
+    },
+  };
+};

package/vendor/coze/original/create-loop-function.ts

@@ -0,0 +1,56 @@
+/*
+ * 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 {
+  WorkflowDocument,
+  WorkflowNodeEntity,
+} from '@flowgram-adapter/free-layout-editor';
+import { type IPoint } from '@flowgram-adapter/common';
+import type { WorkflowNodeJSON } from '@coze-workflow/base';
+
+import { LoopFunctionIDPrefix } from './relation';
+import { createLoopFunctionTemplateData } from './create-loop-function-template-data';
+import { createLoopFunctionLines } from './create-loop-function-lines';
+import { createLoopFunctionJSON } from './create-loop-function-json';
+
+/** Create Loop Body Node */
+export const createLoopFunction = async (
+  loopNode: WorkflowNodeEntity,
+  loopJson: WorkflowNodeJSON,
+) => {
+  const document = loopNode.document as WorkflowDocument;
+  const id = `${LoopFunctionIDPrefix}${loopNode.id}`;
+  const loopPosition: IPoint = {
+    x: loopJson.meta?.position?.x || 0,
+    y: loopJson.meta?.position?.y || 0,
+  };
+  const offset: IPoint = {
+    x: 0,
+    y: 200,
+  };
+  const position = {
+    x: loopPosition.x + offset.x,
+    y: loopPosition.y + offset.y,
+  };
+  const loopFunctionJSON = createLoopFunctionJSON({ id, position, loopNode });
+  const loopFunctionNode = await document.createWorkflowNode(loopFunctionJSON);
+  createLoopFunctionTemplateData(loopNode, loopFunctionNode);
+  createLoopFunctionLines({
+    document,
+    loopId: loopNode.id,
+    loopFunctionId: loopFunctionNode.id,
+  });
+};

package/vendor/coze/original/end-registry.ts

@@ -0,0 +1,41 @@
+/*
+ * 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 { DEFAULT_NODE_META_PATH } from '@coze-workflow/nodes';
+import {
+  StandardNodeType,
+  type WorkflowNodeRegistry,
+} from '@coze-workflow/base';
+
+import { END_FORM_META } from './form-meta';
+import { INPUT_PATH } from './constants';
+
+export const END_NODE_REGISTRY: WorkflowNodeRegistry = {
+  type: StandardNodeType.End,
+  meta: {
+    isNodeEnd: true,
+    deleteDisable: true,
+    copyDisable: true,
+    headerReadonly: true,
+    nodeDTOType: StandardNodeType.End,
+    size: { width: 360, height: 78.2 },
+    nodeMetaPath: DEFAULT_NODE_META_PATH,
+    inputParametersPath: INPUT_PATH, // Imported parameter path, practice running and other functions rely on this path to extract parameters
+    defaultPorts: [{ type: 'input' }],
+    helpLink: '/open/docs/guides/start_end_node',
+  },
+  formMeta: END_FORM_META,
+};