主题
全局参数
提示
所有全局配置的参数优先级都低于组件自身的配置,组件可以通过配置自有参数覆盖全局配置。
组件尺寸
组件的默认尺寸为 base
,可以通过 size
选项全局修改组件的尺寸。
typescript
import kswUx from '@ksware/ksw-ux';
import '@ksware/ksw-ux/kingsware-ui/style.css'
app.use(kswUx, {
size: 'sm'
});
修改组件props默认值
通过 props
参数可以修改所有组件的 props 默认值,也支持通过 props.icon
修改部分内置图标,后续会逐步支持更多内置图标的修改。
typescript
import kswUx from '@ksware/ksw-ux';
import '@ksware/ksw-ux/kingsware-ui/style.css'
app.use(kswUx, {
props: {
KTreeTable: { // 修改KTreeTable组件的props默认值
showPage: false,
showFilter: false
},
KInput: { // 修改KInput组件的props默认值
clearable: true,
placeholder: '请输入符合要求的内容'
},
icon: { // 修改部分内置图标
folderOpen: 'IconAdd', // 表格文件夹展开图标
folderClose: 'IconMinus' // 表格文件夹收起图标
}
}
});
更多配置
配置项 | 描述 | 类型 | 默认值 |
---|---|---|---|
locale | 语言 | enum | 'zh' |
styleModule | 项目主题样式 | enum | 'AOM' |
size | 组件尺寸 | enum | 'base' |
cssVariables | css变量,会覆盖默认同名变量 | object | - |
props | 组件 props 默认值 | object | - |
useDefaultFont | 是否使用默认字体 | boolean | true |
registerIcon | 是否自动注册图标 | boolean | true |