CN116795260A

CN116795260A - Full selection method, device, equipment and medium based on elementUI

Info

Publication number: CN116795260A
Application number: CN202310853266.XA
Authority: CN
Inventors: 张然
Original assignee: Shanghai Shuncom Smart Technology Co ltd
Current assignee: Shanghai Shuncom Smart Technology Co ltd
Priority date: 2023-07-12
Filing date: 2023-07-12
Publication date: 2023-09-22

Abstract

The application discloses a full selection method, device, equipment and medium based on an ElementUI. Executed by a selector sub-component of the ElementUI, comprising: when the click operation of a user on a target option in a selection frame is monitored, determining a target identification value according to the click operation of the user, and determining that the target option is a full-selection option or a single-selection option; when the target option is a full selection option, updating the selection identification value and the full selection identification value of each single selection option data in the selector sub-component to be the target identification value; when the target option is a single-choice option and the full-choice processing condition is met, updating the selection identification value and the full-choice selection identification value of the target single-choice option data in the selector sub-component into target identification values; the selector page is reset based on the individual radio option data and the full-selection select identification value in the selector sub-component. By adopting the technical scheme, the full selection function can be realized on the product based on the elementUI.

Description

Full selection method, device, equipment and medium based on elementUI

Technical Field

The application relates to the technical field of computer software, in particular to a full selection method, device, equipment and medium based on an elementUI.

Background

The Element UI is a desktop component library based on a Vue framework, and the Element UI is commonly used in the development process of the current software product.

However, the existing Element UI does not support a one-key full selection function, and if a user needs to select all options in a page, the user needs to select one by one, which consumes longer time and reduces user experience. Moreover, after the user clicks, the existing page developed based on the Element UI cannot intuitively prompt the user whether to finish full selection, and the user is difficult to find out the missed selection options in time.

Disclosure of Invention

The application provides a full selection method, device, equipment and medium based on an Element UI, which can realize the full selection function on a product based on the Element UI.

According to an aspect of the present application, there is provided an Element UI-based full selection method performed by a selector sub-component of an Element UI, comprising:

when the click operation of a user on a target option in a selection frame is monitored, determining a target identification value according to the click operation of the user, and determining that the target option is a full-selection option or a single-selection option;

when the target option is a full selection option, updating the selection identification value and the full selection identification value of each single selection option data in the selector sub-component to be the target identification value;

when the target option is a single-choice option and the full-choice processing condition is met, updating the selection identification value and the full-choice selection identification value of the target single-choice option data in the selector sub-component into target identification values;

the selector page is reset based on the individual radio option data and the full-selection select identification value in the selector sub-component.

According to another aspect of the present application, there is provided an Element UI-based full selection device, executed by a selector sub-component of an Element UI, comprising:

the option determining module is used for determining a target identification value according to the clicking operation of the user when the clicking operation of the user on the target option in the selection frame is monitored, and determining that the target option is a full-selection option or a single-selection option;

the full selection identification value updating module is used for updating the selection identification value and the full selection identification value of each single selection option data in the selector sub-assembly into the target identification value when the target option is the full selection option;

the single-selection identification value updating module is used for updating the selection identification value and the full-selection identification value of the target single-selection option data in the selector sub-assembly to the target identification value when the target option is a single-selection option and the full-selection processing condition is determined to be met;

and the selector page resetting module is used for resetting the selector page according to the data of each single option in the selector sub-assembly and the full option selection identification value.

According to another aspect of the present application, there is provided an electronic apparatus including:

at least one processor; and

a memory communicatively coupled to the at least one processor; wherein,,

the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the Element UI-based full selection method according to any one of the embodiments of the present application.

According to another aspect of the present application, there is provided a computer readable storage medium storing computer instructions for causing a processor to implement the Element UI-based full selection method according to any one of the embodiments of the present application when executed.

According to the technical scheme of the embodiment of the application, the click operation of the user on the target option is obtained, the target identification value and the option category of the target option are determined according to the click operation, the corresponding identification values are updated to the target identification value according to the option category of the target option, and the selector page is reset according to the updated identification values, so that the one-key full-selection function on the product based on the Element UI can be realized, the problem that the existing product based on the Element UI only supports single click is solved, and the user experience is improved.

It should be understood that the description in this section is not intended to identify key or critical features of the embodiments of the application or to delineate the scope of the application. Other features of the present application will become apparent from the description that follows.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

