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

package/vendor/coze/source/form-extensions/setters/condition/multi-condition/draggable/condition-branch.tsx

@@ -1,152 +1,152 @@
-/*
- * 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 { getEmptyImage } from 'react-dnd-html5-backend';
-import { useDrop, useDrag } from 'react-dnd';
-import { type FC, useRef, useEffect } from 'react';
-
-import type { Identifier } from 'dnd-core';
-import classNames from 'classnames';
-import { IconHandle } from '@douyinfe/semi-icons';
-
-import {
-  ConditionBranch,
-  type ConditionBranchProps,
-} from '../condition-branch';
-import { ConditionBranchBlock } from './types';
-
-interface DraggableConditionBranchProps extends ConditionBranchProps {
-  index: number;
-  showDraggable?: boolean;
-  onDragStart: (uid: number) => void;
-  onDragEnd?: (startIndex: number, endIndex: number) => void;
-  onMoveBranch: (dragIndex: number, hoverIndex: number) => void;
-}
-
-interface DragItem {
-  index: number;
-  name: string;
-}
-
-export const DraggableConditionBranch: FC<
-  DraggableConditionBranchProps
-> = props => {
-  const { branch, index, onDragStart, onDragEnd, onMoveBranch, showDraggable } =
-    props;
-  const ref = useRef<HTMLDivElement>(null);
-
-  const [{ isDragging }, drag, preview] = useDrag(
-    () => ({
-      type: ConditionBranchBlock,
-      item: () => {
-        onDragStart?.(branch.uid);
-        return {
-          type: ConditionBranchBlock,
-          index,
-          startIndex: index,
-          uid: branch.uid,
-        };
-      },
-      end: (item, monitor) => {
-        onDragEnd?.(item.startIndex, index);
-      },
-      collect: monitor => ({
-        isDragging: monitor.isDragging(),
-      }),
-    }),
-    [branch, onDragEnd, index],
-  );
-
-  const [, drop] = useDrop<
-    DragItem,
-    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-    void,
-    { handlerId: Identifier | null }
-  >(
-    () => ({
-      accept: ConditionBranchBlock,
-      hover(item, monitor) {
-        if (!ref.current || !monitor) {
-          return;
-        }
-        const dragIndex = item.index;
-        const hoverIndex = index;
-
-        // If the drag and hover items are the same, do nothing
-        if (dragIndex === hoverIndex) {
-          return;
-        }
-
-        // Get the bounding rectangle of the hover item
-        const hoverBoundingRect = ref.current?.getBoundingClientRect();
-        // Calculate the vertical midpoint of the hover term
-        const hoverMiddleY =
-          (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-        // Get the current mouse pointer position
-        const clientOffset = monitor.getClientOffset();
-        if (!clientOffset) {
-          return;
-        }
-        // Calculate the distance of the pointer from the top of the hovering item
-        const hoverClientY = clientOffset.y - hoverBoundingRect.top;
-
-        // Drag down
-        if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
-          return;
-        }
-        // Drag up
-        if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
-          return;
-        }
-        // Perform a move operation
-        onMoveBranch(dragIndex, hoverIndex);
-        // Update the index of the drag item
-        item.index = hoverIndex;
-      },
-    }),
-    [branch, onMoveBranch, index],
-  );
-
-  useEffect(() => {
-    preview(getEmptyImage(), { captureDraggingState: true });
-  }, []);
-
-  drag(ref);
-
-  return (
-    <div
-      className={classNames({
-        ['opacity-0']: isDragging,
-        ['opacity-100']: !isDragging,
-      })}
-      ref={drop}
-    >
-      <ConditionBranch
-        {...props}
-        titleIcon={
-          showDraggable ? (
-            <IconHandle
-              ref={ref}
-              data-disable-node-drag="true"
-              className="cursor-move pr-1"
-              style={{ color: '#aaa' }}
-            />
-          ) : null
-        }
-      />
-    </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 { getEmptyImage } from 'react-dnd-html5-backend';
+import { useDrop, useDrag } from 'react-dnd';
+import { type FC, useRef, useEffect } from 'react';
+
+import type { Identifier } from 'dnd-core';
+import classNames from 'classnames';
+import { IconHandle } from '@douyinfe/semi-icons';
+
+import {
+  ConditionBranch,
+  type ConditionBranchProps,
+} from '../condition-branch';
+import { ConditionBranchBlock } from './types';
+
+interface DraggableConditionBranchProps extends ConditionBranchProps {
+  index: number;
+  showDraggable?: boolean;
+  onDragStart: (uid: number) => void;
+  onDragEnd?: (startIndex: number, endIndex: number) => void;
+  onMoveBranch: (dragIndex: number, hoverIndex: number) => void;
+}
+
+interface DragItem {
+  index: number;
+  name: string;
+}
+
+export const DraggableConditionBranch: FC<
+  DraggableConditionBranchProps
+> = props => {
+  const { branch, index, onDragStart, onDragEnd, onMoveBranch, showDraggable } =
+    props;
+  const ref = useRef<HTMLDivElement>(null);
+
+  const [{ isDragging }, drag, preview] = useDrag(
+    () => ({
+      type: ConditionBranchBlock,
+      item: () => {
+        onDragStart?.(branch.uid);
+        return {
+          type: ConditionBranchBlock,
+          index,
+          startIndex: index,
+          uid: branch.uid,
+        };
+      },
+      end: (item, monitor) => {
+        onDragEnd?.(item.startIndex, index);
+      },
+      collect: monitor => ({
+        isDragging: monitor.isDragging(),
+      }),
+    }),
+    [branch, onDragEnd, index],
+  );
+
+  const [, drop] = useDrop<
+    DragItem,
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+    void,
+    { handlerId: Identifier | null }
+  >(
+    () => ({
+      accept: ConditionBranchBlock,
+      hover(item, monitor) {
+        if (!ref.current || !monitor) {
+          return;
+        }
+        const dragIndex = item.index;
+        const hoverIndex = index;
+
+        // If the drag and hover items are the same, do nothing
+        if (dragIndex === hoverIndex) {
+          return;
+        }
+
+        // Get the bounding rectangle of the hover item
+        const hoverBoundingRect = ref.current?.getBoundingClientRect();
+        // Calculate the vertical midpoint of the hover term
+        const hoverMiddleY =
+          (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+        // Get the current mouse pointer position
+        const clientOffset = monitor.getClientOffset();
+        if (!clientOffset) {
+          return;
+        }
+        // Calculate the distance of the pointer from the top of the hovering item
+        const hoverClientY = clientOffset.y - hoverBoundingRect.top;
+
+        // Drag down
+        if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
+          return;
+        }
+        // Drag up
+        if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
+          return;
+        }
+        // Perform a move operation
+        onMoveBranch(dragIndex, hoverIndex);
+        // Update the index of the drag item
+        item.index = hoverIndex;
+      },
+    }),
+    [branch, onMoveBranch, index],
+  );
+
+  useEffect(() => {
+    preview(getEmptyImage(), { captureDraggingState: true });
+  }, []);
+
+  drag(ref);
+
+  return (
+    <div
+      className={classNames({
+        ['opacity-0']: isDragging,
+        ['opacity-100']: !isDragging,
+      })}
+      ref={drop}
+    >
+      <ConditionBranch
+        {...props}
+        titleIcon={
+          showDraggable ? (
+            <IconHandle
+              ref={ref}
+              data-disable-node-drag="true"
+              className="cursor-move pr-1"
+              style={{ color: '#aaa' }}
+            />
+          ) : null
+        }
+      />
+    </div>
+  );
+};

package/vendor/coze/source/form-extensions/setters/condition/multi-condition/draggable/container.tsx

@@ -1,19 +1,19 @@
-/*
- * 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.
- */
-
-export const ConditionDraggableContainer = props => (
-  <div className="relative">{props.children}</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.
+ */
+
+export const ConditionDraggableContainer = props => (
+  <div className="relative">{props.children}</div>
+);

package/vendor/coze/source/form-extensions/setters/condition/multi-condition/draggable/custom-drag-layer.tsx

@@ -1,117 +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 { useDragLayer } from 'react-dnd';
-import { useRef, useEffect, type FC, type ReactNode } from 'react';
-
-import { usePlayground } from '@flowgram-adapter/free-layout-editor';
-import { type Disposable } from '@flowgram-adapter/common';
-
-import { ConditionBranchBlock } from './types';
-
-interface CustomDragLayerProps {
-  preview: ReactNode;
-}
-
-export const CustomDragLayer: FC<CustomDragLayerProps> = props => {
-  const { preview } = props;
-  const layerRef = useRef<HTMLDivElement>(null);
-  const zoomRef = useRef<number>();
-
-  const playground = usePlayground();
-
-  useEffect(() => {
-    let dispose: Disposable;
-    if (playground) {
-      dispose = playground.onZoom(z => {
-        zoomRef.current = z;
-      });
-    }
-    return () => {
-      if (dispose) {
-        dispose.dispose();
-      }
-    };
-  }, []);
-
-  const { itemType, isDragging, initialOffset, currentOffset } = useDragLayer(
-    monitor => ({
-      item: monitor.getItem(),
-      itemType: monitor.getItemType(),
-      isDragging: monitor.isDragging(),
-      initialOffset: monitor.getInitialSourceClientOffset(),
-      currentOffset: monitor.getSourceClientOffset(),
-    }),
-  );
-  function renderItem() {
-    switch (itemType) {
-      case ConditionBranchBlock:
-        return preview;
-      default:
-        return null;
-    }
-  }
-
-  function getItemStyles() {
-    if (
-      !initialOffset ||
-      !currentOffset ||
-      !layerRef.current
-      // !zoomRef.current
-    ) {
-      return {
-        display: 'none',
-      };
-    }
-    const layerOffset = layerRef.current.getBoundingClientRect();
-
-    let { x, y } = currentOffset;
-
-    // In the new interaction of 2.0, setters are rendered in the right panel and are not affected by canvas scaling, so if it is 2.0, the scaling ratio defaults to 1.
-    const zoomRatio = 1;
-
-    x -= layerOffset.x;
-    y -= layerOffset.y;
-    const transform = `translate(${x / zoomRatio}px, ${y / zoomRatio}px)`;
-
-    return {
-      transform,
-      WebkitTransform: transform,
-    };
-  }
-
-  if (!isDragging) {
-    return null;
-  }
-
-  return (
-    <div
-      style={{
-        position: 'absolute',
-        pointerEvents: 'none',
-        scale: 1,
-        zIndex: 100,
-        left: 0,
-        top: 0,
-        width: '100%',
-        height: '100%',
-      }}
-      ref={layerRef}
-    >
-      <div style={getItemStyles()}>{renderItem()}</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 { useDragLayer } from 'react-dnd';
+import { useRef, useEffect, type FC, type ReactNode } from 'react';
+
+import { usePlayground } from '@flowgram-adapter/free-layout-editor';
+import { type Disposable } from '@flowgram-adapter/common';
+
+import { ConditionBranchBlock } from './types';
+
+interface CustomDragLayerProps {
+  preview: ReactNode;
+}
+
+export const CustomDragLayer: FC<CustomDragLayerProps> = props => {
+  const { preview } = props;
+  const layerRef = useRef<HTMLDivElement>(null);
+  const zoomRef = useRef<number>();
+
+  const playground = usePlayground();
+
+  useEffect(() => {
+    let dispose: Disposable;
+    if (playground) {
+      dispose = playground.onZoom(z => {
+        zoomRef.current = z;
+      });
+    }
+    return () => {
+      if (dispose) {
+        dispose.dispose();
+      }
+    };
+  }, []);
+
+  const { itemType, isDragging, initialOffset, currentOffset } = useDragLayer(
+    monitor => ({
+      item: monitor.getItem(),
+      itemType: monitor.getItemType(),
+      isDragging: monitor.isDragging(),
+      initialOffset: monitor.getInitialSourceClientOffset(),
+      currentOffset: monitor.getSourceClientOffset(),
+    }),
+  );
+  function renderItem() {
+    switch (itemType) {
+      case ConditionBranchBlock:
+        return preview;
+      default:
+        return null;
+    }
+  }
+
+  function getItemStyles() {
+    if (
+      !initialOffset ||
+      !currentOffset ||
+      !layerRef.current
+      // !zoomRef.current
+    ) {
+      return {
+        display: 'none',
+      };
+    }
+    const layerOffset = layerRef.current.getBoundingClientRect();
+
+    let { x, y } = currentOffset;
+
+    // In the new interaction of 2.0, setters are rendered in the right panel and are not affected by canvas scaling, so if it is 2.0, the scaling ratio defaults to 1.
+    const zoomRatio = 1;
+
+    x -= layerOffset.x;
+    y -= layerOffset.y;
+    const transform = `translate(${x / zoomRatio}px, ${y / zoomRatio}px)`;
+
+    return {
+      transform,
+      WebkitTransform: transform,
+    };
+  }
+
+  if (!isDragging) {
+    return null;
+  }
+
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        pointerEvents: 'none',
+        scale: 1,
+        zIndex: 100,
+        left: 0,
+        top: 0,
+        width: '100%',
+        height: '100%',
+      }}
+      ref={layerRef}
+    >
+      <div style={getItemStyles()}>{renderItem()}</div>
+    </div>
+  );
+};

package/vendor/coze/source/form-extensions/setters/condition/multi-condition/draggable/types.ts

@@ -1,18 +1,18 @@
-/*
- * 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-next-line @typescript-eslint/naming-convention
-export const ConditionBranchBlock = 'ConditionBranch';
+/*
+ * 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-next-line @typescript-eslint/naming-convention
+export const ConditionBranchBlock = 'ConditionBranch';