Giter Site home page Giter Site logo

gavinzhulei / vue-form-making Goto Github PK

View Code? Open in Web Editor NEW
5.4K 5.4K 1.4K 111.36 MB

A visual form designer/generator base on Vue.js, make form development simple and efficient.(基于Vue的可视化表单设计器,让表单开发简单而高效。)

Home Page: http://form.making.link

License: MIT License

HTML 16.17% Vue 35.77% JavaScript 34.23% CSS 7.56% SCSS 6.28%

vue-form-making's Issues

关于异步拉取数据问题

async created () { this.jsonData = await this.getJson(); },
如果是异步拉取jsonData,配置的default值会不显示,非异步拉则没有这个问题

表单设计器问题

您好,我最近也在做类似表单设计器的东西。用v-for这种方法根据类型创建表单item会导致生成表单item的判断条件过多,如果表单过大,后期随着需求增加会一直增加新的组件,这种设计方式都会产生性能问题。看了你们的代码,很多还是值得借鉴的,如果有兴趣。
我的项目在这里,刚开始研究开发了一个demo,希望可以一起交流

WidgetForm.vue 170行有bug

if (row.columns[colIndex].list[newIndex].type === 'radio' || row.columns[colIndex].list[newIndex].type === 'checkbox' || this.data.list[newIndex].type === 'select')

getJSON

makingForm 的 getJSON 等函数应该怎么调用....

npm install form-making -S 执行错误

执行npm install form-making -S
错误如下:
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree +-- [email protected]
18 silly saveTree -- [email protected] 18 silly saveTree -- [email protected]
19 verbose stack Error: Refusing to install package with name "form-making" under a package
19 verbose stack also called "form-making". Did you name your project the same
19 verbose stack as the dependency you're installing?
19 verbose stack
19 verbose stack For more information, see:
19 verbose stack https://docs.npmjs.com/cli/install#limitations-of-npms-install-algorithm
19 verbose stack at checkSelf (D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:64:14)
19 verbose stack at Array. (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\bind-actor.js:15:8)
19 verbose stack at LOOP (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:15:14)
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:18:7
19 verbose stack at hasMinimumFields (D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:30:12)
19 verbose stack at Array. (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\bind-actor.js:15:8)
19 verbose stack at LOOP (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:15:14)
19 verbose stack at chain (D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\chain.js:20:5)
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\lib\install\validate-args.js:16:5
19 verbose stack at D:\Program Files\nodejs\node_modules\npm\node_modules\slide\lib\async-map.js:52:35
19 verbose stack at Array.forEach ()

GenerateFormItem文件中的计数器的问题,好像是bug

这个文件中我看其他控件都是用dataModel去绑定v-model,但是28行中的计数器用了defaultValue,这个是不是bug。代码如下


在我的环境有问题,但是我改成
v-model="dataModel" 解决了我的问题,但是在你的演示环境中好像没有这个问题呢

图片上传组件不能 正常显示

我的JSON中含有图片上传组件,但是表单渲染的时候图片上传组件不能正常显示,只显示‘图片’两个字,没有上传按钮。

ace is not defined?

通过npm安装,点击生成代码和生成json都会报ace is not defined,能否告知这个报错问题的解决的方法,谢谢

https://ufbp4v4o.api.lncld.net/1.1/classes/GenerateForm

在表单创建和填写表单的时候 都会向这个地址发送https://ufbp4v4o.api.lncld.net数据
里面包含了

          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,//当前访问的地址
          ip: window.returnCitySN.cip,
          more: JSON.stringify(window.returnCitySN),//从搜狐获取的ip城市数据
          data: JSON.stringify(this.data) // 这是表单的数据

这些东西应该禁止掉 对于使用者 这些信息都是私密的.

在FormMaking.common.js 文件里有两处这样的调用

        gfObject.save({
          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,
          ip: window.returnCitySN.cip,
          more: JSON.stringify(window.returnCitySN),
          data: JSON.stringify(this.data)
        });
       mfObject.save({
          language: language,
          platform: platform,
          userAgent: userAgent,
          origin: origin,
          href: href,
          ip: returnCitySN.cip,
          more: JSON.stringify(returnCitySN)
        });

栅格布局

把控件拖拽到中间后再往栅格布局里面拖,控件拖不进去

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.