✨ feat: migrate less to token for Slider

[heiyu4585]

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Workflow
• Other (about what?)

🔗 Related issue link

💡 Background and solution

📝 Changelog

Language	Changelog
🇺🇸 English	migrate less to token for Slider
🇨🇳 Chinese	修改 组件 less token

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

---

🚀 Summary

🤖 Generated by Copilot at 85e13ab

This pull request adds component token support for the slider component, which enables users to customize its style through the ConfigProvider component. It also adds a component token demo and documentation for the slider component in both Chinese and English languages. It updates the migrate less variables documentation to include the slider component.

🔍 Walkthrough

🤖 Generated by Copilot at 85e13ab

• Add a component token demo for the slider component that shows how to customize the style of the slider using the ConfigProvider component and the component token interface (link, link, link, link, link, link)
• Update the slider component documentation in both languages to include the component token demo in the examples section, using the debug attribute to enable the component token debug mode (link, link)
• Update the migrate less variables documentation in both languages to include the slider component in the result section, using a table to show the mapping between the Less variables and the component token properties, and the remarks for each property (link, link)

[github-actions]

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (5d62e63) 100.00% compared to head (0b74e79) 100.00%.

❗ Current head 0b74e79 differs from pull request most recent head 40c4878. Consider uploading reports for the commit 40c4878 to get more accurate results

Additional details and impacted files

@@            Coverage Diff            @@
##           feature    #42428   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          649       649           
  Lines        10936     10944    +8     
  Branches      2965      2967    +2     
=========================================
+ Hits         10936     10944    +8     

see 1 file with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[MadCcc]

Suggested change

	| `@slider-margin` | `iconFontSize` | - |
	| `@slider-margin` | - | 可由 `className` 或 `style` 直接修改 |

[MadCcc]

Suggested change

	| `@slider-rail-background-color` | `railBackgroundColor` | - |
	| `@slider-rail-background-color-hover` | `railBackgroundColorHover` | - |
	| `@slider-track-background-color` | `trackBackgroundColor` | - |
	| `@slider-track-background-color-hover` | `trackBackgroundColorHover` | - |
	| `@slider-handle-border-width` | `handleBorderWidth` | - |
	| `@slider-handle-background-color` | `handleBackgroundColor` | - |
	| `@slider-handle-color` | `handleColor` | - |
	| `@slider-handle-color-hover` | `handleColorHover` | - |
	| `@slider-handle-color-focus` | `handleColorFocus` | - |
	| `@slider-handle-color-focus-shadow` | `handleColorFocusShadow` | - |
	| `@slider-handle-color-tooltip-open` | `handleColorTooltipOpen` | - |
	| `@slider-handle-size` | `handleSize` | - |
	| `@slider-handle-margin-top` | `handleMarginTop` | - |
	| `@slider-handle-margin-left` | `handleMarginLeft` | - |
	| `@slider-handle-shadow` | `handleShadow` | - |
	| `@slider-dot-border-color` | `dotBorderColor` | - |
	| `@slider-dot-border-color-active` | `dotBorderColorActive` | - |
	| `@slider-rail-background-color` | `railBg` | - |
	| `@slider-rail-background-color-hover` | `railHoverBg` | - |
	| `@slider-track-background-color` | `trackBg` | - |
	| `@slider-track-background-color-hover` | `trackHoverBg` | - |
	| `@slider-handle-border-width` | `handleLineWidth` | - |
	| `@slider-handle-background-color` | `handleBg` | - |
	| `@slider-handle-color` | `handleColor` | - |
	| `@slider-handle-color-hover` | `handleHoverColor` | - |
	| `@slider-handle-color-focus` | `handleActiveColor` | - |
	| `@slider-handle-color-focus-shadow` | - | 样式变化已废弃 |
	| `@slider-handle-color-tooltip-open` | `handleActiveColor` | - |
	| `@slider-handle-size` | `handleSize` | - |
	| `@slider-handle-margin-top` | `handleMarginTop` | - |
	| `@slider-handle-margin-left` | `handleMarginLeft` | - |
	| `@slider-handle-shadow` | - | 样式变化已废弃 |
	| `@slider-dot-border-color` | `dotBorderColor` | - |
	| `@slider-dot-border-color-active` | `dotActiveBorderColor` | - |

[heiyu4585]

handleBg,handleColorHover,handleActiveColor 没有使用了

[MadCcc]

Suggested change

	| `@slider-disabled-color` | `disabledColor` | - |
	| `@slider-disabled-color` | `trackBgDisabled` | - |

[heiyu4585]

done

[MadCcc]

这个应该改成 handleActiveColor 了

[MadCcc]

这两个颜色看下，应该用 token 的。

[MadCcc]

这个没用过

[MadCcc]

用错地方了，是 borderColor 才对

[MadCcc]

这个也是，应该是蓝色圈的颜色

[MadCcc]

这个也可以用 handleActiveColor