FIG. 1 is a flow chart of a full selection method based on an Element UI according to a first embodiment of the application;

FIG. 2 is a display diagram of a selector page provided in accordance with a first embodiment of the present application;

FIG. 3 is a flow chart of another Element UI-based full selection method provided in accordance with the second embodiment of the application;

fig. 4 is a schematic structural diagram of a full selection device based on an Element UI according to the third embodiment of the present application;

fig. 5 is a schematic structural diagram of an electronic device implementing a full selection method based on an Element UI according to an embodiment of the present application.

Detailed Description

In order that those skilled in the art will better understand the present application, a technical solution in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in which it is apparent that the described embodiments are only some embodiments of the present application, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present application without making any inventive effort, shall fall within the scope of the present application.

It should be noted that the terms "first," "second," and the like in the description and the claims of the present application and the above figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the application described herein may be implemented in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

Example 1

Fig. 1 is a flowchart of an Element UI based full selection method provided in an embodiment of the present application, where the embodiment is applicable to a case of providing a full selection function in an Element UI based product, the method may be performed by an Element UI based full selection device, and the Element UI based full selection device may be implemented in hardware and/or software, and the Element UI based full selection device may be configured in a selector sub-component of an Element UI having a data processing function. As shown in fig. 1, the method includes:

s110, when the clicking operation of the user on the target option in the selection frame is monitored, determining a target identification value according to the clicking operation of the user, and determining that the target option is a full-selection option or a single-selection option.

Optionally, the selection box is a selection box in a product developed based on the Element UI, multiple options can be provided in the selection box, the options can include a single option and a full option, when the user clicks the full option, all options including the full option are checked, and when the user clicks the single option, the single option clicked by the user is checked.

Optionally, the target option may be a current click option of the user, and the click operation of the user in the selection frame may be captured by a real-time monitoring manner, and after the user clicks on the target option is monitored, the identity and the name of the target option may be obtained, so as to determine the content of the target option clicked by the user.

Optionally, the clicking operation of the user may include a hooking operation and a cancel hooking operation, where the hooking operation is to pick up an option that is not hooked up, and the cancel hooking operation is to cancel the hooked up option. The target identification value may be represented by a boolean value, where the boolean value includes a wire value, which may represent a target identification value determined after the user performs the operation of checking the target option, and a false value, which may represent a target identification value determined after the user performs the operation of canceling the checking of the target option.

Optionally, in the embodiment of the present application, if the full selection operation is to be implemented according to the product developed by the Element UI, the identification value stored in the selector sub-component may be further modified by the click operation of the user, so as to implement the full selection display in the page. A selector parent component may also be included in the product developed by the Element UI, and the parent component may be configured to interact with the background operating system, e.g., when the content of an option in the selection box needs to be increased or decreased, the user may modify the content via the background operating system, send the modified information to the selector parent component, and be transmitted by the selector parent component to the selector child component, and further reset the selector page via the selector child component. It should be further noted that when the data in the selector page is changed, the data stored in the selector sub-component is changed first, and after the data in the selector sub-component is updated, the data is transmitted by the selector sub-component to the selector parent component for interaction between the selector parent component and the background operating system.

It will be appreciated that each individual option in the selection box has name information, identity information and a selection identity value, which together may form individual option data.

The method comprises the steps that the single-selection option data are updated interactively by a selector parent component and a background, and each time the single-selection option data in the selector parent component are updated by the background, the selector parent component sends the updated single-selection option data to a selector sub-component for backup storage;

whenever the radio option data in the selector sub-component changes, the selector sub-component sends the changed radio option data to the selector parent component.

Optionally, the single option data is stored in the selector parent component, and the selector parent component sends the single option data to the selector sub-component for backup storage after the single option data is updated by the background operation system each time. After the backup stored radio option data in the selector sub-component is updated, the selector parent component needs to be notified of the synchronization modification. When the selection identification value of a certain option in the selector sub-assembly is wire, the option in the selector page is in a hooked state, and when the selection identification value of the certain option in the selector sub-assembly is false, the option in the selector page is in a non-hooked state.

Optionally, the selector subassembly may further store a full selection identifier value, where when the full selection identifier is wire, the full selection option and each single selection option should be in a hook state, and when the full selection identifier is false, the full selection option is in a non-hook state, and the single selection option may be selectively hooked or not hooked according to a user requirement.

