代码拉取完成,页面将自动刷新
网上找了很多表单生成器,试用之后发现还是不太合适,最后决定自己写一个。rosefinch-from-builder是一个vue3的原生表单构建器,现在还存在一些问题,后面有空会不断完善。
因npm仓库没有注册成功,所以没发布版本到npm仓库,只是发布到了本地:
git clone --depth=1 https://gitee.com/wyangvip/rosefinch-form-builder.git rosefinch-form-builder
npx verdaccio
# 发布过程参考二次开发
npm install rosefinch-form-builder --registry=http://localhost:4873
import FormBuilder from "rosefinch-form-builder";
const app = createApp(App)
app.use(FormBuilder)
<template>
<form-builder style="margin: 10px" />
</template>
<style>
@import "rosefinch-form-builder/rosefinch-form-builder.css";
</style>
待完善
# FormBuilder
exportJson()
exportHTML()
changeLang(lang)//lang:'zh'或'en'
# FormRender
getFormData()
getSourceJson()
getForm()
<form-builder>
<template v-slot:toolbar>
<lay-button type="primary" @click="onPublishForm">发布</lay-button>
</template>
</form-builder>
如果想进行二次开发,这些可能对你有帮助:
# 在根目录中执行命令
npm run package
cp packages/package.json dist/
cp README.md dist/
cd dist/
# 修改package.json里面版本号和仓库信息
npm publish
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。