refactor: use vue-jsx-compiler

[zhiyuanzmj]

1. vue-jsx-compiler don't supports slots variable in plain element, use <div>{this.$slots.default()}</div> instead <div>{this.$slots}</div>.
2. Use <Comp v-slots={slots} /> instead of <Comp>{slots}</Comp>.

[Copilot]

Pull request overview

This PR refactors JSX usage across the codebase to be compatible with the vue-jsx-vapor (vue-jsx-compiler) library, replacing the previous JSX compilation approach. The main changes follow two patterns: (1) replacing bare {slots} and {this.$slots} inside plain HTML elements with {slots.default?.()} / {this.$slots.default?.()}, and (2) replacing <Comp>{slots}</Comp> with <Comp v-slots={slots} /> for component children passing.

Changes:

• Add vue-jsx-vapor as a dev dependency and configure it as a Vite plugin in vite.config.mts
• Replace all slot rendering patterns in ~50 component files to be compatible with the new compiler
• Update test snapshots and test assertions to reflect the new compiler's rendering output (e.g., class="" on empty class bindings, aria-hidden="" for bare boolean attributes, extra comment/text nodes)

Reviewed changes

Copilot reviewed 85 out of 85 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
vite.config.mts	Adds vueJsxVapor plugin with interop: true option
package.json	Adds vue-jsx-vapor@^3.2.2 as a dev dependency
src/message/src/Message.tsx	Refactors iconNode assignment and removes no-cond-assign eslint suppression
src/popconfirm/src/Popconfirm.tsx	Migrates slot passing to v-slots and combines spread props
src/popconfirm/tests/Popconfirm.spec.ts	Updates test names (removes backticks around prop names)
themes/tusimple/src/TsConfigProvider.tsx	Migrates slot passing to v-slots syntax
src/drawer/src/DrawerContent.tsx	Updates slot rendering with inconsistency (this.$slots vs $slots)
src/float-button/tests/__snapshots__/FloatButton.spec.tsx.snap	Reflects aria-hidden="" instead of aria-hidden="true"
src/flex/tests/Flex.spec.tsx	Updates child node count expectations for new compiler output
src/space/tests/__snapshots__/Space.spec.tsx.snap	Reflects new compiler adding empty class="" attribute to bindings
Multiple component .tsx files	Replace {slots} / {this.$slots} with .default?.() calls or v-slots={}

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The test case names in Popconfirm.spec.ts previously wrapped prop/slot names in backticks (e.g., `show-icon`), which is the consistent convention used throughout the codebase (as seen in dozens of test files). These changes remove the backticks, making the test names inconsistent with the rest of the codebase's naming convention. The test at line 38 was changed from should work with \show-icon` proptoshould work with show-icon prop, and line 77 was changed from should work with `on-negative-click` proptoshould work with on-negative-click prop`.

[Copilot]

The snapshot shows that aria-hidden="true" has changed to aria-hidden="". This is a behavioral change caused by vue-jsx-vapor compiling bare boolean JSX attributes (like aria-hidden without a value in the source) as empty strings instead of the string "true".

According to the WAI-ARIA specification, aria-hidden only accepts "true" or "false" as valid values. An empty string "" is not a valid value and its behavior may vary across assistive technologies. All source files using bare aria-hidden as a JSX attribute (e.g., src/float-button/src/FloatButton.tsx:253, src/progress/src/Circle.tsx:154, src/progress/src/Line.tsx:104, src/progress/src/MultipleCircle.tsx:103) should be updated to explicitly use aria-hidden={true} to ensure correct and consistent behavior with the new compiler.