[发明专利]组件操控方法、装置、电子设备及存储介质

说明书

本公开公开了一种组件操控方法、装置、电子设备及存储介质，属于计算机技术领域。该组件操控方法包括在编辑器中的编辑区域显示有目标组件的情况下，检测针对所述目标组件的第一操作事件；其中，所述目标组件上覆盖有与至少一个属性对应的至少一个属性层；响应于检测到的所述第一操作事件，从所述目标组件上覆盖的所述属性层中确定目标属性层；根据所述目标属性层对应的目标属性，对所述目标组件进行操控。采用本公开提供的组件操控方法、装置、电子设备及存储介质，至少解决现有技术中经二次开发的组件在交互操作时可靠性较低的问题。

技术领域

本公开涉及计算机技术领域，尤其涉及一种组件操控方法、装置、电子设备及存储介质。

背景技术

随着计算机技术的快速发展，各种基于网页Web端的可视化编辑器层出不穷。用户在Web端使用编辑器进行编辑时，例如使用编辑器构建网页或创作流程图时，需要在编辑器的编辑区域内添加多个组件，而为了使设计出的界面内容更加丰富多样，就需要用户在编辑区域内对这些组件进行大量的交互操作，例如拖拽、旋转、调整大小、组件吸附、对齐等。

现有技术中，由于多数组件在开发时并没有设计这样的交互功能，而二次开发时都是对组件本身进行侵入式改造，也即，将相应的交互操作属性植入到组件本身的逻辑代码中，使得交互操作属性与组件本身的操作属性耦合在一起。这样，用户在对这些组件进行交互操作时，容易因为交互操作属性与组件本身的操作属性发生冲突，而导致错误的发生，降低了组件交互操作时的可靠性。

发明内容

本公开实施例的目的是提供一种组件操控方法、装置、电子设备及存储介质，以至少解决现有经二次开发的组件在交互操作时可靠性较低的问题。

本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种组件操控方法，该方法可以包括：

在编辑器中的编辑区域显示有目标组件的情况下，检测针对所述目标组件的第一操作事件；其中，所述目标组件上覆盖有与至少一个属性对应的至少一个属性层，所述属性为所述目标组件的属性；

响应于检测到的所述第一操作事件，从所述目标组件上覆盖的所述属性层中确定目标属性层；

根据所述目标属性层对应的目标属性，对所述目标组件进行操控。

在其中一个实施例中，上述涉及的属性层包括事件层和/或显示层；其中，所述事件层中包含有需要捕获目标事件的元素，所述显示层用于显示与所述显示层对应的显示内容。

基于此，在其中一个实施例中，在所述目标属性层为事件层的情况下，上述涉及的从所述目标组件上覆盖的所述属性层中确定目标属性层的步骤，可以包括：

确定所述第一操作事件为目标事件；

将所述目标组件上覆盖的用于捕获所述目标事件的至少一个事件层，确定为目标属性层。

另外，在其中一个实施例中，在所述目标属性层为显示层的情况下，所述目标属性为内容显示属性；

上述涉及的根据所述目标属性层对应的目标属性，对所述目标组件进行操控的步骤，可以包括：

在所述目标组件上，显示所述显示层对应的显示内容。

在其中一个实施例中，在所述事件层为事件捕获层的情况下，上述涉及的根据所述目标属性层对应的目标属性，对所述目标组件进行操控的步骤，可以包括：

控制所述事件捕获层根据所述第一操作事件的类型，确定是否将所述第一操作事件传递给所述目标组件；

在确定传递的情况下，将所述第一操作事件传递给所述目标组件，以根据所述第一操作事件执行对所述目标组件本身的操作；