## TreeSelect
### Semantic Parts
- root（`semantic-mark-root`）: Root element with tree selector base styles, border, border radius container styles
- prefix（`semantic-mark-prefix`）: Prefix element with prefix content layout and styles
- input（`semantic-mark-input`）: Input element with text input, search, selected value display and other input core interaction styles
- suffix（`semantic-mark-suffix`）: Suffix element with suffix content, clear button, dropdown arrow and other suffix area styles
- content（`semantic-mark-content`）: Multiple selection container with layout, spacing, and wrapping styles for selected items
- item（`semantic-mark-item`）: Multiple selection item element with border, background, padding, and margin styles
- itemContent（`semantic-mark-itemContent`）: Multiple selection item content area with text ellipsis styles
- itemRemove（`semantic-mark-itemRemove`）: Multiple selection item remove button with font-related styles
- placeholder（`semantic-mark-placeholder`）: Placeholder element with font styles and colors for placeholder text
- popup.root（`semantic-mark-popup-root`）: Popup element with dropdown tree selection panel positioning, z-index, background, border, shadow and other popup layer styles
- popup.item（`semantic-mark-popup-item`）: Popup item element with tree node option styles, hover state, selected state and other interaction states
- popup.itemTitle（`semantic-mark-popup-itemTitle`）: Popup title element with tree node title text display styles
- popup.itemSwitcher（`semantic-mark-popup-itemSwitcher`）: Popup switcher element with tree node expand/collapse button styles and background
### Usage Example
```tsx
```
### Abstract DOM Structure
```html
```