Optionally, after the user clicks on the target option, the name or identity of the target option may be used to determine that the target option is a full-selection option or a single-selection option.

And S120, when the target option is a full selection option, updating the selection identification value and the full selection identification value of each piece of single selection option data in the selector sub-component to the target identification value.

Optionally, when the target option is a full selection option, a hook or cancel hook operation needs to be performed on the full selection option and all the single selection options in the selector page. At this time, it is required to ensure that the selection identification value of each radio option in the selector sub-assembly is the target identification value, and the all-selection identification value in the selector sub-assembly should also be the target identification value.

Optionally, when the target option is determined to be a full selection option, firstly changing a full selection identifier in the selector sub-component, traversing selection identifier values of all single selection options in the selector, judging whether the selection identifier values of all single selection options are target identifier values, and updating the selection identifier values of all single selection options different from the target identifier values to be target identifier values.

And S130, when the target option is a single-choice option and the full-choice processing condition is met, updating the selection identification value and the full-choice selection identification value of the target single-choice option data in the selector sub-component into the target identification value.

Alternatively, when the target option is a single option, there may be two cases. One situation may be that before the user selects the target option, all other single-selection options are already in the selected state, after the user selects the target option, all single-selection options in the selection frame are selected, which is equivalent to performing a full-selection operation on all the options in the selection frame, or before the user cancels selecting the target option, the selection frame is in the full-selection state, after the user cancels selecting the target option, the full-selection state disappears, and all single-selection options except the target option are still in the selected state, which can be regarded as meeting the full-selection processing condition. Another situation may be that the full selection is not implemented in the selection box before and after the user clicks on the target option.

Optionally, when the target option is a single-choice option and it is determined that the full-choice processing condition is met, the full-choice identification value needs to be updated in addition to the selection identification value of the currently clicked single-choice option. When the target option is a single-choice option but the full-choice processing condition is not met, only the selection identification value of the currently clicked single-choice option is required to be updated.

S140, resetting the selector page according to the data of each single-choice option in the selector sub-component and the full-choice selection identification value.

Optionally, the hook state of each option in the selector page and other display contents in the hook frame may be updated according to the data of each single option and the full option selection identification value in the selector sub-assembly.

Optionally, in order to provide an intuitive full-selection prompt for a user, the application designs a prompt component at the upper end of a selection frame in a selector page. When the selection frame is currently in the full selection state, a full selection prompt component can be displayed at the upper end of the selection frame.

Fig. 2 is a display diagram of an alternative selector page according to an embodiment of the present application, and as shown in fig. 2, when the full selection option at the lower end of the selection frame and each single selection option are in a hooked state, the "full" word is displayed at the upper end of the selection frame.

Optionally, when the selection frame is not in the full selection state, the name of one of the single options may be displayed at the upper end of the selection frame, the number of currently hooked single options is counted, and the number value of the hooked single options is also displayed at the upper end of the selection frame.

Example two

Fig. 3 is a flowchart of a full selection method based on an Element UI according to a second embodiment of the present application, where the update method of each identification value in a selector sub-component is specifically described based on the foregoing embodiment. As shown in fig. 3, the method includes:

s210, monitoring all options in the selection frame in real time, and determining the clicking operation as the checking operation or canceling the checking operation when the clicking operation of the user on the target option in the selection frame is monitored.

Wherein the target identification value is a boolean value.

S220, when the clicking operation is the checking operation, determining the target identification value as a wire value, when the clicking operation is the cancel checking operation, determining the target identification value as a false value, and storing the target identification value in a cache.

And S230, when the target option is a full-selection option, updating the full-selection identification value to be the target identification value, comparing the target identification value in the cache with the selection identification value of each single-selection option data, and updating the selection identification value of the single-selection option data different from the target identification value to be the target identification value.

S240, when the target option is a single-choice option and the full-choice processing condition is met, updating the selection identification value and the full-choice selection identification value of the target single-choice option data in the selector sub-component to be the target identification value.

Wherein, determining that the full selection processing condition is satisfied may include:

if all the radio options in the selection frame are in the checking state after the user checks the target radio option, or if the all the radio options in the selection frame and all the radio options are in the checking state, the user performs the cancel checking operation on the target radio option, and then the all the radio options are determined to meet the all the processing conditions.

