fix: resolve incorrect display of options in formkit selector with async data

[LIlGG]

What type of PR is this?

/kind bug
/area ui
/milestone 2.20.x

What this PR does / why we need it:

为 formkit select 组件优化逻辑，目前将可以监听到 options 的变化，用于在变化时设置值。用于解决当 options 是异步获取，而 value 是初始设置时，无法显示正常的 label。

How to test it?

测试 options 比设置 value 晚时，数据能否正常显示 label。

Does this PR introduce a user-facing change?

解决当 FormKit Select 组件中的 options 延迟设置时无法正常回显的问题。

[LIlGG]

/cherrypick release-2.19

[halo-dev-bot]

@LIlGG: once the present PR merges, I will cherry-pick it on top of release-2.19 in a new PR and assign it to you.

In response to this:

/cherrypick release-2.19

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 58.05%. Comparing base (6cd8dc8) to head (071a17a).
Report is 59 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #6629      +/-   ##
============================================
- Coverage     58.18%   58.05%   -0.13%     
- Complexity     3774     3916     +142     
============================================
  Files           651      670      +19     
  Lines         22125    22970     +845     
  Branches       1538     1575      +37     
============================================
+ Hits          12873    13335     +462     
- Misses         8641     9019     +378     
- Partials        611      616       +5     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ruibaby]

/lgtm

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: ruibaby

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• ui/OWNERS [ruibaby]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[guqing]

/lgtm

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[guqing]

/lgtm

[halo-dev-bot]

@LIlGG: #6629 failed to apply on top of branch "release-2.19":

Applying: fix: resolve incorrect display of options in formkit selector with async data
Using index info to reconstruct a base tree...
M	ui/src/formkit/inputs/select/SelectMain.vue
Falling back to patching base and 3-way merge...
Auto-merging ui/src/formkit/inputs/select/SelectMain.vue
CONFLICT (content): Merge conflict in ui/src/formkit/inputs/select/SelectMain.vue
error: Failed to merge in the changes.
hint: Use 'git am --show-current-patch=diff' to see the failed patch
Patch failed at 0001 fix: resolve incorrect display of options in formkit selector with async data
When you have resolved this problem, run "git am --continue".
If you prefer to skip this patch, run "git am --skip" instead.
To restore the original branch and stop patching, run "git am --abort".

In response to this:

/cherrypick release-2.19

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.