@_unit/unit 1.0.9 → 1.0.10

package/lib/system/platform/component/app/Editor/Component.js

@@ -1179,11 +1179,15 @@ const remapGraph = (graph, map_unit_id, map_merge_id, map_plug_id, map_datum_id)
             for (const sub_pin_id in plug) {
                 const sub_pin = plug[sub_pin_id];
                 const next_sub_pin_id = (0, object_1.pathOrDefault)(map_plug_id, [type, pin_id, sub_pin_id], sub_pin_id);
-                const { unitId, pinId, mergeId } = sub_pin;
+                const { unitId, pinId, mergeId, kind = type } = sub_pin;
                 if (unitId && pinId) {
                     const new_unit_id = map_unit_id[unitId];
                     if (new_unit_id) {
-                        new_pin.plug[next_sub_pin_id] = { unitId: new_unit_id, pinId };
+                        new_pin.plug[next_sub_pin_id] = {
+                            unitId: new_unit_id,
+                            pinId,
+                            kind,
+                        };
                     }
                 }
                 else if (mergeId) {
@@ -2160,6 +2164,7 @@ class Editor_ extends element_1.Element {
             return sub_pin;
         };
         this._spec_get_pin_node_plug_spec = (type, pin_node_id) => {
+            var _b;
             const is_merge = this._is_merge_node_id(pin_node_id);
             const is_link_pin = this._is_link_pin_node_id(pin_node_id);
             const pinSpecs = this._spec[`${type}s`];
@@ -2175,9 +2180,10 @@ class Editor_ extends element_1.Element {
                         }
                     }
                     else if (is_link_pin) {
-                        const { unitId: pinUnitId, pinId: pinPinId } = (0, id_1.segmentLinkPinNodeId)(pin_node_id);
+                        const { unitId: pinUnitId, type: pinUnitType, pinId: pinUnitPinId, } = (0, id_1.segmentLinkPinNodeId)(pin_node_id);
                         if (pinUnitId === subPinSpec.unitId &&
-                            pinPinId === subPinSpec.pinId) {
+                            pinUnitPinId === subPinSpec.pinId &&
+                            pinUnitType === ((_b = subPinSpec.kind) !== null && _b !== void 0 ? _b : type)) {
                             return { type, pinId, subPinId, pinSpec, subPinSpec };
                         }
                     }
@@ -4197,11 +4203,11 @@ class Editor_ extends element_1.Element {
             const int_node_id = (0, id_1.getIntNodeId)(type, pin_id, sub_pin_id);
             const functional = this.__is_exposed_pin_functional(type, pin_id);
             this._exposed_pin_unplugged_count++;
-            const { unitId, pinId, mergeId } = sub_pin_spec;
+            const { unitId, pinId, mergeId, kind = type } = sub_pin_spec;
             let fallback_position = (0, geometry_1.randomInRect)(this._width / 4, this._height / 4, (3 * this._width) / 4, (3 * this._height) / 4);
             if (unitId && pinId) {
-                const pin_node_id = (0, id_1.getPinNodeId)(unitId, type, pinId);
-                if (type === 'output' && pinId === SELF_1.SELF) {
+                const pin_node_id = (0, id_1.getPinNodeId)(unitId, kind, pinId);
+                if (kind === 'output' && pinId === SELF_1.SELF) {
                     const unit_node = this.get_node(unitId);
                     const u = (0, geometry_1.randomUnitVector)();
                     if (unit_node.shape === 'rect') {
@@ -4318,7 +4324,7 @@ class Editor_ extends element_1.Element {
                     anchor_node_id = unitId;
                 }
                 else {
-                    anchor_node_id = (0, id_1.getPinNodeId)(unitId, type, pinId);
+                    anchor_node_id = (0, id_1.getPinNodeId)(unitId, kind, pinId);
                     this._pin_to_int[type][anchor_node_id] = int_node_id;
                     this._pin_to_ext[type][anchor_node_id] = ext_node_id;
                 }
@@ -4739,6 +4745,7 @@ class Editor_ extends element_1.Element {
                             const sub_pin_spec = {
                                 unitId: new_unit_id,
                                 pinId: swap_pin_id,
+                                kind: type,
                             };
                             delete exposed_swap_pin_bag[type][tag][swap_pin_id];
                             next_exposed_pin_index[type][tag][pin_id] = pin_index;
@@ -5641,6 +5648,7 @@ class Editor_ extends element_1.Element {
                 this._sim_plug_exposed_pin(type, pinId, subPinId, {
                     unitId: unit_id,
                     pinId: pin_id,
+                    kind: type,
                 });
             }
             if (data) {
@@ -5648,12 +5656,17 @@ class Editor_ extends element_1.Element {
             }
             if (merge_node_id) {
                 const { mergeId } = (0, id_1.segmentMergeNodeId)(merge_node_id);
-                if (this._has_node(merge_node_id)) {
-                    this._sim_add_link_pin_to_merge(pin_node_id, merge_node_id);
+                if (this._is_merge_ref(merge_node_id)) {
+                    // TODO
                 }
                 else {
-                    this._sim_add_merge(mergeId, merge_spec, merge_position);
-                    this._sim_collapse_merge(mergeId);
+                    if (this._has_node(merge_node_id)) {
+                        this._sim_add_link_pin_to_merge(pin_node_id, merge_node_id);
+                    }
+                    else {
+                        this._sim_add_merge(mergeId, merge_spec, merge_position);
+                        this._sim_collapse_merge(mergeId);
+                    }
                 }
             }
         };
@@ -13989,7 +14002,7 @@ class Editor_ extends element_1.Element {
         this._is_plug_pin_match = (type, pin_id, pin_node_id) => {
             var _b;
             const { specs } = this.$props;
-            const { pinId: pin_exposed_id } = (_b = this._spec_get_pin_node_plug_spec(type, pin_node_id)) !== null && _b !== void 0 ? _b : {};
+            const { pinId: pin_exposed_id } = (_b = this._spec_get_pin_node_plug_spec(type, pin_node_id)) !== null && _b !== void 0 ? _b : { kind: undefined };
             if (pin_exposed_id === pin_id) {
                 return false;
             }
@@ -14009,39 +14022,41 @@ class Editor_ extends element_1.Element {
                     return false;
                 }
                 const { type: _type } = (0, id_1.segmentLinkPinNodeId)(pin_node_id);
-                if (type === _type) {
-                    const exp_pin_type = this.__get_ext_pin_type(type, pin_id);
-                    const link_pin_type = this._get_link_pin_type(pin_node_id);
-                    if (_type === 'input') {
-                        if (this._is_link_pin_ref(pin_node_id)) {
-                            if (this._is_unit_datum_type(exp_pin_type)) {
-                                return true;
-                            }
-                            else {
-                                return (0, parser_2._isTypeMatch)(specs, exp_pin_type, link_pin_type);
-                            }
+                // if (type === _type) {
+                const exp_pin_type = this.__get_ext_pin_type(type, pin_id);
+                const link_pin_type = this._get_link_pin_type(pin_node_id);
+                if (_type === 'input') {
+                    if (this._is_link_pin_ref(pin_node_id)) {
+                        if (this._is_unit_datum_type(exp_pin_type)) {
+                            return true;
                         }
                         else {
                             return (0, parser_2._isTypeMatch)(specs, exp_pin_type, link_pin_type);
                         }
                     }
                     else {
-                        return (0, parser_2._isTypeMatch)(specs, link_pin_type, exp_pin_type);
+                        return (0, parser_2._isTypeMatch)(specs, exp_pin_type, link_pin_type);
                     }
                 }
+                else {
+                    return (0, parser_2._isTypeMatch)(specs, link_pin_type, exp_pin_type);
+                }
+                // }
             }
             else if (this._is_merge_node_id(pin_node_id)) {
-                if ((type === 'input' && !this._is_output_only_merge(pin_node_id)) ||
-                    (type === 'output' && !this._is_input_only_merge(pin_node_id))) {
-                    const exp_pin_type = this.__get_ext_pin_type(type, pin_id);
-                    const merge_pin_type = this._get_merge_pin_type(pin_node_id, type);
-                    if (type === 'input') {
-                        return (0, parser_2._isTypeMatch)(specs, exp_pin_type, merge_pin_type);
-                    }
-                    else {
-                        return (0, parser_2._isTypeMatch)(specs, merge_pin_type, exp_pin_type);
-                    }
+                // if (
+                //   (type === 'input' && !this._is_output_only_merge(pin_node_id)) ||
+                //   (type === 'output' && !this._is_input_only_merge(pin_node_id))
+                // ) {
+                const exp_pin_type = this.__get_ext_pin_type(type, pin_id);
+                const merge_pin_type = this._get_merge_pin_type(pin_node_id, type);
+                if (type === 'input') {
+                    return (0, parser_2._isTypeMatch)(specs, exp_pin_type, merge_pin_type);
                 }
+                else {
+                    return (0, parser_2._isTypeMatch)(specs, merge_pin_type, exp_pin_type);
+                }
+                // }
             }
             return false;
         };
@@ -15356,7 +15371,40 @@ class Editor_ extends element_1.Element {
         this._sim_set_unit_pin_ref = (pin_node_id, ref) => {
             // console.log('Graph', '_sim_set_unit_pin_ref', pin_node_id, ref)
             const { unitId, type, pinId } = (0, id_1.segmentLinkPinNodeId)(pin_node_id);
-            this._sim_refresh_link_pin(unitId, type, pinId);
+            const merge_node_id = this._pin_to_merge[pin_node_id];
+            const merge_spec = merge_node_id && this._get_merge(merge_node_id);
+            const merge_position = merge_spec && this._get_anchor_node_position(merge_node_id);
+            const ext_node_id = this._pin_to_ext[type][pin_node_id];
+            const position = this._get_anchor_node_position(pin_node_id);
+            const data = this._pin_datum_tree[pin_node_id];
+            // this._sim_graph_unit_remove_pin(pin_node_id)
+            // this._sim_graph_unit_add_unit_pin(unitId, type, pinId, position)
+            // if (ext_node_id) {
+            //   const { type, pinId, subPinId } = segmentPlugNodeId(ext_node_id)
+            //   this._sim_plug_exposed_pin(type, pinId, subPinId, {
+            //     unitId,
+            //     pinId,
+            //     kind: type,
+            //   })
+            // }
+            // if (data) {
+            //   this._graph_debug_set_pin_data_tree(pin_node_id, data)
+            // }
+            if (merge_node_id) {
+                const { mergeId } = (0, id_1.segmentMergeNodeId)(merge_node_id);
+                if (this._is_merge_ref(merge_node_id)) {
+                    // TODO
+                }
+                else {
+                    if (this._has_node(merge_node_id)) {
+                        this._sim_add_link_pin_to_merge(pin_node_id, merge_node_id);
+                    }
+                    else {
+                        this._sim_add_merge(mergeId, merge_spec, merge_position);
+                        this._sim_collapse_merge(mergeId);
+                    }
+                }
+            }
         };
         this._pod_set_unit_pin_ignored = (pin_node_id, ignored) => {
             const { unitId, type, pinId } = (0, id_1.segmentLinkPinNodeId)(pin_node_id);
@@ -17089,42 +17137,61 @@ class Editor_ extends element_1.Element {
             }
             else {
                 if (this._is_unit_node_id(node_id)) {
-                    if (!this._resize_node_id_pointer_id[node_id] &&
-                        !this._animating_unit_explosion.has(node_id)) {
-                        if (this._mode === 'none') {
-                            if (!this._is_unit_base(node_id)) {
-                                this._enter_subgraph(node_id);
-                            }
-                            else {
-                                //
-                            }
-                        }
-                        else if (this._mode === 'multiselect') {
-                            // TODO
-                        }
-                        else if (this._mode === 'info') {
-                            if (this._tree_layout) {
-                                // TODO sub-component
-                            }
-                            else {
-                                if (!this._is_unit_base(node_id)) {
-                                    this._enter_subgraph(node_id);
-                                }
-                            }
-                        }
-                        else {
-                            // TODO mode action on soul
-                        }
-                    }
+                    this._on_unit_long_click(node_id);
                 }
                 else if (this._is_link_pin_node_id(node_id)) {
-                    if (this._mode === 'change') {
-                        // this._toggle_link_pin_memory(node_id)
-                    }
+                    this._on_link_pin_long_click(node_id);
+                }
+                else if (this._is_datum_node_id(node_id)) {
+                    this._on_datum_long_click(node_id);
+                }
+                else {
+                    //
                 }
             }
         };
         this._on_unit_long_click = (unit_id) => {
+            if (!this._resize_node_id_pointer_id[unit_id] &&
+                !this._animating_unit_explosion.has(unit_id)) {
+                if (this._mode === 'none') {
+                    if (!this._is_unit_base(unit_id)) {
+                        this._enter_subgraph(unit_id);
+                    }
+                    else {
+                        //
+                    }
+                }
+                else if (this._mode === 'multiselect') {
+                    // TODO
+                }
+                else if (this._mode === 'info') {
+                    if (this._tree_layout) {
+                        // TODO sub-component
+                    }
+                    else {
+                        if (!this._is_unit_base(unit_id)) {
+                            this._enter_subgraph(unit_id);
+                        }
+                    }
+                }
+                else {
+                    // TODO mode action on soul
+                }
+            }
+        };
+        this._on_link_pin_long_click = (pin_node_id) => {
+            if (this._mode === 'change') {
+                // this._toggle_link_pin_memory(node_id)
+            }
+        };
+        this._on_datum_long_click = (datum_node_id) => {
+            if (this._mode === 'none') {
+                if (this._is_datum_class_literal(datum_node_id)) {
+                    this._enter_datum_class_literal(datum_node_id);
+                }
+            }
+        };
+        this._enter_datum_class_literal = (datum_node_id) => {
             // TODO
         };
         this._on_link_pin_long_press = (pin_node_id) => {
@@ -19520,7 +19587,7 @@ class Editor_ extends element_1.Element {
                 }
             }
             (0, IOOf_1.forIOObjKV)(unit_plugs, (type, unitPinId, { pinId, subPinId }) => {
-                var _b, _c;
+                var _b, _c, _d;
                 const specPin = (0, util_1.getPinSpec)(spec, type, unitPinId);
                 const { plug } = specPin;
                 for (const sub_pin_id in plug) {
@@ -19530,10 +19597,11 @@ class Editor_ extends element_1.Element {
                         this._state_plug_exposed_pin(type, pinId, subPinId, {
                             unitId: sub_pin_next_unit_id,
                             pinId: sub_pin.pinId,
+                            kind: (_c = sub_pin.kind) !== null && _c !== void 0 ? _c : type,
                         });
                     }
                     else if (sub_pin.mergeId) {
-                        const sub_pin_next_merge_id = (_c = map_merge_id[sub_pin.mergeId]) !== null && _c !== void 0 ? _c : sub_pin.mergeId;
+                        const sub_pin_next_merge_id = (_d = map_merge_id[sub_pin.mergeId]) !== null && _d !== void 0 ? _d : sub_pin.mergeId;
                         this._state_plug_exposed_pin(type, pinId, subPinId, {
                             mergeId: sub_pin_next_merge_id,
                         });
@@ -20194,6 +20262,7 @@ class Editor_ extends element_1.Element {
                 (0, id_1.getIntNodeId)(type, pin_id, sub_pin_id));
         };
         this._get_exposed_pin_spec_internal_node_id = (type, sub_pin_spec) => {
+            var _b;
             const { mergeId, unitId, pinId } = sub_pin_spec;
             if (mergeId) {
                 const merge_node_id = (0, id_1.getMergeNodeId)(mergeId);
@@ -20205,7 +20274,7 @@ class Editor_ extends element_1.Element {
                     return unitId;
                 }
                 else {
-                    return (0, id_1.getPinNodeId)(unitId, type, pinId);
+                    return (0, id_1.getPinNodeId)(unitId, (_b = sub_pin_spec.kind) !== null && _b !== void 0 ? _b : type, pinId);
                 }
             }
             else {
@@ -20927,6 +20996,7 @@ class Editor_ extends element_1.Element {
                             this._plug_exposed_pin(_type, pinId, subPinId, {
                                 unitId,
                                 pinId: _pinId,
+                                kind: _type,
                             });
                         }
                     }
@@ -20968,6 +21038,7 @@ class Editor_ extends element_1.Element {
                         this._sim_plug_exposed_pin('input', _pinId, subPinId, {
                             unitId,
                             pinId,
+                            kind: 'input',
                         });
                     }
                     else if (should_plug_output) {
@@ -20975,6 +21046,7 @@ class Editor_ extends element_1.Element {
                         this._sim_plug_exposed_pin('output', _pinId, subPinId, {
                             unitId,
                             pinId,
+                            kind: 'output',
                         });
                     }
                 }
@@ -21000,12 +21072,14 @@ class Editor_ extends element_1.Element {
                     this._spec_plug_sub_pin('input', merge_input.pinId, merge_input.subPinId, {
                         unitId,
                         pinId,
+                        kind: 'input',
                     });
                 }
                 if (merge_output) {
                     this._spec_plug_sub_pin('output', merge_output.pinId, merge_output.subPinId, {
                         unitId,
                         pinId,
+                        kind: 'output',
                     });
                 }
             });
@@ -22494,15 +22568,20 @@ class Editor_ extends element_1.Element {
         this.__plug_exposed_pin_to = (type, pin_id, sub_pin_id, node_id) => {
             let sub_pin_spec;
             if (this._is_link_pin_node_id(node_id)) {
-                const { unitId, pinId } = (0, id_1.segmentLinkPinNodeId)(node_id);
-                sub_pin_spec = { unitId, pinId };
+                const { unitId, type, pinId } = (0, id_1.segmentLinkPinNodeId)(node_id);
+                sub_pin_spec = { unitId, pinId, kind: type };
             }
             else if (this._is_merge_node_id(node_id)) {
                 const { mergeId } = (0, id_1.segmentMergeNodeId)(node_id);
                 sub_pin_spec = { mergeId };
             }
             else if (this._is_unit_node_id(node_id)) {
-                sub_pin_spec = { unitId: node_id, pinId: SELF_1.SELF };
+                sub_pin_spec = {
+                    unitId: node_id,
+                    type: 'output',
+                    pinId: SELF_1.SELF,
+                    kind: type,
+                };
             }
             else {
                 throw new Error(`cannot plug to node id: ${node_id}`);
@@ -22580,7 +22659,7 @@ class Editor_ extends element_1.Element {
             }
         };
         this._state_plug_exposed_pin = (type, pin_id, sub_pin_id, sub_pin_spec) => {
-            // console.log('Graph', '_state_plug_exposed_pin', type, pin_id, sub_pin_id)
+            // console.log('Graph', '_state_plug_exposed_pin', type, pin_id, sub_pin_id, sub_pin_spec)
             this._spec_plug_sub_pin(type, pin_id, sub_pin_id, sub_pin_spec);
             this._sim_plug_exposed_pin(type, pin_id, sub_pin_id, sub_pin_spec);
         };
@@ -26679,6 +26758,7 @@ class Editor_ extends element_1.Element {
                                 next_merge_sub_pin_spec = {
                                     unitId: unit_id,
                                     pinId: pin_id,
+                                    kind: opposite_type,
                                 };
                             }
                             else {
@@ -28115,6 +28195,10 @@ class Editor_ extends element_1.Element {
             const graph_spec_id = this._get_unit_spec_id(graphId);
             const graph_spec = this._get_unit_spec(graphId);
             const next_graph_spec = (0, object_1.clone)(graph_spec);
+            const pin_plug = (0, util_1.findUnitPinPlug)(this._spec, graphId, type, pinId);
+            if (pin_plug) {
+                this._spec_unplug_sub_pin(type, pin_plug.pinId, pin_plug.subPinId);
+            }
             (0, spec_2.coverPinSet)({ pinId, type }, next_graph_spec);
             if (mergeId) {
                 const pin_node_id = (0, id_1.getPinNodeId)(graphId, type, pinId);
@@ -29259,7 +29343,11 @@ class Editor_ extends element_1.Element {
                     this._plug_exposed_pin(type, pinId, subPinId, { mergeId });
                 }
                 else {
-                    this._plug_exposed_pin(type, pinId, subPinId, { unitId, pinId: _pinId });
+                    this._plug_exposed_pin(type, pinId, subPinId, {
+                        unitId,
+                        pinId: _pinId,
+                        kind: type,
+                    });
                 }
             });
         };
@@ -30827,6 +30915,7 @@ class Editor_ extends element_1.Element {
                 const unit_id = (0, array_1.last)(path);
                 const parent_path = (0, array_1.butLast)(path);
                 const parent_spec = (0, util_1.findSpecAtPath)(specs, this._spec, parent_path);
+                const pin_plug = (0, util_1.findUnitPinPlug)(parent_spec, unit_id, type, pinId);
                 (0, object_1.pathDelete)(parent_spec, ['units', unit_id, type, pinId]);
                 setSpec(parent_spec.id, parent_spec);
             }
@@ -31676,8 +31765,7 @@ class Editor_ extends element_1.Element {
             const { plug, unit } = nodeIds;
             const unit_spec = (0, util_1.findSpecAtPath)(specs, this._spec, path);
             if (this._is_spec_updater(path)) {
-                // if (this._subgraph_unit_id !== graph_unit_id) {
-                const spec = (0, util_1.findSpecAtPath)(specs, this._spec, path);
+                const spec = (0, util_1.findSpecAtPath)(specs, this._spec, [...path, graphId]);
                 const next_spec = (0, object_1.clone)(spec);
                 const graph_unit_spec = this._get_unit_spec(graph_unit_id);
                 const merges = (0, object_1.clone)(this._get_graph_unit_unit_merges(graph_unit_id, data.graphId));
@@ -31694,7 +31782,6 @@ class Editor_ extends element_1.Element {
                         spec_interface.coverPinSet(type, pinId, path);
                     },
                 }), data.graphId, data, connectOpt, false);
-                // }
             }
         };
         this._on_graph_unit_move_subgraph_out_of = (data) => {
@@ -31771,17 +31858,24 @@ class Editor_ extends element_1.Element {
             }
         };
         this._state_graph_remove_unit_pin = (unitId, type, pinId) => {
+            const pin_node_id = (0, id_1.getPinNodeId)(unitId, type, pinId);
+            const mergeId = this._get_pin_merge_id(pin_node_id);
             this._sim_graph_remove_unit_pin(unitId, type, pinId);
-            this._spec_graph_remove_unit_pin(unitId, type, pinId);
+            this._spec_graph_unit_remove_pin(unitId, type, pinId, mergeId);
         };
         this._sim_graph_remove_unit_pin = (unitId, type, pinId) => {
-            // console.log('Graph', '_sim_graph_remove_unit_pin')
+            // console.log('Graph', '_sim_graph_remove_unit_pin', unitId, type, pinId)
             const { specs } = this.$props;
             const pin_node_id = (0, id_1.getPinNodeId)(unitId, type, pinId);
             const merge_node_id = this._pin_to_merge[pin_node_id];
             if (merge_node_id) {
                 this._state_remove_pin_or_merge(pin_node_id);
             }
+            const plug_node_id = this._pin_to_int[type][pin_node_id];
+            if (plug_node_id) {
+                const { type, pinId, subPinId } = (0, id_1.segmentPlugNodeId)(plug_node_id);
+                this._state_unplug_exposed_pin(type, pinId, subPinId);
+            }
             if (this._pin_node[pin_node_id]) {
                 this._sim_graph_unit_remove_pin(pin_node_id);
             }
@@ -32124,7 +32218,7 @@ class Editor_ extends element_1.Element {
                         let { type: _type, pinId, subPinId, subPinSpec } = plug;
                         if (subPinSpec.unitId && subPinSpec.pinId) {
                             subPinSpec = {
-                                type: _type !== null && _type !== void 0 ? _type : type,
+                                kind: _type !== null && _type !== void 0 ? _type : type,
                                 unitId: subPinSpec.unitId,
                                 pinId: nextPinId,
                             };
@@ -33538,10 +33632,10 @@ class Editor_ extends element_1.Element {
         this._refresh_plug_layer(ext_node_id, int_node_id);
         delete this._int_node_locked[int_node_id];
         if (this._is_pin_node_id(target_node_id)) {
+            const { type: kind } = (0, id_1.segmentLinkPinNodeId)(target_node_id);
             this.__plug_exposed_pin_to(type, pinId, subPinId, target_node_id);
         }
         else if (this._is_unit_node_id(target_node_id)) {
-            const pin_node_id = (0, id_1.getSelfPinNodeId)(target_node_id);
             this.__plug_exposed_pin_to(type, pinId, subPinId, target_node_id);
         }
         else if (this._is_plug_node_id(target_node_id)) {
@@ -34150,6 +34244,7 @@ class Editor_ extends element_1.Element {
                         new_pin_sub_spec = {
                             unitId,
                             pinId,
+                            kind: _type,
                         };
                         const pin_datum_node_id = this._get_pin_datum_node_id(pin_node_id);
                         if (pin_datum_node_id) {
@@ -34426,6 +34521,7 @@ class Editor_ extends element_1.Element {
                         subPinSpec: {
                             unitId: next_unit_id,
                             pinId: pin_id,
+                            kind: type,
                         },
                     }, updated_graph_spec);
                 }
@@ -34434,7 +34530,13 @@ class Editor_ extends element_1.Element {
                         pinId,
                         type,
                         pinSpec: {
-                            plug: { [subPinId]: { unitId: next_unit_id, pinId: pin_id } },
+                            plug: {
+                                [subPinId]: {
+                                    unitId: next_unit_id,
+                                    pinId: pin_id,
+                                    kind: type,
+                                },
+                            },
                             ref,
                         },
                     }, updated_graph_spec);
@@ -34510,6 +34612,7 @@ class Editor_ extends element_1.Element {
                     target.plugPin(type, pinId, subPinId, {
                         unitId: next_unit_id,
                         pinId: pin_id,
+                        kind: type,
                     });
                 }
             }
@@ -34517,6 +34620,7 @@ class Editor_ extends element_1.Element {
                 plugPin(type, pinId, subPinId, {
                     unitId: graph_id,
                     pinId: next_pin_id,
+                    kind: type,
                 }, position);
             }
         });
@@ -34800,17 +34904,6 @@ class Editor_ extends element_1.Element {
             forked: true,
         };
     }
-    _spec_graph_remove_unit_pin(unitId, type, pinId) {
-        const { setSpec } = this.$props;
-        const unit_spec_id = this._get_unit_spec_id(unitId);
-        const unit_spec = this._get_unit_spec(unitId);
-        const next_spec = (0, object_1.clone)(unit_spec);
-        (0, spec_2.coverPinSet)({
-            pinId,
-            type,
-        }, next_spec);
-        setSpec(unit_spec_id, next_spec);
-    }
     _graph_debug_set_unit_err(unit_id, err) {
         this._set_core_border_color(unit_id, theme_1.COLOR_OPAQUE_RED);
         if (!this._err[unit_id]) {