FcDesigner/examples/main.js

55 lines
1.3 KiB
JavaScript
Raw Permalink Normal View History

2025-05-21 17:26:44 +08:00
import {createApp} from 'vue';
import ELEMENT from 'element-plus';
import vant from 'vant';
import 'element-plus/dist/index.css';
import 'vant/lib/index.css';
import formCreate from '@form-create/element-ui';
import App from './App.vue';
import FcDesigner from '../src/index';
import 'element-plus/theme-chalk/dark/css-vars.css'
// import install from "@form-create/element-ui/auto-import";
// import 'element-plus/es/components/message/style/css';
const app = createApp(App);
// formCreate.use(install);
app.use(ELEMENT);
app.use(vant);
app.use(formCreate);
app.use(FcDesigner);
FcDesigner.setFormula([
{
menu: 'math',
name: 'test',
info: '扩展自定义计算函数示例',
example: 'test(val) == !!val',
handle(val) {
return !!val
}
}
])
FcDesigner.setBehavior([
{
menu: 'other',
name: 'test',
label: '扩展自定义行为',
info: '扩展自定义行为示例',
rule() {
return [
{
type: 'input',
field: 'custom',
title: '自定义配置'
}
]
},
handle(config) {
console.log(config)
}
}
])
app.mount('#app')