DSH Semi UI 组件总览

@tnnevol/dsh-semi-ui 是 DSH 插件共用的 Semi Design 组件层。下面的页面由 VitePress 构建，交互状态与插件中使用的组件保持同一套 DSH 主题语义。

基础类 › 组件总览SHARED COMPONENT SYSTEM

Semi UI 组件总览

基于 Semi Design 组件语义，统一展示 DSH 主题下的组件类型、状态和交互。

基础类输入类导航类反馈类

BUTTON

按钮

按钮拥有明确的层级、主题和状态，主次操作保持视觉区分。

代码示例

import { Button } from '@tnnevol/dsh-semi-ui'

<Button type="primary" theme="solid">主要按钮</Button>

按钮类型

按钮主题

按钮尺寸

状态

图标与组合

Tooltip 与 Dropdown

共享 Tooltip

如何引入基本用法类型与主题尺寸禁用状态交互状态API 参考

对应共享包

页面展示的组件对应 @tnnevol/dsh-semi-ui 的公开导出。运行时交互总览仍可从 DSH 设置中的“DSH Semi UI → 打开总览”进入 #/plugins/semi-ui。

组件分组和演示状态参考 Semi 官方文档；当前已接入 Button、Icon、Cascader、TreeSelect、Tree、Modal、Progress、Spin 与 Toast。官方仓库中的 content/** 文档和组件示例作为展示状态与 API 的参考，插件运行时继续使用共享包的按需导出。

import { DshButton, DshCascader, DshProgress, DshSpin, DshToast, DshTree, installSemiDshTheme } from '@tnnevol/dsh-semi-ui'