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

package/vendor/coze/source/external/features/log/components/log-parser/log-wrap.tsx

@@ -0,0 +1,109 @@
+/*
+ * 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, useMemo, useState, type ReactNode } from 'react';
+
+import { isObject, toString, isNil } from 'lodash-es';
+import copy from 'copy-to-clipboard';
+import { logger } from '@coze-arch/logger';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozCopy, IconCozCheckMark } from '@coze-arch/coze-design/icons';
+import { IconButton, Toast, Tooltip } from '@coze-arch/coze-design';
+
+import { type LogValueType } from '../../types';
+
+import styles from './log-wrap.module.less';
+
+const SPACE = 2;
+
+export const LogWrap: React.FC<
+  React.PropsWithChildren<{
+    label: string;
+    copyable?: boolean;
+    source?: LogValueType;
+    copyTooltip?: string;
+    labelExtra?: ReactNode;
+    extra?: ReactNode;
+    labelStyle?: React.CSSProperties;
+  }>
+> = ({
+  label,
+  copyable = true,
+  source,
+  copyTooltip,
+  children,
+  labelExtra,
+  extra,
+  labelStyle,
+}) => {
+  const [isSuccess, setSuccess] = useState(false);
+
+  const innerCopyable = useMemo(
+    () => copyable && !isNil(source),
+    [copyable, source],
+  );
+  const handleCopy = useCallback(() => {
+    try {
+      const text = isObject(source)
+        ? JSON.stringify(source, undefined, SPACE)
+        : toString(source);
+      copy(text);
+      Toast.success({ content: I18n.t('copy_success'), showClose: false });
+      setSuccess(true);
+      setTimeout(() => {
+        setSuccess(false);
+      }, 1000);
+    } catch (e) {
+      logger.error(e);
+      Toast.error(I18n.t('copy_failed'));
+      setSuccess(false);
+    }
+  }, [source]);
+
+  const renderCopyButton = () =>
+    isSuccess ? (
+      <Tooltip content={I18n.t('Duplicate_success')}>
+        <IconButton
+          className={'w-[20px] h-[20px] p-[2px]'}
+          size={'mini'}
+          color={'secondary'}
+          icon={<IconCozCheckMark color={'rgba(107, 109, 117, 1)'} />}
+        />
+      </Tooltip>
+    ) : (
+      <Tooltip content={copyTooltip || I18n.t('Copy')}>
+        <IconButton
+          className={'!w-[20px] !h-[20px] !p-[2px] !text-[16px]'}
+          size={'mini'}
+          color={'secondary'}
+          onClick={handleCopy}
+          icon={<IconCozCopy color={'rgba(107, 109, 117, 1)'} />}
+        />
+      </Tooltip>
+    );
+
+  return (
+    <div>
+      <div style={labelStyle} className={styles['flow-log-detail-label']}>
+        <span className={styles['label-text']}>{label}</span>
+        {innerCopyable ? renderCopyButton() : null}
+        {labelExtra}
+        {extra ? <div className="flex flex-1 justify-end">{extra}</div> : null}
+      </div>
+      <div>{children}</div>
+    </div>
+  );
+};

package/vendor/coze/source/external/features/log/components/node-status-bar/node-status-bar.module.less

@@ -0,0 +1,52 @@
+.node-status-bar {
+  border: 1px solid var(--coz-stroke-plus);
+  border-radius: 8px;
+  background-color: var(--coz-bg-max);
+
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+
+  width: 100%;
+}
+
+.status-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px;
+
+  &-opened {
+    padding-bottom: 0;
+  }
+
+  .status-title {
+    display: flex;
+    align-items: center;
+    column-gap: 8px;
+    min-width: 0;
+
+    :global {
+      .coz-tag {
+        height: 20px;
+      }
+      .semi-tag-content {
+        font-weight: 500;
+        line-height: 16px;
+        font-size: 12px;
+      }
+      .semi-tag-suffix-icon >div{
+        font-size: 14px;
+      }
+    }
+  }
+  .status-btns {
+    display: flex;
+    align-items: center;
+    column-gap: 4px;
+  }
+
+  .is-show-detail {
+    transform: rotate(180deg)
+  }
+}

package/vendor/coze/source/external/features/log/components/node-status-bar/node-status-bar.tsx

@@ -0,0 +1,113 @@
+/*
+ * 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, { useState } from 'react';
+
+import classNames from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import { IconCozArrowDown } from '@coze-arch/coze-design/icons';
+import { Button } from '@coze-arch/coze-design';
+import { useNodeRender } from '@flowgram-adapter/free-layout-editor';
+
+import styles from './node-status-bar.module.less';
+
+interface NodeStatusBarProps {
+  header?: React.ReactNode;
+  defaultShowDetail?: boolean;
+  hasExecuteResult?: boolean;
+  needAuth?: boolean;
+  /**
+   * Is session handling included?
+   */
+  hasConversation?: boolean;
+  onAuth?: () => void;
+  onJumpToProjectConversation?: () => void;
+  extraBtns?: React.ReactNode[];
+}
+
+export const NodeStatusBar: React.FC<
+  React.PropsWithChildren<NodeStatusBarProps>
+> = ({
+  header,
+  defaultShowDetail,
+  hasExecuteResult,
+  needAuth,
+  onAuth,
+  hasConversation,
+  onJumpToProjectConversation,
+  children,
+  extraBtns = [],
+}) => {
+  const [showDetail, setShowDetail] = useState(defaultShowDetail);
+  const { selectNode } = useNodeRender();
+
+  const handleAuth = e => {
+    e.stopPropagation();
+    selectNode(e);
+    onAuth?.();
+  };
+  const handleToggleShowDetail = e => {
+    e.stopPropagation();
+    selectNode(e);
+    setShowDetail(!showDetail);
+  };
+  const handleConversation = e => {
+    e.stopPropagation();
+    selectNode(e);
+    onJumpToProjectConversation?.();
+  };
+
+  return (
+    <div
+      className={styles['node-status-bar']}
+      // It is necessary to disable down bubbling to prevent judgment circling and node hovering (polygons are not supported)
+      onMouseDown={e => e.stopPropagation()}
+      // Other events uniformly go to the click event, and it is also necessary to prevent bubbling.
+      onClick={handleToggleShowDetail}
+    >
+      <div
+        className={classNames(styles['status-header'], {
+          [styles['status-header-opened']]: showDetail,
+        })}
+      >
+        <div className={styles['status-title']}>
+          {header}
+          {extraBtns.length > 0 ? extraBtns : null}
+          {needAuth ? (
+            <Button size="small" color="secondary" onClick={handleAuth}>
+              {I18n.t('knowledge_feishu_10')}
+            </Button>
+          ) : null}
+          {hasConversation ? (
+            <Button size="small" color="secondary" onClick={handleConversation}>
+              {I18n.t('workflow_view_data')}
+            </Button>
+          ) : null}
+        </div>
+        <div className={styles['status-btns']}>
+          {hasExecuteResult ? (
+            <IconCozArrowDown
+              className={classNames({
+                [styles['is-show-detail']]: showDetail,
+              })}
+            />
+          ) : null}
+        </div>
+      </div>
+      {showDetail ? children : null}
+    </div>
+  );
+};

