Up select spot

src/canvas/index.ts

@@ -733,12 +733,10 @@ export default class CanvasModule extends Module<CanvasConfig> {
       return spot;
     }
 
-    const cmp = spotProps.component;
-    const frame = spotProps.frame || cmp?.frame;
-    const frameId = frame?.id || frame?.cid;
+    const cmpView = spotProps.componentView || spotProps.component?.view;
     const spot = new CanvasSpot<T>(this, {
       ...spotProps,
-      id: spotProps.id || `cs_${frameId}_${cmp?.getId()}`,
+      id: spotProps.id || `cs_${cmpView?.cid}`,
       type: spotProps.type || '',
     } as T);
 

src/editor/model/Editor.ts

@@ -578,9 +578,11 @@ export default class EditorModel extends Model {
 
       selected.addComponent(model, opts);
       this.trigger('component:select', model, opts);
-      this.Canvas.setSpot({
-        type: CanvasSpotBuiltInTypes.Select,
-        component: model,
+      model.views.forEach(view => {
+        this.Canvas.setSpot({
+          type: CanvasSpotBuiltInTypes.Select,
+          componentView: view,
+        });
       });
     });
   }
@@ -596,9 +598,11 @@ export default class EditorModel extends Model {
     this.selected.removeComponent(component, opts);
     const cmps: Component[] = isArray(component) ? component : [component];
     cmps.forEach(component =>
-      this.Canvas.removeSpot({
-        type: CanvasSpotBuiltInTypes.Select,
-        component,
+      component.views.forEach(view => {
+        this.Canvas.removeSpot({
+          type: CanvasSpotBuiltInTypes.Select,
+          componentView: view,
+        });
       })
     );
   }