0.2.29 • Published 6 months ago
backstage-vue3 v0.2.29
backstage-vue3
一款基于Vue3,JSON配置化UI组件库,同时兼容element-ui、ant-design-vue
接入指南
安装
npm i backstage-vue3
添加babel按需引入插件
module.exports = {
...
plugins: [
...,
[ // 本次增加
'import',
{ // 按需引入backstage-vue3组件
libraryName: 'backstage-vue3',
libraryDirectory: 'lib',
customStyleName: () => {
return 'backstage-vue3/lib/css/index.css'
},
},
],
]
}
使用
<BsForm
v-model="form"
class="BaseForm"
:config="config"
/>
import { BsTable, BsForm } from 'backstage-vue3'
ant-design-vue使用
如果你是使用的element-plus你可以直接忽略此步骤,如果你使用的是ant-design-vue,你需要在main.js顶部添加
window.uiLanguage = 'ant'
注意事项
按需引入会对组件传入的所有props进行类型校验,如下:
可以直接导入内置提供的接口,来保证传入的数据符合类型校验:
<BsForm
v-model="form"
class="BaseForm"
:config="config"
/>
import { BsTable, BsForm, formConfig } from 'backstage-vue3'
const config = ref<formConfig>({
...
})
示例页面
0.2.27
6 months ago
0.2.26
7 months ago
0.2.25
7 months ago
0.2.24
7 months ago
0.2.23
7 months ago
0.2.22
8 months ago
0.2.21
8 months ago
0.2.20
8 months ago
0.2.19
8 months ago
0.2.18
9 months ago
0.2.17
9 months ago
0.2.16
9 months ago
0.2.12
9 months ago
0.2.11
9 months ago
0.2.10
9 months ago
0.2.1
10 months ago
0.2.29
6 months ago
0.2.28
6 months ago
0.2.7
9 months ago
0.2.6
9 months ago
0.1.7
10 months ago
0.2.9
9 months ago
0.2.8
9 months ago
0.2.3
10 months ago
0.1.4
10 months ago
0.2.2
10 months ago
0.2.5
9 months ago
0.1.6
10 months ago
0.2.4
10 months ago
0.1.3
11 months ago
0.1.2
11 months ago
0.1.1
11 months ago
0.1.0
11 months ago