@fudanda/workflow 1.20261015.1-beta.1 → 2.20261024.1-beta.2

package/vendor/coze/original/mouse-pad-selector.tsx

@@ -1,180 +1,180 @@
-/*
- * 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 CSSProperties, useState } from 'react';
-
-import cls from 'classnames';
-import { I18n } from '@coze-arch/i18n';
-import {
-  IconCozArrowDown,
-  IconCozMouse,
-  IconCozTablet,
-} from '@coze-arch/coze-design/icons';
-import { Popover, Typography } from '@coze-arch/bot-semi';
-
-import { PadIcon } from './icons/pad';
-import { MouseIcon } from './icons/mouse';
-
-import styles from './mouse-pad-selector.module.less';
-
-const { Title, Paragraph } = Typography;
-
-export enum InteractiveType {
-  Mouse = 'MOUSE',
-  Pad = 'PAD',
-}
-
-export interface MousePadSelectorProps {
-  value: InteractiveType;
-  onChange: (value: InteractiveType) => void;
-  onPopupVisibleChange?: (visible: boolean) => void;
-  containerStyle?: CSSProperties;
-  iconStyle?: CSSProperties;
-  arrowStyle?: CSSProperties;
-}
-
-const IteractiveItem: React.FC<{
-  title: string;
-  subTitle: string;
-  icon: React.ReactNode;
-  value: InteractiveType;
-  selected: boolean;
-  onChange: (value: InteractiveType) => void;
-}> = ({ title, subTitle, icon, onChange, value, selected }) => (
-  <div
-    className={cls({
-      [styles['mouse-pad-option']]: true,
-      [styles['mouse-pad-option-selected']]: selected,
-    })}
-    onClick={() => onChange(value)}
-  >
-    <div
-      className={cls({
-        [styles['mouse-pad-option-icon']]: true,
-        [styles['mouse-pad-option-icon-selected']]: selected,
-      })}
-    >
-      {icon}
-    </div>
-    <Title
-      heading={6}
-      className={cls({
-        [styles['mouse-pad-option-title']]: true,
-        [styles['mouse-pad-option-title-selected']]: selected,
-      })}
-    >
-      {title}
-    </Title>
-    <Paragraph
-      type="tertiary"
-      className={cls({
-        [styles['mouse-pad-option-subTitle']]: true,
-        [styles['mouse-pad-option-subTitle-selected']]: selected,
-      })}
-    >
-      {subTitle}
-    </Paragraph>
-  </div>
-);
-
-export const MousePadSelector: React.FC<
-  MousePadSelectorProps & React.RefAttributes<HTMLDivElement>
-> = React.forwardRef(
-  (
-    {
-      value,
-      onChange,
-      onPopupVisibleChange,
-      containerStyle,
-      iconStyle,
-      arrowStyle,
-    },
-    ref,
-  ) => {
-    const isMouse = value === InteractiveType.Mouse;
-    const [visible, setVisible] = useState(false);
-
-    return (
-      <Popover
-        trigger="custom"
-        position="topLeft"
-        closeOnEsc
-        visible={visible}
-        onVisibleChange={v => {
-          onPopupVisibleChange?.(v);
-        }}
-        onClickOutSide={() => {
-          setVisible(false);
-        }}
-        spacing={20}
-        content={
-          <div className={styles['ui-mouse-pad-selector-popover']}>
-            <Typography.Title heading={4}>
-              {I18n.t('workflow_interactive_mode')}
-            </Typography.Title>
-            <div className={styles['ui-mouse-pad-selector-popover-options']}>
-              <IteractiveItem
-                title={I18n.t('workflow_mouse_friendly')}
-                subTitle={I18n.t('workflow_mouse_friendly_desc')}
-                data-testid="workflow.detail.toolbar.interactive.mouse"
-                value={InteractiveType.Mouse}
-                selected={value === InteractiveType.Mouse}
-                icon={<MouseIcon />}
-                onChange={onChange}
-              />
-
-              <IteractiveItem
-                title={I18n.t('workflow_pad_friendly')}
-                subTitle={I18n.t('workflow_pad_friendly_desc')}
-                data-testid="workflow.detail.toolbar.interactive.pad"
-                value={InteractiveType.Pad}
-                selected={value === InteractiveType.Pad}
-                icon={<PadIcon />}
-                onChange={onChange}
-              />
-            </div>
-          </div>
-        }
-      >
-        <div
-          className={cls({
-            [styles['ui-mouse-pad-selector']]: true,
-            [styles['ui-mouse-pad-selector-active']]: visible,
-          })}
-          ref={ref}
-          onClick={() => {
-            setVisible(!visible);
-          }}
-          style={containerStyle}
-        >
-          <div
-            className={styles['ui-mouse-pad-selector-icon']}
-            style={iconStyle}
-          >
-            {isMouse ? <IconCozMouse /> : <IconCozTablet />}
-          </div>
-
-          <div
-            className={styles['ui-mouse-pad-selector-arrow']}
-            style={arrowStyle}
-          >
-            <IconCozArrowDown />
-          </div>
-        </div>
-      </Popover>
-    );
-  },
-);
+/*
+ * 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 CSSProperties, useState } from 'react';
+
+import cls from 'classnames';
+import { I18n } from '@coze-arch/i18n';
+import {
+  IconCozArrowDown,
+  IconCozMouse,
+  IconCozTablet,
+} from '@coze-arch/coze-design/icons';
+import { Popover, Typography } from '@coze-arch/bot-semi';
+
+import { PadIcon } from './icons/pad';
+import { MouseIcon } from './icons/mouse';
+
+import styles from './mouse-pad-selector.module.less';
+
+const { Title, Paragraph } = Typography;
+
+export enum InteractiveType {
+  Mouse = 'MOUSE',
+  Pad = 'PAD',
+}
+
+export interface MousePadSelectorProps {
+  value: InteractiveType;
+  onChange: (value: InteractiveType) => void;
+  onPopupVisibleChange?: (visible: boolean) => void;
+  containerStyle?: CSSProperties;
+  iconStyle?: CSSProperties;
+  arrowStyle?: CSSProperties;
+}
+
+const IteractiveItem: React.FC<{
+  title: string;
+  subTitle: string;
+  icon: React.ReactNode;
+  value: InteractiveType;
+  selected: boolean;
+  onChange: (value: InteractiveType) => void;
+}> = ({ title, subTitle, icon, onChange, value, selected }) => (
+  <div
+    className={cls({
+      [styles['mouse-pad-option']]: true,
+      [styles['mouse-pad-option-selected']]: selected,
+    })}
+    onClick={() => onChange(value)}
+  >
+    <div
+      className={cls({
+        [styles['mouse-pad-option-icon']]: true,
+        [styles['mouse-pad-option-icon-selected']]: selected,
+      })}
+    >
+      {icon}
+    </div>
+    <Title
+      heading={6}
+      className={cls({
+        [styles['mouse-pad-option-title']]: true,
+        [styles['mouse-pad-option-title-selected']]: selected,
+      })}
+    >
+      {title}
+    </Title>
+    <Paragraph
+      type="tertiary"
+      className={cls({
+        [styles['mouse-pad-option-subTitle']]: true,
+        [styles['mouse-pad-option-subTitle-selected']]: selected,
+      })}
+    >
+      {subTitle}
+    </Paragraph>
+  </div>
+);
+
+export const MousePadSelector: React.FC<
+  MousePadSelectorProps & React.RefAttributes<HTMLDivElement>
+> = React.forwardRef(
+  (
+    {
+      value,
+      onChange,
+      onPopupVisibleChange,
+      containerStyle,
+      iconStyle,
+      arrowStyle,
+    },
+    ref,
+  ) => {
+    const isMouse = value === InteractiveType.Mouse;
+    const [visible, setVisible] = useState(false);
+
+    return (
+      <Popover
+        trigger="custom"
+        position="topLeft"
+        closeOnEsc
+        visible={visible}
+        onVisibleChange={v => {
+          onPopupVisibleChange?.(v);
+        }}
+        onClickOutSide={() => {
+          setVisible(false);
+        }}
+        spacing={20}
+        content={
+          <div className={styles['ui-mouse-pad-selector-popover']}>
+            <Typography.Title heading={4}>
+              {I18n.t('workflow_interactive_mode')}
+            </Typography.Title>
+            <div className={styles['ui-mouse-pad-selector-popover-options']}>
+              <IteractiveItem
+                title={I18n.t('workflow_mouse_friendly')}
+                subTitle={I18n.t('workflow_mouse_friendly_desc')}
+                data-testid="workflow.detail.toolbar.interactive.mouse"
+                value={InteractiveType.Mouse}
+                selected={value === InteractiveType.Mouse}
+                icon={<MouseIcon />}
+                onChange={onChange}
+              />
+
+              <IteractiveItem
+                title={I18n.t('workflow_pad_friendly')}
+                subTitle={I18n.t('workflow_pad_friendly_desc')}
+                data-testid="workflow.detail.toolbar.interactive.pad"
+                value={InteractiveType.Pad}
+                selected={value === InteractiveType.Pad}
+                icon={<PadIcon />}
+                onChange={onChange}
+              />
+            </div>
+          </div>
+        }
+      >
+        <div
+          className={cls({
+            [styles['ui-mouse-pad-selector']]: true,
+            [styles['ui-mouse-pad-selector-active']]: visible,
+          })}
+          ref={ref}
+          onClick={() => {
+            setVisible(!visible);
+          }}
+          style={containerStyle}
+        >
+          <div
+            className={styles['ui-mouse-pad-selector-icon']}
+            style={iconStyle}
+          >
+            {isMouse ? <IconCozMouse /> : <IconCozTablet />}
+          </div>
+
+          <div
+            className={styles['ui-mouse-pad-selector-arrow']}
+            style={arrowStyle}
+          >
+            <IconCozArrowDown />
+          </div>
+        </div>
+      </Popover>
+    );
+  },
+);

package/vendor/coze/original/node-card.tsx

@@ -1,77 +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 FC, type MouseEvent } from 'react';
-
-import classNames from 'classnames';
-import { Typography, Highlight } from '@coze-arch/coze-design';
-
-import { NodeIconOutlined } from '@/components/node-icon';
-
-import styles from './styles.module.less';
-
-interface NodesContainerProps {
-  className?: string;
-  name: string;
-  hideOutline?: boolean;
-  icon: string;
-  keyword?: string;
-  onClick: (event: MouseEvent<HTMLElement>) => void;
-}
-
-export const NodeCard: FC<NodesContainerProps> = props => {
-  const {
-    name,
-    icon,
-    hideOutline = false,
-    onClick,
-    keyword,
-    className,
-  } = props;
-
-  return (
-    <div
-      className={classNames(styles['node-card'], className)}
-      key={name}
-      onClick={onClick}
-    >
-      <NodeIconOutlined
-        size={20}
-        icon={icon}
-        hideOutline={hideOutline}
-        borderRadius="var(--coze-4)"
-        outlineColor="var(--coz-stroke-plus)"
-      />
-      <Typography.Text
-        className={classNames(
-          styles['node-title'],
-          "font-['PICO_Sans_VFE_SC']",
-        )}
-        ellipsis
-      >
-        <Highlight
-          sourceString={name || ''}
-          searchWords={keyword ? [keyword] : []}
-          highlightStyle={{
-            backgroundColor: 'transparent',
-            color: 'var(--coz-fg-color-orange)',
-            fontWeight: 400,
-          }}
-        />
-      </Typography.Text>
-    </div>
-  );
-};
+/*
+ * 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, type MouseEvent } from 'react';
+
+import classNames from 'classnames';
+import { Typography, Highlight } from '@coze-arch/coze-design';
+
+import { NodeIconOutlined } from '@/components/node-icon';
+
+import styles from './styles.module.less';
+
+interface NodesContainerProps {
+  className?: string;
+  name: string;
+  hideOutline?: boolean;
+  icon: string;
+  keyword?: string;
+  onClick: (event: MouseEvent<HTMLElement>) => void;
+}
+
+export const NodeCard: FC<NodesContainerProps> = props => {
+  const {
+    name,
+    icon,
+    hideOutline = false,
+    onClick,
+    keyword,
+    className,
+  } = props;
+
+  return (
+    <div
+      className={classNames(styles['node-card'], className)}
+      key={name}
+      onClick={onClick}
+    >
+      <NodeIconOutlined
+        size={20}
+        icon={icon}
+        hideOutline={hideOutline}
+        borderRadius="var(--coze-4)"
+        outlineColor="var(--coz-stroke-plus)"
+      />
+      <Typography.Text
+        className={classNames(
+          styles['node-title'],
+          "font-['PICO_Sans_VFE_SC']",
+        )}
+        ellipsis
+      >
+        <Highlight
+          sourceString={name || ''}
+          searchWords={keyword ? [keyword] : []}
+          highlightStyle={{
+            backgroundColor: 'transparent',
+            color: 'var(--coz-fg-color-orange)',
+            fontWeight: 400,
+          }}
+        />
+      </Typography.Text>
+    </div>
+  );
+};

package/vendor/coze/original/node-category-panel.less

@@ -1,4 +1,4 @@
-.node-category-list {
-  @apply grid grid-cols-2 gap-x-2 gap-y-1;
-
-}
+.node-category-list {
+  @apply grid grid-cols-2 gap-x-2 gap-y-1;
+
+}

package/vendor/coze/original/node-category-panel.tsx

@@ -1,53 +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.
- */
-
-import { type PropsWithChildren } from 'react';
-
-import { concatTestId } from '@coze-workflow/base';
-import { Typography } from '@coze-arch/coze-design';
-
-import styles from './index.module.less';
-export interface NodeCategoryPanelProps {
-  categoryName?: string;
-}
-export const NodeCategoryPanel = function ({
-  categoryName,
-  children,
-}: PropsWithChildren<NodeCategoryPanelProps>) {
-  return (
-    <div className="node-category-panel">
-      {categoryName ? (
-        <Typography.Text
-          className="block coz-fg-secondary leading-5 mb-1 pl-1 font-['PICO_Sans_VFE_SC']"
-          weight={500}
-          size="normal"
-          data-testid={concatTestId(
-            'workflow.detail.node-panel.list.category.name',
-            categoryName,
-          )}
-        >
-          {categoryName}
-        </Typography.Text>
-      ) : null}
-      <div
-        className={styles['node-category-list']}
-        data-testid="workflow.detail.node-panel.list.category.list"
-      >
-        {children}
-      </div>
-    </div>
-  );
-};
+/*
+ * 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 { concatTestId } from '@coze-workflow/base';
+import { Typography } from '@coze-arch/coze-design';
+
+import styles from './index.module.less';
+export interface NodeCategoryPanelProps {
+  categoryName?: string;
+}
+export const NodeCategoryPanel = function ({
+  categoryName,
+  children,
+}: PropsWithChildren<NodeCategoryPanelProps>) {
+  return (
+    <div className="node-category-panel">
+      {categoryName ? (
+        <Typography.Text
+          className="block coz-fg-secondary leading-5 mb-1 pl-1 font-['PICO_Sans_VFE_SC']"
+          weight={500}
+          size="normal"
+          data-testid={concatTestId(
+            'workflow.detail.node-panel.list.category.name',
+            categoryName,
+          )}
+        >
+          {categoryName}
+        </Typography.Text>
+      ) : null}
+      <div
+        className={styles['node-category-list']}
+        data-testid="workflow.detail.node-panel.list.category.list"
+      >
+        {children}
+      </div>
+    </div>
+  );
+};