feat: function field form support sort

[wangdan-fit2cloud]

What this PR does / why we need it?

Summary of your change

Please indicate you've done the following:

• Made sure tests are passing and test coverage is added if needed.
• Made sure commit message follow the rule of Conventional Commits specification.
• Considered the docs impact and opened a new docs issue or PR with docs changes if needed.

[f2c-ci-robot]

Adding the "do-not-merge/release-note-label-needed" label because no release-note block was detected, please follow our release note process to remove it.

Details

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.

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:

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

Details

Needs approval from an approver in each of these files:

• OWNERS

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

[shaohuzhang1]

The provided code has some improvements and corrections that can be made:

1. Import Statement:

   • Remove redundant import statement for Plus component as it's already imported before.

2. Template Ref Usage:

   • The two reference variables (initFieldTableRef and inputFieldTableRef) are used but not referenced anywhere else in the template. This can be cleaned up by either using them to call methods like .value.scrollTo({ top ... }), or remove unused references if they're no longer needed.

3. Sortable.js Initialization:

   • The initialization of Sortable should only happen when the table is rendered, which is done by adding a check inside the onLoad() lifecycle hook or an appropriate event listener to ensure all DOM elements are fully available.

   import { onMounted } from 'vue'
   
   onMounted(() => {
     onDragHandle()
   })

4. Unused Imports/Variables:

   • There might be unused imports/variables such as UserFieldFormDialogRef or properties that are set elsewhere in the component logic.

5. Performance Considerations:

   • If sorting becomes expensive due to large data sets, consider optimizing rendering performance or implementing batch updates in cases where changes are frequent.

Overall, addressing these points will help improve maintainability, usability, and potentially performance of the dynamic table interactions within your Vue application.