{"_id":"@52css/variant-form","name":"@52css/variant-form","dist-tags":{"latest":"2.2.9"},"versions":{"2.2.9":{"name":"@52css/variant-form","version":"2.2.9","private":false,"main":"dist/lib/VFormDesigner.umd.min.js","scripts":{"serve":"vue-cli-service serve --open src/main.js","build":"vue-cli-service build --report --dest dist/build","lib":"vue-cli-service build --report --target lib --dest dist/lib --name VFormDesigner install.js","lib-render":"vue-cli-service build --report --target lib --dest dist/lib-render --name VFormRender install-render.js","lint":"vue-cli-service lint"},"dependencies":{"axios":"^0.21.1","clipboard":"^2.0.8","core-js":"^3.6.5","element-ui":"^2.15.1","file-saver":"^2.0.5","vue":"^2.6.11","vue2-editor":"^2.10.2","vuedraggable":"^2.24.3"},"devDependencies":{"@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-service":"~4.5.0","ace-builds":"^1.4.12","babel-eslint":"^10.1.0","babel-polyfill":"^6.26.0","eslint":"^6.7.2","eslint-plugin-vue":"^6.2.2","mvdir":"^1.0.21","sass":"^1.45.1","sass-loader":"^8.0.2","svg-sprite-loader":"^5.2.1","vue-template-compiler":"^2.6.11"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","eslint:recommended"],"parserOptions":{"parser":"babel-eslint"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead"],"description":"#### 一款高效的Vue低代码表单，可视化设计，一键生成源码，享受更多摸鱼时间。","_id":"@52css/variant-form@2.2.9","dist":{"shasum":"1b111e93388caf427f9c7153391b84a67d6f9fac","integrity":"sha512-IzjBLrfszJLwibu8VzAMmKnps09BPll5zVGbRHw+PojKCGZ1TLsSM79LqCjB6EFtNBdttIY4LhAs/eVhxwxiwQ==","tarball":"https://registry.npmjs.org/@52css/variant-form/-/variant-form-2.2.9.tgz","fileCount":379,"unpackedSize":19335948,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbr+4KjlLGeGtjdI2PYzxN4178bbXO9psiH/V1qUQfaAiEA3nZ3KvjuQjjE+E45fsil6xlEbUZB7Xgd5kKXtRgvDa4="}]},"_npmUser":{"name":"52css","email":"jie_wei@126.com"},"directories":{},"maintainers":[{"name":"52css","email":"jie_wei@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/variant-form_2.2.9_1694162044179_0.6657519322360377"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-08T08:34:04.062Z","2.2.9":"2023-09-08T08:34:04.593Z","modified":"2023-09-08T08:34:04.875Z"},"maintainers":[{"name":"52css","email":"jie_wei@126.com"}],"description":"#### 一款高效的Vue低代码表单，可视化设计，一键生成源码，享受更多摸鱼时间。","readme":"# Variant Form\n#### 一款高效的Vue低代码表单，可视化设计，一键生成源码，享受更多摸鱼时间。\n\n\n\n
\n\n### 立即体验\n[在线Demo](http://120.92.142.115/)\n\n### 立即体验VForm Pro高级版（提供商业支持）\n[Pro Demo](https://www.vform666.com/pro/)\n\n### 视频教程集合：\n[B站观看](https://space.bilibili.com/626932375)\n\n### Vue 3正式版已发布\n[立即进入](https://gitee.com/vdpadmin/variant-form3-vite)\n\n### 🎉🎉基于Vant组件库的Mobile版本已发布🎉🎉\n[立即进入](https://vform666.com/vform-mobile.html)\n\n\n### 友情链接\n[Fantastic-admin](https://hooray.gitee.io/fantastic-admin/) —— 一款开箱即用的 Vue 中后台管理系统框架（支持Vue2/Vue3）\n\n[REBUILD](https://getrebuild.com/) —— 高度可定制化的企业管理系统\n\n
\n\n### 功能一览\n```\n> 拖拽式可视化表单设计；\n> 支持PC、Pad、H5三种布局；\n> 支持运行时动态加载表单；\n> 支持表单复杂交互控制；\n> 支持自定义CSS样式；\n> 支持自定义校验逻辑；\n> 支持国际化多语言；\n> 兼容IE 11浏览器；\n> 可导出Vue组件、HTML源码；\n> 可导出Vue的SFC单文件组件；\n> 支持开发自定义组件；\n> 支持响应式自适应布局；\n> 支持VS Code插件；\n> 更多功能等你探究...；\n```\n\n### 安装依赖\n```\nnpm install --registry=https://registry.npm.taobao.org\n```\n\n### 开发调试\n```\nnpm run serve\n```\n\n### 生产打包\n```\nnpm run build\n```\n\n### 表单设计器 + 表单渲染器打包\n```\nnpm run lib\n```\n\n### 表单渲染器打包\n```\nnpm run lib-render\n```\n\n### 浏览器兼容性\n```Chrome（及同内核的浏览器如QQ浏览器、360浏览器等等），Edge, Firefox，Safari，IE 11```\n\n
\n\n### 跟Vue项目集成\n\n
\n\n#### 1. 安装包\n ```bash\n npm i vform-builds\n ```\n或\n ```bash\n yarn add vform-builds\n ```\n\n
\n\n#### 2. 引入并全局注册VForm组件\n```javascript\nimport Vue from 'vue'\nimport App from './App.vue'\n\nimport ElementUI from 'element-ui' //引入element-ui库\nimport VForm from 'vform-builds' //引入VForm库\n\nimport 'element-ui/lib/theme-chalk/index.css' //引入element-ui样式\nimport 'vform-builds/dist/VFormDesigner.css' //引入VForm样式\n\nVue.config.productionTip = false\n\nVue.use(ElementUI) //全局注册element-ui\nVue.use(VForm) //全局注册VForm(同时注册了v-form-designer和v-form-render组件)\n\nnew Vue({\n render: h => h(App),\n}).$mount('#app')\n```\n\n
\n\n#### 3. 在Vue模板中使用表单设计器组件\n```html\n\n \n\n\n\n\n\n```\n\n
\n\n#### 4. 在Vue模板中使用表单渲染器组件\n```html\n\n \n \n \n Submit\n
\n\n\n```\n\n
\n\n### 资源链接\n
\n\n文档官网：https://www.vform666.com/\n\n在线演示：http://120.92.142.115/\n\nGitee仓库：https://gitee.com/vdpadmin/variant-form\n\nGithub仓库：https://github.com/vform666/variant-form\n\nVS Code插件：https://www.vform666.com/plugin/\n\n更新日志：https://www.vform666.com/changelog.html\n\n订阅Pro版：https://www.vform666.com/pro/\n\n技术交流群：扫如下二维码加群\n\n\n","readmeFilename":"README.md"}