package/vendor/coze/source/form/components/field-empty.tsx

@@ -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 PropsWithChildren } from 'react';
+
+import { IconCozEmpty } from '@coze-arch/coze-design/icons';
+
+export interface FieldEmptyProps {
+  text?: string;
+  isEmpty?: boolean;
+}
+
+export function FieldEmpty({
+  text = '',
+  isEmpty = false,
+  children,
+}: PropsWithChildren<FieldEmptyProps>) {
+  return (
+    <>
+      {isEmpty ? (
+        <div className="flex flex-col items-center justify-center h-[95px]">
+          <IconCozEmpty className="mb-[4px] w-[32px] h-[32px] coz-fg-dim" />
+          <div className="text-center text-[12px] leading-[16px] coz-fg-dim">
+            {text}
+          </div>
+        </div>
+      ) : (
+        children
+      )}
+    </>
+  );
+}

package/vendor/coze/source/form/components/section.tsx

@@ -0,0 +1,91 @@
+/*
+ * 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,
+  forwardRef,
+  useRef,
+  useImperativeHandle,
+} from 'react';
+
+import {
+  FormCard,
+  type ContentRef,
+} from '@/form-extensions/components/form-card';
+
+import { FieldEmpty } from './field-empty';
+
+export interface SectionProps {
+  title?: React.ReactNode;
+  tooltip?: React.ReactNode;
+  tooltipClassName?: string;
+  actions?: React.ReactNode[];
+  isEmpty?: boolean;
+  emptyText?: string;
+  collapsible?: boolean;
+  noPadding?: boolean;
+  headerClassName?: string;
+  testId?: string;
+}
+
+/**
+ * form grouping
+ */
+export const Section = forwardRef(
+  (
+    {
+      title,
+      tooltip,
+      tooltipClassName,
+      actions,
+      children,
+      isEmpty = false,
+      emptyText,
+      collapsible,
+      noPadding,
+      headerClassName,
+      testId,
+    }: PropsWithChildren<SectionProps>,
+    ref,
+  ) => {
+    const formCardRef = useRef<ContentRef>(null);
+
+    useImperativeHandle(ref, () => ({
+      open: () => formCardRef?.current?.setOpen?.(true),
+      close: () => formCardRef?.current?.setOpen?.(false),
+    }));
+
+    return (
+      <FormCard
+        header={title}
+        tooltip={tooltip}
+        tooltipClassName={tooltipClassName}
+        onRef={formCardRef}
+        collapsible={collapsible}
+        noPadding={noPadding}
+        testId={testId}
+        headerClassName={headerClassName}
+        actionButton={
+          <div className="flex gap-[8px] items-center">{actions}</div>
+        }
+      >
+        <FieldEmpty isEmpty={isEmpty} text={emptyText}>
+          {children}
+        </FieldEmpty>
+      </FormCard>
+    );
+  },
+);

