feat: construct the edge of the classification operator from dsl #918 (#1329)

### What problem does this PR solve?

feat: construct the edge of the classification operator from dsl #918

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/flow/canvas/node/categorize-node.tsx

@@ -24,6 +24,21 @@ export function CategorizeNode({ id, data, selected }: NodeProps<NodeData>) {
         position={Position.Left}
         isConnectable
         className={styles.handle}
+        id={'a'}
+      ></Handle>
+      <Handle
+        type="target"
+        position={Position.Top}
+        isConnectable
+        className={styles.handle}
+        id={'b'}
+      ></Handle>
+      <Handle
+        type="target"
+        position={Position.Bottom}
+        isConnectable
+        className={styles.handle}
+        id={'c'}
       ></Handle>
       {Object.keys(categoryData).map((x, idx) => (
         <CategorizeHandle

web/src/pages/flow/canvas/node/index.less

@@ -28,7 +28,7 @@
   }
   .bottomBox {
     position: absolute;
-    bottom: -24px;
+    bottom: -26px;
     background: white;
     padding: 2px 5px;
     border-radius: 5px;