外观
公共 API
包入口
| JavaScript | 类型 | 样式 |
|---|---|---|
@stone-ui/vue | @stone-ui/vue | @stone-ui/vue/style.css |
| JavaScript | 类型 | 样式 |
|---|---|---|
@stone-ui/react | @stone-ui/react | @stone-ui/react/style.css |
两个平台包都提供 ESM、CommonJS 和 TypeScript 声明文件。
命名约定
- 公共组件统一使用
S前缀,例如SButton、STableGrid。 - React 属性名作为跨框架公共接口基准,Vue 模板中可使用等价的 kebab-case。
- React 的
children对应 Vue 默认插槽;具名内容保持同名插槽语义。 - 事件回调保持相同业务含义,Vue 同时遵循标准组件事件绑定方式。
样式入口
平台包的 style.css 已包含全部组件样式。不要同时导入单个组件源码 SCSS,以免造成样式顺序和构建环境不一致。
类型导入
ts
import type {
SButtonProps,
STableGridProps,
STableSheetRef,
} from '@stone-ui/vue'React 使用相同类型名:
ts
import type { SButtonProps, STableSheetRef } from '@stone-ui/react'