S250, when the target option is a single-choice option and the full-choice processing condition is not met, updating the selection identification value of the target single-choice option data into a target identification value according to the target identification value stored in the cache.

S260, resetting the selector page according to the data of each single-choice option in the selector sub-component and the full-choice selection identification value.

Wherein resetting the selector page according to the individual radio option data and the full selection identification value in the selector sub-assembly may include:

when judging that the current selection is in the full selection state according to the data of each single selection option and the full selection identification value in the selector sub-assembly, displaying a preconfigured full selection prompt assembly at the upper end of the selection frame, and displaying the full selection option and each single selection option as a hook state;

when judging that the current state is not the full selection state according to the data of each single selection option and the full selection identification value in the selector sub-assembly, counting the number of each selected single selection option, displaying the number of the selected single selection options at the upper end of the selection frame, and displaying each selected single selection option as a hook state.

According to the technical scheme, the click operation of the user on the target option is obtained, the target identification value and the option category of the target option are determined according to the click operation, the corresponding identification values are updated to the target identification value according to the option category of the target option, and the selector page is reset according to the updated identification values, so that the one-key full-selection function can be realized on an Element UI-based product, the problem that the existing Element UI-based product only supports single click is solved, user experience is improved, and the current selection state can be intuitively displayed to the user through the setting of the prompt component in the selector page, so that the user is convenient to analyze and judge.

Example III

Fig. 4 is a schematic structural diagram of a full selection device based on an Element UI according to a third embodiment of the present application. As shown in fig. 4, the apparatus includes: an option determination module 310, a full choice identification value update module 320, a radio selection identification value update module 330, and a selector page reset module 340.

The option determining module 310 is configured to determine, when a click operation of the user on the target option in the selection frame is monitored, a target identification value according to the click operation of the user, and determine that the target option is a full-selection option or a single-selection option.

And the full selection identification value updating module 320 is configured to update the selection identification value and the full selection identification value of each single selection item data in the selector sub-component to the target identification value when the target item is the full selection item.

And the radio selection identification value updating module 330 is configured to update the selection identification value and the full selection identification value of the target radio selection item data in the selector sub-component to the target identification value when the target item is a radio selection item and the full selection processing condition is determined to be satisfied.

The selector page reset module 340 is configured to reset the selector page according to the data of each single option and the full option identification value in the selector sub-assembly.

Based on the above embodiments, the option determining module 310 may specifically be configured to:

monitoring all options in the selection frame in real time, and determining the clicking operation as the checking operation or canceling the checking operation when the clicking operation of a user on the target option in the selection frame is monitored; wherein the target identification value is a Boolean value;

when the clicking operation is a checking operation, the target identification value is determined to be a wire value, and when the clicking operation is a cancel checking operation, the target identification value is determined to be a false value, and the target identification value is stored in the cache.

Based on the above embodiments, the full selection identifier value updating module 320 may be specifically configured to:

when the target option is a full-selection option, updating the full-selection identification value to be a target identification value, comparing the target identification value in the cache with the selection identification value of each single-selection option data, and updating the selection identification value of the single-selection option data different from the target identification value to be the target identification value.

Based on the above embodiments, the radio selection identifier value updating module 330 may be specifically configured to:

On the basis of the above embodiments, the system may further include a radio option selection identifier updating module, specifically configured to:

and when the target option is a single option and the full-selection processing condition is not met, updating the selection identification value of the target single option data into a target identification value according to the target identification value stored in the cache.

On the basis of the embodiments, the single-choice option data is updated interactively by the selector parent component and the background, and each time after the single-choice option data in the selector parent component is updated by the background, the selector parent component sends the updated single-choice option data to the selector sub-component for backup storage;

Based on the above embodiments, the selector page reset module 340 may be specifically configured to:

The Element UI-based full selection device provided by the embodiment of the application can execute the Element UI-based full selection method provided by any embodiment of the application, and has the corresponding functional modules and beneficial effects of the execution method.

Example IV

Fig. 5 shows a schematic diagram of the structure of an electronic device 10 that may be used to implement an embodiment of the application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. Electronic equipment may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the applications described and/or claimed herein.