package/vendor/coze/source/form-extensions/components/add-item-button/index.tsx

@@ -0,0 +1,64 @@
+/*
+ * 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 } from 'react';
+
+import classnames from 'classnames';
+import { IconCozPlus } from '@coze-arch/coze-design/icons';
+import { IconButton, Tooltip } from '@coze-arch/coze-design';
+
+interface Props {
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
+  title?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  readonly?: boolean;
+  disabled?: boolean;
+  disabledTooltip?: string;
+  testId?: string;
+}
+
+export const AddItemButton: FC<Props> = ({
+  onClick,
+  onMouseDown,
+  disabled,
+  disabledTooltip,
+  className,
+  style,
+  title,
+  testId,
+}) => {
+  const ButtonContent = (
+    <IconButton
+      color="highlight"
+      size="small"
+      icon={<IconCozPlus className="text-sm" />}
+      onMouseDown={e => onMouseDown?.(e)}
+      onClick={e => onClick?.(e)}
+      className={classnames('!block', className)}
+      style={style}
+      disabled={disabled}
+      data-testid={testId}
+    />
+  );
+
+  if (disabledTooltip) {
+    return <Tooltip content={disabledTooltip}>{ButtonContent}</Tooltip>;
+  }
+
+  return !disabled ? ButtonContent : null;
+};

package/vendor/coze/source/form-extensions/components/form-card/index.module.less

@@ -0,0 +1,131 @@
+/* stylelint-disable rule-empty-line-before */
+/* stylelint-disable declaration-no-important */
+/* stylelint-disable max-nesting-depth */
+@import '../../../assets/styles/common.less';
+
+.content-block {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 12px 0;
+
+  .port {
+    position: absolute;
+    top: 50%;
+    right: -10px;
+
+    width: 20px;
+    height: 20px;
+    margin-top: -10px;
+    margin-left: -10px;
+
+    border-radius: 10px;
+  }
+
+  &.no-padding {
+    padding: 0;
+  }
+
+  .header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+
+
+    &.header-has-content {
+      margin-bottom: 8px;
+    }
+
+    &.header-is-closed {
+      margin-bottom: 0;
+    }
+
+    .header-icon-arrow {
+      cursor: pointer;
+
+      transform: rotate(-90deg);
+
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      margin-right: 3px;
+
+      transition: transform 0.2s linear 0s;
+
+      &.open {
+        transform: rotate(0);
+      }
+    }
+
+    .header-icon {
+      display: flex;
+      margin-right: 8px;
+
+      >img {
+        width: 16px;
+        height: 16px;
+      }
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+
+      font-size: 14px;
+      font-weight: bold;
+      line-height: 20px;
+
+      .label {
+        margin-left: 4px;
+
+        font-size: 14px;
+        font-weight: 500;
+        font-style: normal;
+        line-height: 22px;
+        color: var(--coz-fg-primary);
+      }
+
+      .popover {
+        margin-left: 4px;
+      }
+    }
+  }
+
+  :global {
+    .semi-collapsible-wrapper {
+      padding-left: 0 !important;
+      border-bottom-right-radius: 8px;
+      border-bottom-left-radius: 8px;
+    }
+  }
+
+  .overflow-content {
+    padding-left: 0;
+
+    &.open {
+      :global {
+
+        .semi-collapsible-wrapper,
+        .semi-collapsible-wrapper [x-semi-prop] {
+          overflow: visible !important;
+        }
+      }
+    }
+  }
+}
+
+/* stylelint-disable-next-line plugin/disallow-first-level-global */
+:global {
+  .toolip-with-white-bg {
+    max-width: fit-content !important;
+    padding: 16px;
+    background-color: #fff !important;
+    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 10%);
+
+    >svg>path {
+      fill: #fff !important;
+    }
+  }
+}