stash
64f1fbf906
- 新增本地依赖 @stash/ui（file:../../stash-ui），引入其 style.css 与设计令牌 - 页面骨架改用 Layout（contained + header/sider），搜索框改为吸顶 - 卡片/菜单/按钮/标签/头像/分页/空态/提示全部换成组件库组件 - 删除本地 iconfont 与 1400 行手写组件样式，App.css 只保留页面级样式 - 数据层、路由、过滤逻辑未改动；33 个 Rust 测试通过
58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
import { Icon } from '@stash/ui'
|
|
|
|
/**
|
|
* 语义图标：stash 内部一直按用途引用（SearchIcon / RefreshIcon…），
|
|
* 这里统一映射到 @stash/ui 的 iconfont 字形，避免各页面记字形名。
|
|
*/
|
|
type IconProps = {
|
|
className?: string
|
|
}
|
|
|
|
export function SearchIcon({ className }: IconProps) {
|
|
return <Icon name="search_3_line" className={className} />
|
|
}
|
|
|
|
export function UserIcon({ className }: IconProps) {
|
|
return <Icon name="user_3_line" className={className} />
|
|
}
|
|
|
|
export function RefreshIcon({ className }: IconProps) {
|
|
return <Icon name="refresh_3_line" className={className} />
|
|
}
|
|
|
|
export function LinkIcon({ className }: IconProps) {
|
|
return <Icon name="link_3_line" className={className} />
|
|
}
|
|
|
|
export function ExternalIcon({ className }: IconProps) {
|
|
return <Icon name="a-external_link_line1" className={className} />
|
|
}
|
|
|
|
export function EyeIcon({ className }: IconProps) {
|
|
return <Icon name="eye_line" className={className} />
|
|
}
|
|
|
|
export function ThumbUpIcon({ className }: IconProps) {
|
|
return <Icon name="thumb_up_2_line" className={className} />
|
|
}
|
|
|
|
export function ShareIcon({ className }: IconProps) {
|
|
return <Icon name="share_3_line" className={className} />
|
|
}
|
|
|
|
export function CloseIcon({ className }: IconProps) {
|
|
return <Icon name="close_line" className={className} />
|
|
}
|
|
|
|
export function MoreIcon({ className }: IconProps) {
|
|
return <Icon name="more_1_line" className={className} />
|
|
}
|
|
|
|
export function ArrowUpIcon({ className }: IconProps) {
|
|
return <Icon name="arrow_up_line" className={className} />
|
|
}
|
|
|
|
export function ArrowDownIcon({ className }: IconProps) {
|
|
return <Icon name="arrow_down_line" className={className} />
|
|
}
|