As shown in fig. 5, the electronic device 10 includes at least one processor 11, and a memory, such as a Read Only Memory (ROM) 12, a Random Access Memory (RAM) 13, etc., communicatively connected to the at least one processor 11, in which the memory stores a computer program executable by the at least one processor, and the processor 11 may perform various appropriate actions and processes according to the computer program stored in the Read Only Memory (ROM) 12 or the computer program loaded from the storage unit 18 into the Random Access Memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 may also be stored. The processor 11, the ROM 12 and the RAM 13 are connected to each other via a bus 14. An input/output (I/O) interface 15 is also connected to bus 14.

Various components in the electronic device 10 are connected to the I/O interface 15, including: an input unit 16 such as a keyboard, a mouse, etc.; an output unit 17 such as various types of displays, speakers, and the like; a storage unit 18 such as a magnetic disk, an optical disk, or the like; and a communication unit 19 such as a network card, modem, wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunication networks.

The processor 11 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various specialized Artificial Intelligence (AI) computing chips, various processors running machine learning model algorithms, digital Signal Processors (DSPs), and any suitable processor, controller, microcontroller, etc. The processor 11 performs the various methods and processes described above, such as the Element UI-based full selection method as described in embodiments of the application. Namely:

In some embodiments, the Element UI-based triage method may be implemented as a computer program tangibly embodied on a computer-readable storage medium, such as the storage unit 18. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 10 via the ROM 12 and/or the communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the Element UI based all selection method described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to perform the Element UI based full choice method in any other suitable way (e.g., by means of firmware).

Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuit systems, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), systems On Chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, which may be a special purpose or general-purpose programmable processor, that may receive data and instructions from, and transmit data and instructions to, a storage system, at least one input device, and at least one output device.

A computer program for carrying out methods of the present application may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the computer programs, when executed by the processor, cause the functions/acts specified in the flowchart and/or block diagram block or blocks to be implemented. The computer program may execute entirely on the machine, partly on the machine, as a stand-alone software package, partly on the machine and partly on a remote machine or entirely on the remote machine or server.

In the context of the present application, a computer-readable storage medium may be a tangible medium that can contain, or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. The computer readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. Alternatively, the computer readable storage medium may be a machine readable signal medium. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

To provide for interaction with a user, the systems and techniques described here can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which a user can provide input to the electronic device. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic input, speech input, or tactile input.

The systems and techniques described here can be implemented in a computing system that includes a background component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such background, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), blockchain networks, and the internet.

The computing system may include clients and servers. The client and server are typically remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical hosts and VPS service are overcome.

It should be appreciated that various forms of the flows shown above may be used to reorder, add, or delete steps. For example, the steps described in the present application may be performed in parallel, sequentially, or in a different order, so long as the desired results of the technical solution of the present application are achieved, and the present application is not limited herein.

The above embodiments do not limit the scope of the present application. It will be apparent to those skilled in the art that various modifications, combinations, sub-combinations and alternatives are possible, depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present application should be included in the scope of the present application.

Claims

1. A full selection method based on an Element UI, performed by a selector sub-component of the Element UI, comprising:

2. The method of claim 1, wherein determining the target identification value according to the click operation of the user when the click operation of the user on the target option in the selection frame is monitored, comprises:

3. The method of claim 1, wherein updating the selection identity value and the full selection identity value of each of the radio option data in the selector sub-component to the target identity value when the target option is the full selection option comprises:

4. The method of claim 2, wherein determining that the full choice processing condition is satisfied comprises:

5. The method of claim 4, further comprising, after updating the selection identity value and the full selection identity value for each of the radio option data in the selector sub-component to the target identity value:

6. The method of any of claims 1-5, wherein the radio option data is updated interactively by the selector parent component with the background, each time the radio option data in the selector parent component is updated in the background, the selector parent component sends the updated radio option data to the selector sub-component for backup storage;

7. The method of claim 1, wherein resetting the selector page based on the individual radio option data and the full-option select identity value in the selector sub-component comprises:

8. A full selection device based on an Element UI, executed by a selector sub-component of the Element UI, comprising:

9. An electronic device, the electronic device comprising:

at least one processor; and

a memory communicatively coupled to the at least one processor; wherein,,

the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the ElementUI-based full selection method of any one of claims 1-7.

10. A computer readable storage medium storing computer instructions for causing a processor to implement the ElementUI-based reselection method of any one of claims 1-7 when executed.